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;
|
--surface-muted: #28282a;
|
||||||
--text: #fff;
|
--text: #fff;
|
||||||
--text-secondary: #d1d1d6;
|
--text-secondary: #d1d1d6;
|
||||||
--muted: #a7a7af;
|
--muted: #27272a;
|
||||||
|
--skeleton: #323237;
|
||||||
|
--muted-foreground: #a1a1aa;
|
||||||
--border: #3a3a3d;
|
--border: #3a3a3d;
|
||||||
--brand: #90aef4;
|
--brand: #ffda00;
|
||||||
--brand-hover: #b4c8f7;
|
--brand-hover: #ffe44d;
|
||||||
--on-brand: #0a0a0a;
|
--on-brand: #111111;
|
||||||
--focus: #90aef4;
|
--focus: #ffda00;
|
||||||
--success: #6fd6ae;
|
--success: #6fd6ae;
|
||||||
--warning: #f3be5b;
|
--warning: #f3be5b;
|
||||||
--danger: #ff8a8b;
|
--danger: #ff8a8b;
|
||||||
@@ -83,25 +85,23 @@
|
|||||||
--card-foreground: #fafafa;
|
--card-foreground: #fafafa;
|
||||||
--popover: #19191c;
|
--popover: #19191c;
|
||||||
--popover-foreground: #fafafa;
|
--popover-foreground: #fafafa;
|
||||||
--primary: #6f8dff;
|
--primary: #ffda00;
|
||||||
--primary-foreground: #080b18;
|
--primary-foreground: #111111;
|
||||||
--secondary: #27272a;
|
--secondary: #27272a;
|
||||||
--secondary-foreground: #fafafa;
|
--secondary-foreground: #fafafa;
|
||||||
--muted: #27272a;
|
--accent: #332c00;
|
||||||
--skeleton: #323237;
|
--accent-foreground: #ffe45c;
|
||||||
--muted-foreground: #a1a1aa;
|
|
||||||
--accent: #202950;
|
|
||||||
--accent-foreground: #a9baff;
|
|
||||||
--input: #3f3f46;
|
--input: #3f3f46;
|
||||||
--ring: #90aef4;
|
--ring: #ffda00;
|
||||||
|
--chart-1: #ffda00;
|
||||||
--sidebar: #18181b;
|
--sidebar: #18181b;
|
||||||
--sidebar-foreground: #f4f4f5;
|
--sidebar-foreground: #f4f4f5;
|
||||||
--sidebar-primary: #6f8dff;
|
--sidebar-primary: #ffda00;
|
||||||
--sidebar-primary-foreground: #080b18;
|
--sidebar-primary-foreground: #111111;
|
||||||
--sidebar-accent: #202950;
|
--sidebar-accent: #332c00;
|
||||||
--sidebar-accent-foreground: #a9baff;
|
--sidebar-accent-foreground: #ffe45c;
|
||||||
--sidebar-border: #303036;
|
--sidebar-border: #303036;
|
||||||
--sidebar-ring: #90aef4;
|
--sidebar-ring: #ffda00;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
{value}
|
{value}
|
||||||
data-slot="select-item"
|
data-slot="select-item"
|
||||||
class={cn(
|
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,
|
className,
|
||||||
)}
|
)}
|
||||||
{...restProps}
|
{...restProps}
|
||||||
|
|||||||
Reference in New Issue
Block a user