align nav accent to secondary button

Author: bmuenzenmeyer

packages/ui-components/src/Containers/NavBar/NavItem/index.module.css

@@ -6,7 +6,8 @@
     gap-2
     rounded-sm
     px-3
-    py-2;
+    py-2
+    motion-safe:transition-colors;
 
   .label {
     @apply text-base
@@ -46,26 +47,15 @@
   }
 
   &.accent {
-    @apply bg-brand-100
-      ring-brand-600/20
-      dark:bg-brand-600/15
-      dark:ring-brand-400/20
+    @apply bg-transparent
       ring-1
-      ring-inset;
-
-    .label {
-      @apply text-brand-700
-        dark:text-brand-400;
-    }
-
-    .icon {
-      @apply text-brand-600
-        dark:text-brand-400;
-    }
+      ring-neutral-200
+      ring-inset
+      dark:ring-neutral-900;
 
     &:hover {
-      @apply bg-brand-200
-        dark:bg-brand-600/25;
+      @apply bg-neutral-200
+        dark:bg-neutral-900;
     }
   }