MediaWiki:Colors.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) No edit summary |
Added skin-theme-clientpref-os |
||
| Line 1: | Line 1: | ||
/* Colors */ | /* Colors */ | ||
/* Night, Dark */ | |||
.skin-theme-clientpref-night { | .skin-theme-clientpref-night { | ||
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg"); | --background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg"); | ||
| Line 56: | Line 57: | ||
} | } | ||
/* OS, Auto */ | |||
@media screen and (prefers-color-scheme: dark) { | |||
.skin-theme-clientpref-os { | |||
--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--rgb: 255, 237, 118; | |||
--theme-link-color: #51d5e3; | |||
--theme-color-1 : #161826; | |||
--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; | |||
--group-color: #998a6b; | |||
--border-color:#716243; | |||
--title-color: #ceb582; | |||
--subtitle-color: #ceb582; | |||
--pi-border: #292c41 !important; | |||
--pi-tabber-bg-color: #353847; | |||
--pi-tabber-color: #B2B2B4; | |||
--pi-title-bg-color: var(--theme-accent-color); | |||
--pi-title-color: var(--theme-page-background-color); | |||
--pi-header-bg-color: #21232C; | |||
--pi-header-color: var(--theme-accent-color); | |||
--pi-rows-color: #272935; | |||
--header-link-border-color-1: #3d285a; | |||
--header-link-border-color-2: #2f295c; | |||
--mobile-lightbox-border-color: var(--theme-border-color); | |||
--table-ascension-bg-color: #2C2E3A; | |||
--color-buzz: #2095EF; | |||
--color-bp: #cc8000; | |||
--color-menu: #D3BC8E; | |||
--color-new: #41be3a; | |||
--color-old: #e35045; | |||
--color-help: #e0bb00; | |||
--color-catch: #85cdae; | |||
--custom-tabs-active-color: var(--page-background-color); | |||
} | |||
} | |||
/* Day, Light */ | |||
.skin-theme-clientpref-day { | .skin-theme-clientpref-day { | ||
--background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg"); | --background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg"); | ||