MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
:root.skin-citizen-light { | :root.skin-citizen-light { | ||
--bgb-blue: | --bgb-blue: rgb(27 62 116 / 100%); | ||
--interface-blue: | --interface-blue: rgb(74 112 170 / 100%); | ||
- | --bg-color: rgb(255 255 255 / 100%); | ||
-- | --text-header: rgb(0 0 0 / 100%); | ||
-- | --text-content: rgb(0 0 0 / 80%); | ||
background: var(- | background: var(--bg-color); | ||
--color-primary: var(--interface-blue); | --color-primary: var(--interface-blue); | ||
} | } | ||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
--bgb-blue: | --bgb-blue: rgb(27 62 116 / 100%); | ||
--interface-blue: | --interface-blue: rgb(74 112 170 / 100%); | ||
- | --bg-color: rgb(24 40 64 / 100%); | ||
-- | --text-header: rgb(255 255 255 / 100%); | ||
-- | --text-content: rgb(255 255 255 / 80%); | ||
background: var(- | background: var(--bg-color); | ||
--color-primary: var(--interface-blue); | --color-primary: var(--interface-blue); | ||
} | } | ||
.mw-header-siteinfo .mw-wiki-title .mw-logo-wordmark { | .mw-header-siteinfo .mw-wiki-title .mw-logo-wordmark { | ||
color: var(-- | color: var(--text-header); | ||
} | } | ||
body { | body { | ||
background: var(- | background: var(--bg-color); | ||
color: var(-- | color: var(--text-content); | ||
} | } | ||
.mw-body { | .mw-body { | ||
background: var(- | background: var(--bg-color); | ||
} | } | ||
| Line 43: | Line 43: | ||
.last-modified-bar { | .last-modified-bar { | ||
background: var(- | background: var(--bg-color); | ||
} | } | ||
.last-modified-bar-content { | .last-modified-bar-content { | ||
background: var(- | background: var(--bg-color); | ||
} | } | ||
Revision as of 18:52, 3 April 2021
/* All CSS here will be loaded for users of the Citizen skin */
:root.skin-citizen-light {
--bgb-blue: rgb(27 62 116 / 100%);
--interface-blue: rgb(74 112 170 / 100%);
--bg-color: rgb(255 255 255 / 100%);
--text-header: rgb(0 0 0 / 100%);
--text-content: rgb(0 0 0 / 80%);
background: var(--bg-color);
--color-primary: var(--interface-blue);
}
:root.skin-citizen-dark {
--bgb-blue: rgb(27 62 116 / 100%);
--interface-blue: rgb(74 112 170 / 100%);
--bg-color: rgb(24 40 64 / 100%);
--text-header: rgb(255 255 255 / 100%);
--text-content: rgb(255 255 255 / 80%);
background: var(--bg-color);
--color-primary: var(--interface-blue);
}
.mw-header-siteinfo .mw-wiki-title .mw-logo-wordmark {
color: var(--text-header);
}
body {
background: var(--bg-color);
color: var(--text-content);
}
.mw-body {
background: var(--bg-color);
}
.mw-footer {
background: var(--bgb-blue);
}
.last-modified-bar {
background: var(--bg-color);
}
.last-modified-bar-content {
background: var(--bg-color);
}