nicolium: fix styling regressions

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/nicolium/src/styles/components/columns.scss

@@ -12,7 +12,7 @@
 
   background-color: rgb(var(--color-primary-900));
 
-  .dark {
+  .dark & {
     color: rgb(var(--color-gray-100));
     background-color: rgb(var(--color-primary-700));
   }

packages/nicolium/src/styles/components/video-player.scss

@@ -53,7 +53,7 @@
       background-color: transparent;
       outline-width: 0;
 
-      .dark {
+      .dark & {
         color: white;
       }
 

packages/nicolium/src/styles/loading.scss

@@ -19,7 +19,7 @@
   color: rgb(var(--color-gray-50));
   text-transform: uppercase;
 
-  .dark {
+  .dark & {
     color: rgb(var(--color-gray-800));
   }
 }
@@ -44,7 +44,7 @@
 
   background-color: transparent;
 
-  .dark {
+  .dark & {
     border-color: rgb(var(--color-gray-800));
   }
 }

packages/nicolium/src/styles/markup.scss

@@ -39,7 +39,7 @@ $vertical-lr-langs: mn-mong, mnmong;
   a {
     color: rgb(var(--color-primary-600));
 
-    .dark {
+    .dark & {
       color: rgb(var(--color-primary-400));
     }
 
@@ -89,7 +89,7 @@ $vertical-lr-langs: mn-mong, mnmong;
     border-left: 4px solid rgb(var(--color-gray-400));
     color: rgb(var(--color-gray-500));
 
-    .dark {
+    .dark & {
       color: rgb(var(--color-gray-400));
     }
 
@@ -107,7 +107,7 @@ $vertical-lr-langs: mn-mong, mnmong;
 
     background-color: rgb(var(--color-gray-200));
 
-    .dark {
+    .dark & {
       background-color: rgb(var(--color-gray-900));
     }
   }
@@ -132,7 +132,7 @@ $vertical-lr-langs: mn-mong, mnmong;
   pre {
     background: rgb(var(--color-gray-100));
 
-    .dark {
+    .dark & {
       background: rgb(var(--color-primary-800));
     }
   }
@@ -191,7 +191,7 @@ $vertical-lr-langs: mn-mong, mnmong;
       text-decoration: underline;
     }
 
-    .dark {
+    .dark & {
       color: rgb(var(--color-primary-400));
 
       &:hover {

packages/nicolium/src/styles/utilities.scss

@@ -7,7 +7,7 @@
 .mention {
   color: rgb(var(--color-primary-600));
 
-  .dark {
+  .dark & {
     color: rgb(var(--color-primary-400));
   }