Module:Sidebar/styles.css: Difference between revisions

Content deleted Content added
(Defensively add color white important to make sure these do not get mixed)
opt out with notheme
 
(3 intermediate revisions by the same user not shown)
Line 148:
}
 
@media (max-width: 720px640px) {
/* users have wide latitude to set arbitrary width and margin :(
"Super-specific" selector to prevent overriding this appearance by
Line 172:
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859
* https://en.wikipedia.org/w/index.php?title=Laissez-faire
* Less the usual @media screen because of @media print below
*/
 
@media screen {
html.skin-theme-clientpref-night .sidebar-navbar {
background: black !important;
color: white !important;
}
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
Line 185 ⟶ 180:
}
 
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}
}
 
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sidebar-navbar {
background: black !important;
color: white !important;
}
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title,
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle {
Line 200 ⟶ 191:
}
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle a {
color: var( --color-progressive ) !important;
}