import colors from figma

Author: ArthurFlag

assets/css/global.css

@@ -14,14 +14,14 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
-  scrollbar-color: theme(colors.gray.light.400) theme(colors.black / 0.05);
+  scrollbar-color: var(--color-grey-400) rgba(0, 0, 0, 0.05);
   &.dark {
-    scrollbar-color: theme(colors.gray.dark.800) theme(colors.white / 0.1);
+    scrollbar-color: var(--color-grey-800) rgba(255, 255, 255, 0.1);
   }
 }
 
 mark {
-  @apply text-blue-light dark:text-blue-dark bg-transparent font-bold;
+  @apply bg-transparent font-bold text-blue-500 dark:text-blue-800;
 }
 
 /* Hide the clear (X) button for search inputs */

assets/css/style.css

@@ -49,10 +49,10 @@
     @apply block max-w-full truncate py-1 pl-2 hover:font-medium hover:no-underline;
     &[aria-current="true"],
     &:hover {
-      @apply border-l-gray-light from-gray-light-100 dark:border-l-gray-dark dark:from-gray-dark-200 border-l-2 bg-gradient-to-r font-medium text-black dark:text-white;
+      @apply border-l-2 border-x-gray-200 bg-gradient-to-r from-gray-100 font-medium text-black dark:border-l-gray-300 dark:from-gray-200 dark:text-white;
     }
     &:not([aria-current="true"]) {
-      @apply text-gray-light-600 dark:text-gray-dark-700 hover:text-black dark:hover:text-white;
+      @apply text-gray-600 hover:text-black dark:text-gray-700 dark:hover:text-white;
     }
   }
 }