nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

colors

Browse Source
This commit is contained in:
nils
2025-10-29 23:20:47 +01:00
parent 384483b14c
commit e3f8590ba2
2 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+23 -10
View File
@@ -1,11 +1,11 @@
:root {
color-scheme: light dark;
--neutral-hue: 200deg;
--foreground-hue-offset: 70deg;
--neutral-hue: 260deg;
--foreground-hue-offset: 10deg;
--accent-hue-offset: -20deg;
--dark-hue-offset: 60deg;
--dark-foreground-hue-offset: 70deg;
--dark-hue-offset: 30deg;
--dark-foreground-hue-offset: 10deg;
/* --- Neutrals --- */
--bg: oklch(0.97 0.001 var(--neutral-hue));
@@ -21,6 +21,14 @@
--accent-hover: oklch(0.70 0.02 calc(var(--neutral-hue) + var(--foreground-hue-offset) + var(--accent-hue-offset)));
--on-accent: oklch(1 0 0);
--folder-icon-back: color-mix(in oklch, var(--accent) 78%, black 8%);
--folder-icon-mid: color-mix(in oklch, var(--accent) 60%, white 30%);
--folder-icon-front: color-mix(in oklch, var(--accent) 42%, white 58%);
--success-hue: 140deg;
--warning-hue: 85deg;
--danger-hue: 25deg;
--accent-soft: color-mix(in oklch, var(--accent) 12%, transparent);
--accent-elevated: color-mix(in oklch, var(--accent) 16%, transparent);
--accent-elevated-strong: color-mix(in oklch, var(--accent) 22%, transparent);
@@ -55,9 +63,9 @@
--overlay-shadow: color-mix(in oklch, oklch(0.22 0.015 calc(var(--neutral-hue) + var(--foreground-hue-offset) - 5deg)) 18%, transparent);
/* --- Semantic colors --- */
--success: oklch(0.62 0.18 calc(var(--neutral-hue) + 90deg));
--warning: oklch(0.72 0.17 calc(var(--neutral-hue) - 5deg));
--danger: oklch(0.60 0.18 calc(var(--neutral-hue) - 65deg));
--success: oklch(0.68 0.16 var(--success-hue));
--warning: oklch(0.76 0.17 var(--warning-hue));
--danger: oklch(0.64 0.2 var(--danger-hue));
--success-subtle: color-mix(in oklch, var(--success) 12%, transparent);
--warning-subtle: color-mix(in oklch, var(--warning) 12%, transparent);
@@ -107,6 +115,10 @@
--accent-hover: oklch(0.82 0.16 calc(var(--dark-foreground-hue) + var(--accent-hue-offset)));
--on-accent: oklch(0.15 0.015 var(--dark-foreground-hue));
--folder-icon-back: color-mix(in oklch, var(--accent) 72%, black 12%);
--folder-icon-mid: color-mix(in oklch, var(--accent) 50%, white 24%);
--folder-icon-front: color-mix(in oklch, var(--accent) 30%, white 50%);
--accent-soft: color-mix(in oklch, var(--accent) 22%, transparent);
--accent-elevated: color-mix(in oklch, var(--accent) 28%, transparent);
--accent-elevated-strong: color-mix(in oklch, var(--accent) 38%, transparent);
@@ -136,9 +148,9 @@
--overlay-backdrop: color-mix(in oklch, oklch(0.1 0.015 var(--dark-neutral-hue)) 70%, transparent);
--overlay-shadow: color-mix(in oklch, oklch(0.12 0.015 var(--dark-neutral-hue)) 55%, transparent);
--success: oklch(0.72 0.16 180deg);
--warning: oklch(0.79 0.16 80deg);
--danger: oklch(0.7 0.16 25deg);
--success: oklch(0.62 0.16 var(--success-hue));
--warning: oklch(0.68 0.17 var(--warning-hue));
--danger: oklch(0.60 0.2 var(--danger-hue));
--success-subtle: color-mix(in oklch, var(--success) 20%, transparent);
--warning-subtle: color-mix(in oklch, var(--warning) 20%, transparent);
@@ -1101,6 +1113,7 @@ button.danger:hover:not([disabled]) {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.folder-node {