feat: new colors (#10352)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: iamsivin <iamsivin@gmail.com>

app/javascript/dashboard/components-next/sidebar/ChannelLeaf.vue

@@ -56,7 +56,7 @@ const reauthorizationRequired = computed(() => {
 <template>
   <span
     class="size-4 grid place-content-center rounded-full bg-n-alpha-2"
-    :class="{ 'bg-n-blue/20': active }"
+    :class="{ 'bg-n-solid-blue': active }"
   >
     <Icon :icon="channelIcon" class="size-3" />
   </span>

app/javascript/dashboard/components-next/sidebar/SidebarGroupHeader.vue

@@ -22,7 +22,7 @@ const emit = defineEmits(['toggle']);
     :to="to"
     :title="label"
     :class="{
-      'text-n-blue bg-n-alpha-2 font-medium': isActive && !hasActiveChild,
+      'n-blue-text bg-n-alpha-2 font-medium': isActive && !hasActiveChild,
       'text-n-slate-12 font-medium': hasActiveChild,
       'text-n-slate-11 hover:bg-n-alpha-2': !isActive && !hasActiveChild,
     }"

app/javascript/dashboard/components-next/sidebar/SidebarGroupLeaf.vue

@@ -32,7 +32,7 @@ const shouldRenderComponent = computed(() => {
       :title="label"
       class="flex h-8 items-center gap-2 px-2 py-1 rounded-lg max-w-[151px] hover:bg-gradient-to-r from-transparent via-n-slate-3/70 to-n-slate-3/70 group"
       :class="{
-        'text-n-blue bg-n-alpha-2 active': active,
+        'n-blue-text bg-n-alpha-2 active': active,
       }"
     >
       <component