Difference between revisions of "MediaWiki:Common.css"
RoyalBatty (talk | contribs) |
RoyalBatty (talk | contribs) |
||
Line 2: | Line 2: | ||
:root { | :root { | ||
− | -- | + | --interactive-1: #0f62fe; /* primary */ |
− | -- | + | --interactive-2: #393939 /* secondary */ |
+ | --interactive-3: #0f62fe; /* tertiary */ | ||
+ | --interactive-active-accent: #0f62fe; | ||
+ | --danger-1: #da1e28; | ||
+ | --danger-2: #da1e28; | ||
+ | --secondary-background: #ffffff; | ||
+ | --secondary-background-light: #f4f4f4; | ||
+ | --secondary-background-subtle-border: #e0e0e0; | ||
+ | --medium-contrast-border: #8d8d8d; | ||
+ | --high-contrast-border: #161616; | ||
+ | --button-separator: #e0e0e0; | ||
+ | --decorative-light: #e0e0e0; | ||
+ | --text-primary: #161616; | ||
+ | --text-secondary: #525252; | ||
+ | --text-tertiary: #a8a8a8; | ||
+ | --text-interactive: #ffffff; | ||
+ | --text-help: #6f6f6f; | ||
+ | --text-error: #da1e28; | ||
+ | --link-primary: #0f62fe; | ||
+ | --link-secondary: #0043ce /* lower contrast bgs */ | ||
+ | --inverse-link: #78a9ff; | ||
+ | --icon-primary: #161616; | ||
+ | --icon-secondary: #525252; | ||
+ | --icon-tertiary: #ffffff; | ||
+ | --field-01: #ffffff; | ||
+ | --field-02: #f4f4f4; | ||
+ | --inverse-01: #ffffff; | ||
+ | --inverse-02: #393939 | ||
+ | --support-error: #da1e28; | ||
+ | --support-success: #198038; | ||
+ | --support-warning: #f1c21b; | ||
+ | --support-information: #0043ce; | ||
+ | --overlay: rgba(8.6, 8.6, 8.6, 50%); | ||
+ | |||
} | } | ||
#mw-panel { | #mw-panel { | ||
− | background: var(--color- | + | background: var(--color-background); |
} | } |
Revision as of 10:01, 19 July 2021
/* CSS placed here will be applied to all skins */ :root { --interactive-1: #0f62fe; /* primary */ --interactive-2: #393939 /* secondary */ --interactive-3: #0f62fe; /* tertiary */ --interactive-active-accent: #0f62fe; --danger-1: #da1e28; --danger-2: #da1e28; --secondary-background: #ffffff; --secondary-background-light: #f4f4f4; --secondary-background-subtle-border: #e0e0e0; --medium-contrast-border: #8d8d8d; --high-contrast-border: #161616; --button-separator: #e0e0e0; --decorative-light: #e0e0e0; --text-primary: #161616; --text-secondary: #525252; --text-tertiary: #a8a8a8; --text-interactive: #ffffff; --text-help: #6f6f6f; --text-error: #da1e28; --link-primary: #0f62fe; --link-secondary: #0043ce /* lower contrast bgs */ --inverse-link: #78a9ff; --icon-primary: #161616; --icon-secondary: #525252; --icon-tertiary: #ffffff; --field-01: #ffffff; --field-02: #f4f4f4; --inverse-01: #ffffff; --inverse-02: #393939 --support-error: #da1e28; --support-success: #198038; --support-warning: #f1c21b; --support-information: #0043ce; --overlay: rgba(8.6, 8.6, 8.6, 50%); } #mw-panel { background: var(--color-background); }