MediaWiki:Vector-2022.css: Difference between revisions
Appearance
Orangestar (talk | contribs) No edit summary |
Orangestar (talk | contribs) pacman update broke the colors but now i fixed em :) |
||
| Line 1: | Line 1: | ||
/* so these were originally internal edits i made to the | |||
vector 2022 skin in its special variables section that's | |||
*designed* to let you write your own edits to internal | |||
variables | |||
but then a pacman update overwrote my changes | |||
so now it's all here. nyah. */ | |||
body | |||
{ | |||
background: #222; | |||
color: white; | |||
--background-color-base: #222; | |||
--primary: white; | |||
--link: #FF2020; | |||
--link-new: #AA0000; | |||
--link--visited: #FF8080; | |||
--link-new--visited: #AA4040; | |||
--heading: #CCC; | |||
} | |||
.vector-pinned-container | |||
{ | |||
background: var(--background-color-base) | |||
} | |||
a { color: var(--link); } | |||
a:visited { color: var(--link--visited); } | |||
a.new { color: var(--link-new); } | |||
a.new:visited { color: var(--link-new--visited); } | |||
.vector-toc .vector-toc-list-item-active > .vector-toc-link, | |||
.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, | |||
.vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link | |||
{ | |||
color: var(--white); | |||
font-weight: bold; | |||
} | |||
span.vector-icon.mw-ui-icon-unStar.mw-ui-icon-wikimedia-unStar | |||
{ | |||
filter: invert(1); | |||
} | |||
.vector-pinnable-element .mw-list-item a, | |||
.vector-dropdown-content .mw-list-item a, | |||
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, | |||
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited, | |||
.vector-toc .vector-toc-link, | |||
.vector-menu-tabs .mw-list-item a, | |||
#pt-userpage-2 a:not(.mw-selflink) | |||
{ | |||
color: var(--link) | |||
} | |||
.vector-pinnable-element .vector-menu-heading { | |||
color: var(--heading); | |||
} | |||
/* Edits to "zebra design" popups like the visual editor to let them look nice with our color hacks */ | |||
.vector-feature-zebra-design-disabled body { | .vector-feature-zebra-design-disabled body { | ||
background-color: #321616; /* @background-color-interactive-subtle */ | background-color: #321616; /* @background-color-interactive-subtle */ | ||