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

rename skeuo to desktop

Browse Source
This commit is contained in:
nils
2025-10-28 10:41:56 +01:00
parent 94578475ea
commit e150b81190
8 changed files with 1093 additions and 686 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+19 -13
View File
@@ -14,11 +14,10 @@
--border: oklch(0.92 0.002 calc(270deg + var(--warmth)));
/* --- Accent (primary) --- */
--accent: oklch(0.61 0.20 calc(260deg + var(--warmth)));
--accent-hover: oklch(0.70 0.18 calc(260deg + var(--warmth)));
--accent: oklch(0.61 0.2 calc(250deg + var(--warmth)));
--accent-hover: oklch(0.70 0.02 calc(100deg + var(--warmth)));
--on-accent: oklch(1 0 0);
/* --- Derived accent states --- */
--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);
@@ -27,6 +26,12 @@
--accent-focus: color-mix(in oklch, var(--accent) 85%, transparent);
--surface-overlay: color-mix(in oklch, white 82%, transparent);
/* -- Selection --- */
--selection: oklch(0.61 0.01 calc(100deg + var(--warmth)));
/* --- Derived accent states --- */
--selection-soft: color-mix(in oklch, var(--selection) 12%, transparent);
/* --- Shadows & overlays --- */
--shadow-faint: color-mix(in oklch, black 6%, transparent);
--shadow-soft: color-mix(in oklch, black 12%, transparent);
@@ -46,11 +51,12 @@
--danger-subtle: color-mix(in oklch, var(--danger) 8%, transparent);
/* --- Explorer states --- */
--row-hover-bg: color-mix(in oklch, var(--accent) 6%, transparent);
--row-active-bg: color-mix(in oklch, var(--accent) 12%, transparent);
--sidebar-hover-bg: color-mix(in oklch, var(--accent) 8%, transparent);
--sidebar-active-bg: color-mix(in oklch, var(--accent) 16%, transparent);
--row-hover-bg: color-mix(in oklch, var(--selection) 6%, transparent);
--row-active-bg: color-mix(in oklch, var(--selection) 12%, transparent);
--sidebar-hover-bg: color-mix(in oklch, var(--selection) 8%, transparent);
--sidebar-active-bg: color-mix(in oklch, var(--selection) 16%, transparent);
--selection-ring: oklch(0.78 0.16 calc(260deg + var(--warmth)));
--sidebar-active-pill-border: color-mix(in oklch, var(--accent) 64%, transparent);
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
@@ -1408,7 +1414,7 @@ button.danger:hover:not([disabled]) {
.sidebar-tag-pill:hover {
transform: none;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
border-color: var(--accent-soft, rgba(59, 130, 246, 0.35));
border-color: var(--accent-soft);
}
.sidebar-tag-pill:focus-visible {
@@ -1417,8 +1423,8 @@ button.danger:hover:not([disabled]) {
}
.sidebar-tag-pill.active {
border-color: var(--accent);
box-shadow: 0 0 0 1.5px var(--accent);
border-color: var(--sidebar-active-pill-border);
box-shadow: 0 0 0 1.5px var(--sidebar-active-pill-border);
}
.sidebar-tag-cloud--has-active .sidebar-tag-pill:not(.active) {
@@ -1458,8 +1464,8 @@ button.danger:hover:not([disabled]) {
}
.sidebar-correspondent-item.active {
background: var(--accent-soft, rgba(59, 130, 246, 0.18));
box-shadow: 0 0 0 1px var(--accent-soft, rgba(59, 130, 246, 0.24));
background: var(--sidebar-active-bg, rgba(59, 130, 246, 0.18));
box-shadow: 0 0 0 1px var(--sidebar-active-bg, rgba(59, 130, 246, 0.24));
color: var(--fg);
}
@@ -1703,7 +1709,7 @@ button.danger:hover:not([disabled]) {
}
.documents-panel tbody tr.document.selected {
background: var(--accent-soft);
background: var(--selection-soft);
box-shadow: inset 2px 0 0 var(--accent-outline-strong);
}