995
pakeitimai
MediaWiki:Vector-theme-dark.css: Skirtumas tarp puslapio versijų
Pereiti į navigaciją
Jump to search
nėra keitimo aprašymo
(Naujas puslapis: →All CSS here will be loaded for users of the dark Vector skin: →* * See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates. * * See [[MediaWiki:Vector.css]] for desktop theme related styles. * * See [[MediaWiki:Minerva.css]] for mobile theme related styles. * See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.: html:has(body.wgl-theme-dark) { color-scheme: dark; } /* Default styles: * [[File:Dark-background.p...) |
Nėra keitimo santraukos |
||
| (nerodoma viena tarpinė versija, sukurta to paties naudotojo) | |||
| 8 eilutė: | 8 eilutė: | ||
* See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles. | * See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles. | ||
*/ | */ | ||
/* Panels / boxes */ | |||
.mw-parser-output > div, | |||
.infobox, | |||
.wikitable { | |||
border-radius: 0; /* blocky */ | |||
border: 2px solid #3a3a3a; | |||
background: #2b2b2b; | |||
} | |||
/* Buttons */ | |||
button, .mw-ui-button { | |||
background: #3a3a3a; | |||
border: 2px solid #555; | |||
border-radius: 0; | |||
} | |||
html:has(body.wgl-theme-dark) { | html:has(body.wgl-theme-dark) { | ||
| 2 636 eilutė: | 2 651 eilutė: | ||
body.wgl-theme-dark .mw-diff-inline-deleted del { | body.wgl-theme-dark .mw-diff-inline-deleted del { | ||
color: #000; | color: #000; | ||
} | |||
/*NEW LOOK TEST*/ | |||
/* ==== Modern dark polish ==== */ | |||
body.wgl-theme-dark { | |||
--ui-border: #3f4654; | |||
--ui-surface: #232833; | |||
--ui-surface-2: #1d222c; | |||
--ui-shadow: 0 12px 28px -18px rgba(0, 0, 0, 0.8); | |||
--ui-focus: #7fb3ff; | |||
} | |||
/* Dark surfaces */ | |||
body.wgl-theme-dark .mw-body, | |||
body.wgl-theme-dark .mw-parser-output .wikitable, | |||
body.wgl-theme-dark .thumbinner, | |||
body.wgl-theme-dark #toc, | |||
body.wgl-theme-dark .toc, | |||
body.wgl-theme-dark .mw-message-box, | |||
body.wgl-theme-dark .archive-box, | |||
body.wgl-theme-dark .documentation { | |||
background: var(--ui-surface); | |||
border-color: var(--ui-border); | |||
box-shadow: var(--ui-shadow); | |||
} | |||
/* Inputs/buttons in dark mode */ | |||
body.wgl-theme-dark .mw-ui-input, | |||
body.wgl-theme-dark .cdx-text-input__input, | |||
body.wgl-theme-dark .oo-ui-inputWidget-input, | |||
body.wgl-theme-dark textarea, | |||
body.wgl-theme-dark select { | |||
background: var(--ui-surface-2); | |||
border-color: var(--ui-border); | |||
} | } | ||