111 lines
2.9 KiB
CSS
Executable File
111 lines
2.9 KiB
CSS
Executable File
:root{
|
|
--gutter: 2rem;
|
|
--margin: 420px;
|
|
--body-pad: 1rem;
|
|
--content: clamp(
|
|
var(--content-min),
|
|
calc(100vi - 2*var(--body-pad) - 2*(var(--margin) + var(--gutter))),
|
|
var(--content-max)
|
|
);
|
|
--content-min: 60ch;
|
|
--content-max: 880px;
|
|
--bleed: 48px;
|
|
--fullwidth-cap: 860px;
|
|
--bg: #faf9f6;
|
|
--fg: #000000;
|
|
--link: #1a0dab;
|
|
--heading: #004c99;
|
|
--surface: #ffffff;
|
|
--surface-soft: #f3f1eb;
|
|
--accent: #2563eb;
|
|
--code-bg: #f0f0f0;
|
|
--active-toc: #cacaca;
|
|
--note-color: #555;
|
|
--note-bg: transparent;
|
|
--border: #d7d7d7;
|
|
--chip-bg: #f0f0f0;
|
|
--chip-fg: #444;
|
|
--muted: #666;
|
|
--bg-color: var(--surface);
|
|
--border-color: var(--border);
|
|
--border-muted: var(--border);
|
|
--text-muted: var(--muted);
|
|
--accent-bg: color-mix(in oklab, var(--accent) 10%, var(--surface));
|
|
|
|
--font-body: 'DM Sans', system-ui, sans-serif;
|
|
--kb-bg-completed: #e6f4ea;
|
|
--kb-bg-manager-review: #fff4e5;
|
|
--kb-bg-in-progress: #e8f0fe;
|
|
--kb-bg-not-started: #f1f3f5;
|
|
--kb-bg-comments: #fdecea;
|
|
|
|
--kb-column-border: rgba(0,0,0,0.06);
|
|
--kb-card-bg: #ffffff;
|
|
--kb-card-text: #1f2933;
|
|
}
|
|
|
|
:root[data-theme="dark"]{
|
|
--bg: #0f1115;
|
|
--fg: #e6e6e6;
|
|
--link: #8ab4ff;
|
|
--heading: #9ecbff;
|
|
--surface: #151820;
|
|
--surface-soft: #1b202a;
|
|
--accent: #8ab4ff;
|
|
--code-bg: #1a1d24;
|
|
|
|
--note-color: #c2c7cf;
|
|
--note-bg: transparent;
|
|
|
|
--border: #2a2f3a;
|
|
--chip-bg: #1f2330;
|
|
--chip-fg: #cfd3da;
|
|
--muted: #a9b0bb;
|
|
--active-toc: #313131;
|
|
|
|
--kb-bg-completed: #1e3a2b;
|
|
--kb-bg-manager-review: #3a2f1e;
|
|
--kb-bg-in-progress: #1f2a44;
|
|
--kb-bg-not-started: #2a2d31;
|
|
--kb-bg-comments: #3b1f24;
|
|
|
|
--kb-column-border: rgba(255,255,255,0.08);
|
|
--kb-card-bg: #16181c;
|
|
--kb-card-text: #e5e7eb;
|
|
|
|
}
|
|
|
|
:root[data-theme="dark-academia"]{
|
|
color-scheme: dark;
|
|
--bg: #11100d;
|
|
--fg: #f7ecd5;
|
|
--link: #d8b86f;
|
|
--heading: #e8cf91;
|
|
--surface: #1d1a16;
|
|
--surface-soft: #242019;
|
|
--accent: #b89145;
|
|
--code-bg: #191814;
|
|
--active-toc: rgba(184, 145, 69, 0.18);
|
|
--note-color: #d9c9aa;
|
|
--note-bg: rgba(243, 234, 215, 0.05);
|
|
--border: rgba(217, 190, 124, 0.32);
|
|
--chip-bg: rgba(184, 145, 69, 0.14);
|
|
--chip-fg: #f0d89a;
|
|
--muted: #b6a681;
|
|
--bg-color: var(--surface);
|
|
--border-color: var(--border);
|
|
--border-muted: rgba(217, 190, 124, 0.24);
|
|
--text-muted: var(--muted);
|
|
--accent-bg: rgba(184, 145, 69, 0.16);
|
|
|
|
--kb-bg-completed: rgba(68, 106, 87, 0.24);
|
|
--kb-bg-manager-review: rgba(184, 145, 69, 0.2);
|
|
--kb-bg-in-progress: rgba(82, 93, 117, 0.22);
|
|
--kb-bg-not-started: rgba(243, 234, 215, 0.08);
|
|
--kb-bg-comments: rgba(125, 47, 54, 0.24);
|
|
|
|
--kb-column-border: rgba(217, 190, 124, 0.2);
|
|
--kb-card-bg: #181510;
|
|
--kb-card-text: #f3ead7;
|
|
}
|