MediaWiki:Colors.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) changed link color to teal for dark theme, there was too much yellow |
Reorganised, changed border-color, and added border-color-subtle |
||
| Line 1: | Line 1: | ||
/* Colors */ | /* Colors */ | ||
.skin-theme-clientpref-night { | |||
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg"); | |||
--page-background-color: #0d0f1e; | |||
--page-text-color: #fefdde; | |||
--theme-accent-color: #ffed76; | --theme-accent-color: #ffed76; | ||
--theme-accent-color--rgb: 255, 237, 118; | --theme-accent-color--rgb: 255, 237, 118; | ||
--theme-link-color: #51d5e3; | --theme-link-color: #51d5e3; | ||
--theme- | --theme-color-1 : #161826; | ||
--page- | --theme-color-2 : #1c1e2f; | ||
--theme-color-3 : #292b41; | |||
--theme-color-4 : #2f3148; | |||
--theme-color-5 : #33354d; | |||
--theme-color-6 : #3b3d56; | |||
--theme-color-7 : #42445d; | |||
--theme-color-8 : #4b4d66; | |||
--theme-color-9 : #5a5c76; | |||
--theme-color-10: #70728c; | |||
--theme-border-color: #292c41 !important; | |||
--theme-border-color-subtle: #212337 !important; | |||
--theme-page-background-color--secondary: #20242C; | |||
--theme-page-text-color-inverse: #43403D; | --theme-page-text-color-inverse: #43403D; | ||
--group-color: #998a6b; | --group-color: #998a6b; | ||
--border-color:#716243; | --border-color:#716243; | ||
--title-color: #ceb582; | --title-color: #ceb582; | ||
--subtitle-color:#ceb582; | --subtitle-color: #ceb582; | ||
--pi-border: # | --pi-border: #292c41 !important; | ||
--pi-tabber-bg-color: #353847; | --pi-tabber-bg-color: #353847; | ||
--pi-tabber-color: #B2B2B4; | --pi-tabber-color: #B2B2B4; | ||
| Line 35: | Line 44: | ||
--table-ascension-bg-color: #2C2E3A; | --table-ascension-bg-color: #2C2E3A; | ||
--color-buzz: #2095EF; | --color-buzz: #2095EF; | ||
| Line 56: | Line 53: | ||
--custom-tabs-active-color: var(--page-background-color); | --custom-tabs-active-color: var(--page-background-color); | ||
} | } | ||
.skin-theme-clientpref-day { | .skin-theme-clientpref-day { | ||
--background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg"); | |||
--page-background-color: #f6f9dd; | --page-background-color: #f6f9dd; | ||
-- | --page-text-color: #5a4a3c; | ||
--theme-accent-color: #eac863; | --theme-accent-color: #eac863; | ||
--theme-accent-color--rgb: 234, 200, 99; | --theme-accent-color--rgb: 234, 200, 99; | ||
--theme-link-color: #3893a5; | --theme-link-color: #3893a5; | ||
--theme-color-1 : #e4e8c3; | --theme-color-1 : #e4e8c3; | ||
--theme-color-2 : #ebeaca; | --theme-color-2 : #ebeaca; | ||
| Line 77: | Line 74: | ||
--theme-color-9 : #7f7e4d; | --theme-color-9 : #7f7e4d; | ||
--theme-color-10: #55552f; | --theme-color-10: #55552f; | ||
--theme-border-color: #cdbaaa !important; | |||
-- | --theme-border-color-subtle: #ddcaba !important; | ||
--color-buzz: #0075EB; | --color-buzz: #0075EB; | ||
--color-bp: #cc8000; | --color-bp: #cc8000; | ||
| Line 89: | Line 85: | ||
--color-help: #BB8010; | --color-help: #BB8010; | ||
} | } | ||
.text-buzz, .text-buzz * { color: var(--color-buzz); } | .text-buzz, .text-buzz * { color: var(--color-buzz); } | ||