style: refine dashboard theme and select items
This commit is contained in:
36
src/app.css
36
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;
|
||||
}
|
||||
|
||||
* {
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user