MediaWiki:Gadget-brownTheme.css: Difference between revisionsGive feedback
No edit summary |
No edit summary |
||
| Line 79: | Line 79: | ||
:root[data-theme="brown"][data-mode="light"] { | :root[data-theme="brown"][data-mode="light"] { | ||
--base: #f5ede0; | |||
--accent: #2e5746; | |||
--background-color-base-border: oklch(from var(--base) calc(l + 0.06) c h); | |||
--background-color-base-subtle: oklch(from var(--base) calc(l + 0.09) c h); | |||
--background-color-base-subtle-border: oklch(from var(--base) calc(l + 0.06) c h); | |||
--background-color-light: oklch(from var(--base) calc(l - 0.09) c h); | |||
--background-color-base-2: oklch(from var(--base) calc(l - 0.03) c h); | |||
--background-color-base-3: oklch(from var(--base) calc(l - 0.06) c h); | |||
--background-color-base-4: oklch(from var(--base) calc(l - 0.09) c h); | |||
--background-color-base-5: oklch(from var(--base) calc(l - 0.12) c h); | |||
--background-color-neutral-subtle: oklch(from var(--base) calc(l - 0.07) c h); | |||
--background-color-interactive: oklch(from var(--base) calc(l - 0.07) c h); | |||
--background-color-disabled: oklch(from var(--base) calc(l - 0.03) c h); | |||
--border-color-base: oklch(from var(--base) calc(l - 0.27) c h); | |||
--border-color-subtle: oklch(from var(--base) calc(l - 0.19) c h / 0.96); | |||
--border-color-muted: oklch(from var(--base) calc(l - 0.19) c h / 0.96); | |||
--border-color-disabled: oklch(from var(--base) calc(l - 0.19) c h / 0.96); | |||
--color-base: oklch(from var(--base) calc(l - 0.72) c h); | |||
--color-emphasized: oklch(from var(--base) calc(l - 0.78) c h); | |||
--color-subtle: oklch(from var(--base) calc(l - 0.72) c h / 0.63); | |||
--color-notice: oklch(from var(--base) calc(l - 0.72) c h / 0.63); | |||
--color-base--hover: oklch(from var(--base) calc(l - 0.72) c h); | |||
--link-color--hover: oklch(from var(--accent) calc(l + 0.22) c h); | |||
--alt-link-color: oklch(from var(--base) calc(l - 0.72) c h); | |||
--color-destructive-subtle: #fde8e6; | |||
--background-color-error-subtle: #fde8e6; | |||
--background-color-warning-subtle: oklch(from var(--base) calc(l - 0.14) c h); | |||
--background-color-progressive: oklch(from var(--accent) calc(l + 0.50) c h); | |||
--background-color-progressive-subtle: oklch(from var(--accent) calc(l + 0.56) c h); | |||
--background-color-progressive-subtle--hover: oklch(from var(--accent) calc(l + 0.52) c h); | |||
--background-color-progressive--hover: oklch(from var(--accent) calc(l + 0.40) c h); | |||
--background-color-progressive--active: oklch(from var(--accent) calc(l + 0.45) c h); | |||
--background-color-progressive-subtle--active: oklch(from var(--accent) calc(l + 0.45) c h); | |||
--border-color-progressive: oklch(from var(--accent) calc(l + 0.56) c h); | |||
--border-color-progressive--hover: oklch(from var(--accent) calc(l + 0.48) c h); | |||
--border-color-progressive-subtle--active: oklch(from var(--accent) calc(l + 0.45) c h); | |||
--color-progressive--focus: oklch(from var(--accent) calc(l + 0.56) c h); | |||
--color-progressive--active: #000; | |||
--background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4); | |||
--text-shadow-base: transparent; | |||
} | } | ||