User:Monster Domosed/common.css: Difference between revisionsGive feedback
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* @import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); */ | /* @import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); */ | ||
/* ===== Light theme ===== */ | |||
:root.theme-light { | |||
--seed: #d3c4ac; | |||
--wiki-logo: url(/images/thumb/7/70/Deadlock_Wiki.png/250px-Deadlock_Wiki.png); | |||
--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); | |||
--background-color-base: var(--seed); | |||
--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-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; | |||
} | |||
#pt-theme-toggle a { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
opacity: 0.6; | |||
color: var(--color-base); | |||
} | |||
#pt-theme-toggle a:hover { | |||
opacity: 1; | |||
} | |||
#pt-theme-toggle svg { | |||
width: 16px; | |||
height: 16px; | |||
display: block; | |||
} | |||
#ca-ve-edit{ | #ca-ve-edit{ | ||