|
|
| Line 2: |
Line 2: |
|
| |
|
| /* ===== Light theme ===== */ | | /* ===== Light theme ===== */ |
| :root.theme-light { | | :root { |
| --seed: #d3c4ac; | | --base: #f5ede0; |
| --wiki-logo: url(/images/thumb/7/70/Deadlock_Wiki.png/250px-Deadlock_Wiki.png);
| | --accent: #0a7a4b; |
| --background-image: url(/images/c/c2/Background_gothic.jpg);
| | |
| --scrollbar-color: oklch(from var(--seed) calc(l - 0.45) c h) oklch(from var(--seed) calc(l - 0.05) c h);
| | --color-destructive-subtle: #fde8e6; |
| --background-color-base: var(--seed);
| | --background-color-error-subtle: #fde8e6; |
| --background-color-base-border: oklch(from var(--seed) calc(l - 0.10) c h);
| | |
| --background-color-base-subtle: oklch(from var(--seed) calc(l - 0.04) c h);
| | --background-color-content-removed: #ff4e4e; |
| --background-color-base-subtle-border: var(--background-color-base-border);
| |
| --background-color-light: oklch(from var(--seed) calc(l + 0.03) c h);
| |
| --background-color-base-2: oklch(from var(--seed) calc(l - 0.04) c h);
| |
| --background-color-base-3: oklch(from var(--seed) calc(l - 0.08) c h);
| |
| --background-color-base-4: oklch(from var(--seed) calc(l - 0.12) c h);
| |
| --background-color-base-5: oklch(from var(--seed) calc(l - 0.16) c h);
| |
| --background-color-neutral-subtle: var(--background-color-base-2);
| |
| --background-color-neutral: var(--seed);
| |
| --background-color-interactive-subtle: var(--background-color-neutral);
| |
| --background-color-interactive: var(--background-color-neutral-subtle);
| |
| --background-color-disabled: oklch(from var(--seed) calc(l - 0.03) c h);
| |
| --background-color-disabled-subtle: var(--seed);
| |
| --border-color-base: oklch(from var(--seed) calc(l - 0.30) calc(c + 0.01) h); | |
| --border-color-subtle: oklch(from var(--seed) calc(l - 0.18) c h);
| |
| --border-color-muted: var(--border-color-subtle);
| |
| --border-color-disabled: var(--border-color-subtle);
| |
| --color-base: oklch(from var(--seed) calc(l - 0.78) c h);
| |
| --color-subtle: oklch(from var(--seed) calc(l - 0.55) c h);
| |
| --color-notice: var(--color-subtle);
| |
| --color-base--hover: var(--color-base);
| |
| --color-emphasized: oklch(from var(--seed) calc(l - 0.85) c h);
| |
| --link-color: #086a5c;
| |
| --link-color--hover: oklch(from var(--link-color) calc(l - 0.15) c h);
| |
| --alt-link-color: var(--color-base);
| |
| --color-progressive: var(--link-color);
| |
| --color-visited: var(--link-color);
| |
| --color-visited--hover: var(--link-color);
| |
| --color-visited--active: var(--link-color);
| |
| --color-content-added: oklch(from var(--seed) calc(l - 0.45) calc(c + 0.12) calc(h + 75));
| |
| --background-color-success-subtle: var(--color-content-added);
| |
| --border-color-success: var(--color-content-added);
| |
| --color-destructive: oklch(from var(--seed) calc(l - 0.40) calc(c + 0.15) calc(h - 52));
| |
| --color-destructive-subtle: oklch(from var(--seed) calc(l - 0.02) calc(c + 0.06) calc(h - 52)); | |
| --background-color-error-subtle: var(--color-destructive-subtle); | |
| --border-color-error: var(--color-destructive);
| |
| --color-destructive--visited--active: var(--color-destructive);
| |
| --background-color-content-removed: oklch(from var(--seed) calc(l - 0.05) calc(c + 0.10) calc(h - 52)); | |
| --background-color-warning-subtle: oklch(from var(--seed) calc(l - 0.02) calc(c + 0.04) calc(h - 12));
| |
| --border-color-warning: oklch(from var(--seed) calc(l - 0.30) calc(c + 0.10) calc(h - 12));
| |
| --color-progressive--focus: var(--background-color-progressive-subtle);
| |
| --background-color-progressive: oklch(from var(--color-progressive) calc(l + 0.40) c h);
| |
| --background-color-progressive-subtle: oklch(from var(--color-progressive) calc(l + 0.45) c h);
| |
| --background-color-progressive-subtle--hover: oklch(from var(--color-progressive) calc(l + 0.42) c h);
| |
| --border-color-progressive--hover: oklch(from var(--color-progressive) calc(l + 0.35) c h);
| |
| --color-progressive--hover: var(--color-progressive);
| |
| --background-color-progressive--hover: oklch(from var(--color-progressive) calc(l + 0.30) c h);
| |
| --background-color-progressive--active: oklch(from var(--color-progressive) calc(l + 0.35) c h);
| |
| --border-color-progressive: oklch(from var(--color-progressive) calc(l + 0.25) c h);
| |
| --background-color-progressive-subtle--active: var(--background-color-progressive--active);
| |
| --color-progressive--active: oklch(from var(--color-progressive) calc(l - 0.10) c h);
| |
| --border-color-progressive-subtle--active: var(--background-color-progressive--active);
| |
| --bg-image-color: transparent;
| |
| } | | } |
|
| |
|