Module:Sidebar/styles.css: Difference between revisions
use border-color-base (#a2a9b1) for consistency and better appearance in dark mode |
|||
| Line 171: | Line 171: | ||
/* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */ | /* Disable backgrounds via style attribute in night mode Eg.https://phabricator.wikimedia.org/F55243859 / https://en.wikipedia.org/w/index.php?title=Laissez-faire */ | ||
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title, | @media screen { | ||
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle { | html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-list-title, | ||
html.skin-theme-clientpref-night .sidebar:not( .notheme ) .sidebar-title-with-pretitle { | |||
background: transparent !important; | background: transparent !important; | ||
} | |||
html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a { | |||
color: var( --color-progressive ) !important; | |||
} | |||
} | } | ||
@media (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
/* automatic mode */ | /* automatic mode */ | ||
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title, | html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-list-title, | ||
html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle { | html.skin-theme-clientpref-os .sidebar:not( .notheme ) .sidebar-title-with-pretitle { | ||
background: transparent !important; | background: transparent !important; | ||
} | |||
html.skin-theme-clientpref-os .sidebar .sidebar-title-with-pretitle a { | |||
color: var( --color-progressive ) !important; | |||
} | } | ||
} | } | ||