55 lines
1.8 KiB
CSS
55 lines
1.8 KiB
CSS
body,
|
|
.dark-theme,
|
|
.butter-theme,
|
|
.silver-theme {
|
|
--bg-surface: #0f0f0f;
|
|
--bg-surface-transparent: rgba(15, 15, 15, 0);
|
|
--bg-surface-low: #1a1a1a;
|
|
--bg-surface-low-transparent: rgba(26, 26, 26, 0);
|
|
--bg-surface-extra-low: #242424;
|
|
--bg-surface-extra-low-transparent: rgba(36, 36, 36, 0);
|
|
--bg-surface-hover: #242424;
|
|
--bg-surface-active: #333333;
|
|
--bg-surface-border: #333333;
|
|
--bg-primary: hsl(180, 42%, 70%);
|
|
--bg-primary-hover: hsl(180, 42%, 70%);
|
|
--bg-primary-active: hsl(180, 42%, 70%);
|
|
--bg-primary-border: hsl(180, 42%, 70%);
|
|
--bg-tooltip: #000;
|
|
--bg-badge: hsl(180, 30%, 90%);
|
|
--bg-ping: hsl(180, 30%, 90%);
|
|
--bg-ping-hover: hsl(180, 30%, 90%);
|
|
--bg-divider: #1a1a1a;
|
|
--tc-surface-high: hsl(180, 30%, 90%);
|
|
--tc-surface-normal: hsl(180, 16%, 83%);
|
|
--tc-surface-normal-low: hsl(180, 10%, 77%);
|
|
--tc-surface-low: hsl(180, 10%, 77%);
|
|
--tc-primary-high: hsl(180, 30%, 90%);
|
|
--tc-primary-normal: hsl(180, 16%, 83%);
|
|
--tc-primary-low: hsl(180, 10%, 77%);
|
|
--tc-code: #e565b1;
|
|
--tc-link: hsl(180, 42%, 70%);
|
|
--tc-badge: black;
|
|
--ic-surface-high: hsl(180, 30%, 90%);
|
|
--ic-surface-normal: hsl(180, 30%, 90%);
|
|
--ic-surface-low: hsl(180, 30%, 90%);
|
|
--ic-primary-normal: #ffffff;
|
|
--bg-overlay: rgba(0, 0, 0, 0.6);
|
|
--bg-overlay-low: rgba(0, 0, 0, 0.8);
|
|
--bs-popup: 0 0 16px rgba(0, 0, 0, 0.25);
|
|
--bs-surface-border: inset 0 0 0 1px var(--bg-surface-border);
|
|
--bs-surface-outline: 0 0 0 2px var(--bg-surface-border);
|
|
--bs-primary-border: inset 0 0 0 1px var(--bg-primary-border);
|
|
--bs-primary-outline: 0 0 0 2px var(--bg-primary-border);
|
|
--fs-h1: 35.6px;
|
|
--fs-h2: 23.6px;
|
|
--fs-s1: 17.6px;
|
|
--fs-b1: 14.6px;
|
|
--ls-b1: 0.14px;
|
|
--fs-b2: 13.2px;
|
|
--fs-b3: 11.2px;
|
|
--fw-normal: 350;
|
|
--font-primary: sans-serif;
|
|
--font-secondary: sans-serif;
|
|
}
|