update
This commit is contained in:
1 parent
65e85135c1
commit
6f1de8047e
64 files changed
+1269
-515
No files matched your search
+37
-40
@@ -20,6 +20,16 @@
|
||||
--color-accent-foreground: var(--accent-foreground);
|
||||
--color-destructive: var(--destructive);
|
||||
--color-destructive-foreground: var(--destructive-foreground);
|
||||
--color-destructive-muted: var(--destructive-muted);
|
||||
--color-success: var(--success);
|
||||
--color-success-foreground: var(--success-foreground);
|
||||
--color-success-muted: var(--success-muted);
|
||||
--color-warning: var(--warning);
|
||||
--color-warning-foreground: var(--warning-foreground);
|
||||
--color-warning-muted: var(--warning-muted);
|
||||
--color-caution: var(--caution);
|
||||
--color-caution-foreground: var(--caution-foreground);
|
||||
--color-caution-muted: var(--caution-muted);
|
||||
--color-border: var(--border);
|
||||
--color-input: var(--input);
|
||||
--color-ring: var(--ring);
|
||||
@@ -63,6 +73,16 @@
|
||||
--accent-foreground: oklch(0.205 0 0);
|
||||
--destructive: oklch(0.577 0.245 27.325);
|
||||
--destructive-foreground: oklch(0.577 0.245 27.325);
|
||||
--destructive-muted: oklch(0.95 0.03 25);
|
||||
--success: oklch(0.55 0.17 145);
|
||||
--success-foreground: oklch(0.985 0 0);
|
||||
--success-muted: oklch(0.96 0.04 155);
|
||||
--warning: oklch(0.68 0.17 85);
|
||||
--warning-foreground: oklch(0.985 0 0);
|
||||
--warning-muted: oklch(0.97 0.04 95);
|
||||
--caution: oklch(0.63 0.19 55);
|
||||
--caution-foreground: oklch(0.985 0 0);
|
||||
--caution-muted: oklch(0.96 0.04 60);
|
||||
--border: oklch(0.922 0 0);
|
||||
--input: oklch(0.922 0 0);
|
||||
--ring: oklch(0.708 0 0);
|
||||
@@ -98,6 +118,16 @@
|
||||
--accent-foreground: oklch(0.985 0 0);
|
||||
--destructive: oklch(0.637 0.237 25.331);
|
||||
--destructive-foreground: oklch(0.985 0 0);
|
||||
--destructive-muted: oklch(0.25 0.06 25 / 0.5);
|
||||
--success: oklch(0.72 0.17 155);
|
||||
--success-foreground: oklch(0.985 0 0);
|
||||
--success-muted: oklch(0.28 0.07 155 / 0.5);
|
||||
--warning: oklch(0.82 0.17 90);
|
||||
--warning-foreground: oklch(0.985 0 0);
|
||||
--warning-muted: oklch(0.35 0.07 85 / 0.5);
|
||||
--caution: oklch(0.75 0.17 60);
|
||||
--caution-foreground: oklch(0.985 0 0);
|
||||
--caution-muted: oklch(0.30 0.07 60 / 0.5);
|
||||
--border: oklch(0.269 0 0);
|
||||
--input: oklch(0.269 0 0);
|
||||
--ring: oklch(0.439 0 0);
|
||||
@@ -116,6 +146,12 @@
|
||||
--sidebar-ring: oklch(0.439 0 0);
|
||||
}
|
||||
|
||||
/* Hide all scrollbars globally while keeping scroll functionality */
|
||||
*::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border;
|
||||
@@ -161,50 +197,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark mode scrollbars */
|
||||
/* Dark mode color scheme */
|
||||
.dark {
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
.dark *::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.dark *::-webkit-scrollbar-track {
|
||||
background: oklch(0.205 0 0);
|
||||
}
|
||||
|
||||
.dark *::-webkit-scrollbar-thumb {
|
||||
background: oklch(0.4 0 0);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.dark *::-webkit-scrollbar-thumb:hover {
|
||||
background: oklch(0.5 0 0);
|
||||
}
|
||||
|
||||
/* Auto-hide scrollbar: always reserves space, thumb visible only on hover */
|
||||
.scrollbar-auto-hide::-webkit-scrollbar {
|
||||
width: 8px !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.scrollbar-auto-hide::-webkit-scrollbar-track {
|
||||
background: transparent !important;
|
||||
}
|
||||
.scrollbar-auto-hide::-webkit-scrollbar-thumb {
|
||||
background: transparent !important;
|
||||
}
|
||||
.scrollbar-auto-hide:hover::-webkit-scrollbar-track {
|
||||
background: oklch(0.205 0 0) !important;
|
||||
}
|
||||
.scrollbar-auto-hide:hover::-webkit-scrollbar-thumb {
|
||||
background: oklch(0.4 0 0) !important;
|
||||
}
|
||||
.scrollbar-auto-hide:hover::-webkit-scrollbar-thumb:hover {
|
||||
background: oklch(0.5 0 0) !important;
|
||||
}
|
||||
|
||||
/* Expandable dialog transition for max-width changes */
|
||||
[data-slot="dialog-content"] {
|
||||
transition: max-width 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
|
||||
Reference in new issue
Block a user