MediaWiki:Gadget-brownTheme.css: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →

Kai (talk | contribs)

2 user groups
2,391 edits
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;
    --base: #f5ede0;
--accent: #2e5746;
    --accent: #2e5746;
 
    --background-color-base-border: oklch(from var(--base) calc(l + 0.06) c h);
--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: 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-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-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-2: oklch(from var(--base) calc(l - 0.04) c h);
    --background-color-base-3: oklch(from var(--base) calc(l - 0.06) c h);
--background-color-base-3: oklch(from var(--base) calc(l - 0.07) c h);
    --background-color-base-4: oklch(from var(--base) calc(l - 0.09) c h);
--background-color-base-4: oklch(from var(--base) calc(l - 0.13) c h);
    --background-color-base-5: oklch(from var(--base) calc(l - 0.12) c h);
--background-color-base-5: oklch(from var(--base) calc(l - 0.17) c h);
    --background-color-neutral-subtle: oklch(from var(--base) calc(l - 0.07) 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-interactive: oklch(from var(--base) calc(l - 0.07) c h);
    --background-color-disabled: oklch(from var(--base) calc(l - 0.03) 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-base: oklch(from var(--base) calc(l - 0.27) c h);
    --border-color-muted: oklch(from var(--base) calc(l - 0.19) c h / 0.96);
--border-color-subtle: 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);
--border-color-muted: oklch(from var(--base) calc(l - 0.19) c h / 0.96);
    --color-base: oklch(from var(--base) calc(l - 0.72) c h);
--border-color-disabled: oklch(from var(--base) calc(l - 0.19) c h / 0.96);
    --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-base: oklch(from var(--base) calc(l - 0.72) c h);
    --color-notice: oklch(from var(--base) calc(l - 0.72) c h / 0.63);
--color-emphasized: oklch(from var(--base) calc(l - 0.78) c h);
    --color-base--hover: oklch(from var(--base) calc(l - 0.72) c h);
--color-subtle: oklch(from var(--base) calc(l - 0.72) c h / 0.63);
    --link-color--hover: oklch(from var(--accent) calc(l + 0.22) c h);
--color-notice: oklch(from var(--base) calc(l - 0.72) c h / 0.63);
    --alt-link-color: oklch(from var(--base) calc(l - 0.72) c h);
--color-base--hover: oklch(from var(--base) calc(l - 0.72) c h);
    --color-destructive-subtle: #fde8e6;
 
    --background-color-error-subtle: #fde8e6;
--link-color--hover: oklch(from var(--accent) calc(l + 0.22) c h);
    --background-color-warning-subtle: oklch(from var(--base) calc(l - 0.14) c h);
--alt-link-color: oklch(from var(--base) calc(l - 0.72) 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);
--color-destructive-subtle: #fde8e6;
    --background-color-progressive-subtle--hover: oklch(from var(--accent) calc(l + 0.52) c h);
--background-color-error-subtle: #fde8e6;
    --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-warning-subtle: oklch(from var(--base) calc(l - 0.14) 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);
--background-color-progressive: oklch(from var(--accent) calc(l + 0.50) c h);
    --border-color-progressive--hover: oklch(from var(--accent) calc(l + 0.48) c h);
--background-color-progressive-subtle: oklch(from var(--accent) calc(l + 0.56) c h);
    --border-color-progressive-subtle--active: oklch(from var(--accent) calc(l + 0.45) c h);
--background-color-progressive-subtle--hover: oklch(from var(--accent) calc(l + 0.52) c h);
    --color-progressive--focus: oklch(from var(--accent) calc(l + 0.56) c h);
--background-color-progressive--hover: oklch(from var(--accent) calc(l + 0.40) c h);
    --color-progressive--active: #000;
--background-color-progressive--active: oklch(from var(--accent) calc(l + 0.45) c h);
    --background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4);
--background-color-progressive-subtle--active: oklch(from var(--accent) calc(l + 0.45) c h);
    --text-shadow-base: transparent;
 
--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
}
}


Retrieved from "https://deadlock.wiki/MediaWiki:Gadget-brownTheme.css"