mirror of
https://github.com/TwilitRealm/dusklight
synced 2026-09-11 19:21:36 -04:00
Luke Street
81 lines
2.4 KiB
Plaintext
81 lines
2.4 KiB
Plaintext
*, *:before, *:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
--font-family-body: Fira Sans;
|
|
--font-family-heading: Fira Sans Condensed;
|
|
--font-family-monospace: Noto Mono;
|
|
--font-family-icons: Material Symbols Rounded;
|
|
--font-family-display: Alegreya SC;
|
|
|
|
--font-size-3xs: 11dp;
|
|
--font-size-2xs: 12dp;
|
|
--font-size-xs: 13dp;
|
|
--font-size-sm: 14dp;
|
|
--font-size-base: 15dp;
|
|
--font-size-md: 16dp;
|
|
--font-size-lg: 17dp;
|
|
--font-size-xl: 18dp;
|
|
--font-size-2xl: 20dp;
|
|
--font-size-3xl: 22dp;
|
|
--font-size-4xl: 24dp;
|
|
--font-size-5xl: 28dp;
|
|
--font-size-6xl: 32dp;
|
|
|
|
--space-2xs: 2dp;
|
|
--space-xs: 4dp;
|
|
--space-sm: 8dp;
|
|
--space-md: 12dp;
|
|
--space-lg: 16dp;
|
|
--space-xl: 24dp;
|
|
--space-2xl: 32dp;
|
|
|
|
--radius-small: 4dp;
|
|
--radius-control: 7dp;
|
|
--radius-panel: 8dp;
|
|
--radius-window: 14dp;
|
|
|
|
--toolbar-height: 64dp;
|
|
--toolbar-hidden-offset: -64dp;
|
|
|
|
--color-text-rgb: 224, 219, 200;
|
|
--color-text: rgb(var(--color-text-rgb));
|
|
--color-accent-rgb: 194, 164, 45;
|
|
--color-accent: rgb(var(--color-accent-rgb));
|
|
--color-border-rgb: 146, 135, 91;
|
|
--color-border: rgb(var(--color-border-rgb));
|
|
--color-surface-rgb: 21, 22, 16;
|
|
--color-interactive-rgb: 204, 184, 119;
|
|
--color-control-rgb: 17, 16, 10;
|
|
--color-neutral-rgb: 217, 217, 217;
|
|
--color-neutral: rgb(var(--color-neutral-rgb));
|
|
--color-white-rgb: 255, 255, 255;
|
|
--color-white: rgb(var(--color-white-rgb));
|
|
--color-black-rgb: 0, 0, 0;
|
|
--color-black: rgb(var(--color-black-rgb));
|
|
|
|
--color-success-rgb: 68, 204, 85;
|
|
--color-success: rgb(var(--color-success-rgb));
|
|
--color-info-rgb: 111, 183, 239;
|
|
--color-info: rgb(var(--color-info-rgb));
|
|
--color-warning-rgb: 255, 168, 38;
|
|
--color-warning: rgb(var(--color-warning-rgb));
|
|
--color-error-rgb: 204, 68, 68;
|
|
--color-error: rgb(var(--color-error-rgb));
|
|
|
|
--color-progress-done: #44AA22;
|
|
--color-progress-ongoing: #2255BB;
|
|
--color-danger-border: #852221;
|
|
--color-danger-heading: #B3261E;
|
|
|
|
--button-color: var(--color-text);
|
|
--button-background: rgba(var(--color-control-rgb), 20%);
|
|
--button-background-hover: rgba(var(--color-interactive-rgb), 20%);
|
|
--button-background-selected: rgba(var(--color-interactive-rgb), 40%);
|
|
--button-background-active: rgba(var(--color-interactive-rgb), 40%);
|
|
|
|
--toast-border-color: var(--color-border);
|
|
--toast-heading-color: var(--color-border);
|
|
}
|