chore(dashboard): Tweak some colours and icons

packages/dashboard/src/lib/components/ui/tooltip.tsx

@@ -36,13 +36,13 @@ function TooltipContent({
                 data-slot="tooltip-content"
                 sideOffset={sideOffset}
                 className={cn(
-                    'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-sm rounded-md px-3 py-1.5 text-xs',
+                    'bg-secondary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-sm rounded-md px-3 py-1.5 text-xs',
                     className,
                 )}
                 {...props}
             >
                 {children}
-                <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+                <TooltipPrimitive.Arrow className="bg-secondary fill-secondary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
             </TooltipPrimitive.Content>
         </TooltipPrimitive.Portal>
     );

packages/dashboard/src/lib/framework/defaults.ts

@@ -1,15 +1,7 @@
 import { registerAlert } from '@/vdb/framework/alert/alert-extensions.js';
 import { searchIndexBufferAlert } from '@/vdb/framework/alert/search-index-buffer-alert/search-index-buffer-alert.js';
 import { setNavMenuConfig } from '@/vdb/framework/nav-menu/nav-menu-extensions.js';
-import {
-    LayoutDashboardIcon,
-    Mail,
-    Settings2,
-    ShoppingCart,
-    SquareTerminal,
-    Terminal,
-    Users,
-} from 'lucide-react';
+import { ChartLine, Percent, Settings2, ShoppingBag, Tags, Terminal, Users } from 'lucide-react';
 
 import { LatestOrdersWidget } from './dashboard-widget/latest-orders-widget/index.js';
 import { MetricsWidget } from './dashboard-widget/metrics-widget/index.js';
@@ -23,14 +15,14 @@ export function registerDefaults() {
                 id: 'insights',
                 title: /* i18n*/ 'Insights',
                 placement: 'top',
-                icon: LayoutDashboardIcon,
+                icon: ChartLine,
                 url: '/',
                 order: 100,
             },
             {
                 id: 'catalog',
                 title: /* i18n*/ 'Catalog',
-                icon: SquareTerminal,
+                icon: Tags,
                 placement: 'top',
                 order: 200,
                 items: [
@@ -74,7 +66,7 @@ export function registerDefaults() {
             {
                 id: 'sales',
                 title: /* i18n*/ 'Sales',
-                icon: ShoppingCart,
+                icon: ShoppingBag,
                 placement: 'top',
                 order: 300,
                 items: [
@@ -113,7 +105,7 @@ export function registerDefaults() {
             {
                 id: 'marketing',
                 title: /* i18n*/ 'Marketing',
-                icon: Mail,
+                icon: Percent,
                 placement: 'top',
                 order: 500,
                 items: [

packages/dashboard/vite/vite-plugin-theme.ts

@@ -60,16 +60,16 @@ const defaultVariables: ThemeVariables = {
         popover: 'oklch(1.0000 0 0)',
         'popover-foreground': 'oklch(0.2103 0.0059 285.8852)',
         primary: 'oklch(0.7613 0.1503 231.1314)',
-        'primary-foreground': 'oklch(0.1408 0.0044 285.8229)',
+        'primary-foreground': 'oklch(0.261 0.043 218.379)',
         secondary: 'oklch(0.9674 0.0013 286.3752)',
         'secondary-foreground': 'oklch(0.2103 0.0059 285.8852)',
         muted: 'oklch(0.9674 0.0013 286.3752)',
         'muted-foreground': 'oklch(0.5517 0.0138 285.9385)',
         accent: 'oklch(0.9674 0.0013 286.3752)',
         'accent-foreground': 'oklch(0.2103 0.0059 285.8852)',
-        destructive: 'oklch(0.5771 0.2152 27.3250)',
+        destructive: 'oklch(0.505 0.188 27.325)',
         'destructive-foreground': 'oklch(0.9851 0 0)',
-        success: 'hsl(100, 81%, 35%)',
+        success: 'hsl(99deg 67.25% 33.2%)',
         'success-foreground': 'hsl(0 0% 98%)',
         'dev-mode': 'hsl(204, 76%, 62%)',
         'dev-mode-foreground': 'hsl(0 0% 98%)',
@@ -111,9 +111,9 @@ const defaultVariables: ThemeVariables = {
         'muted-foreground': 'oklch(0.7118 0.0129 286.0665)',
         accent: 'oklch(0.2739 0.0055 286.0326)',
         'accent-foreground': 'oklch(0.9851 0 0)',
-        destructive: 'oklch(0.6368 0.2078 25.3313)',
+        destructive: 'oklch(0.4 0.15 27.11)',
         'destructive-foreground': 'oklch(0.9851 0 0)',
-        success: 'hsl(100, 100%, 35%)',
+        success: 'hsl(100 76.42% 22.21%)',
         'success-foreground': 'hsl(0 0% 98%)',
         'dev-mode': 'hsl(204, 86%, 53%)',
         'dev-mode-foreground': 'hsl(0 0% 98%)',
@@ -125,7 +125,7 @@ const defaultVariables: ThemeVariables = {
         'chart-3': 'oklch(0.6450 0.2154 16.4393)',
         'chart-4': 'oklch(0.7686 0.1647 70.0804)',
         'chart-5': 'oklch(0.7227 0.1920 149.5793)',
-        sidebar: 'oklch(0.1408 0.0044 285.8229)',
+        sidebar: 'oklch(0.2 0 0)',
         'sidebar-foreground': 'oklch(0.9851 0 0)',
         'sidebar-primary': 'oklch(0.7613 0.1503 231.1314)',
         'sidebar-primary-foreground': 'oklch(0.1408 0.0044 285.8229)',