From 8bb407cad761d80db1ce030a3df37867d0dd9010 Mon Sep 17 00:00:00 2001 From: Amirhossein Khalili Date: Fri, 21 Aug 2026 07:51:25 +0800 Subject: [PATCH] style: refine dashboard theme and select items --- src/app.css | 36 +++++++++---------- .../components/ui/select/select-item.svelte | 2 +- 2 files changed, 19 insertions(+), 19 deletions(-) diff --git a/src/app.css b/src/app.css index 7bdaa85..597c45b 100644 --- a/src/app.css +++ b/src/app.css @@ -68,12 +68,14 @@ --surface-muted: #28282a; --text: #fff; --text-secondary: #d1d1d6; - --muted: #a7a7af; + --muted: #27272a; + --skeleton: #323237; + --muted-foreground: #a1a1aa; --border: #3a3a3d; - --brand: #90aef4; - --brand-hover: #b4c8f7; - --on-brand: #0a0a0a; - --focus: #90aef4; + --brand: #ffda00; + --brand-hover: #ffe44d; + --on-brand: #111111; + --focus: #ffda00; --success: #6fd6ae; --warning: #f3be5b; --danger: #ff8a8b; @@ -83,25 +85,23 @@ --card-foreground: #fafafa; --popover: #19191c; --popover-foreground: #fafafa; - --primary: #6f8dff; - --primary-foreground: #080b18; + --primary: #ffda00; + --primary-foreground: #111111; --secondary: #27272a; --secondary-foreground: #fafafa; - --muted: #27272a; - --skeleton: #323237; - --muted-foreground: #a1a1aa; - --accent: #202950; - --accent-foreground: #a9baff; + --accent: #332c00; + --accent-foreground: #ffe45c; --input: #3f3f46; - --ring: #90aef4; + --ring: #ffda00; + --chart-1: #ffda00; --sidebar: #18181b; --sidebar-foreground: #f4f4f5; - --sidebar-primary: #6f8dff; - --sidebar-primary-foreground: #080b18; - --sidebar-accent: #202950; - --sidebar-accent-foreground: #a9baff; + --sidebar-primary: #ffda00; + --sidebar-primary-foreground: #111111; + --sidebar-accent: #332c00; + --sidebar-accent-foreground: #ffe45c; --sidebar-border: #303036; - --sidebar-ring: #90aef4; + --sidebar-ring: #ffda00; } * { diff --git a/src/lib/components/ui/select/select-item.svelte b/src/lib/components/ui/select/select-item.svelte index b204d59..97a699c 100644 --- a/src/lib/components/ui/select/select-item.svelte +++ b/src/lib/components/ui/select/select-item.svelte @@ -18,7 +18,7 @@ {value} data-slot="select-item" class={cn( - "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", + "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className, )} {...restProps}