nicolium: dark mode spinner style improvement

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

packages/nicolium/src/components/ui/spinner.scss

@@ -14,12 +14,23 @@
 }
 
 .spinner > div::after {
-  @apply block absolute rounded-full bg-gray-700 dark:bg-gray-400;
+  display: block;
+  position: absolute;
+  border-radius: 9999px;
   content: ' ';
   top: 3.75%;
   left: 46.25%;
   width: 7.5%;
   height: 22.5%;
+  background: rgb(var(--color-gray-700));
+
+  .dark & {
+    background: rgb(var(--color-gray-400));
+  }
+
+  .dark button & {
+    background: white;
+  }
 }
 
 .spinner > div:nth-child(1) {

packages/nicolium/src/components/ui/spinner.tsx

@@ -3,7 +3,7 @@ import { FormattedMessage } from 'react-intl';
 
 import Text from './text';
 
-import './spinner.css';
+import './spinner.scss';
 
 interface ISpinner {
   /** Width and height of the spinner in pixels. */