Jump to content

Module:Sidebar/styles.css: Difference between revisions

actually, doesn't need to be high specificity
Line 174: Line 174:
  * Less the usual @media screen because of @media print below
  * Less the usual @media screen because of @media print below
  */
  */
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;
}


html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a {
@media screen {
color: var( --color-progressive ) !important;
    html.skin-theme-clientpref-night .sidebar-navbar {
      background: black !important;
    }
    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;
    }
 
    html.skin-theme-clientpref-night .sidebar .sidebar-title-with-pretitle a {
    color: var( --color-progressive ) !important;
    }
}
}


@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
/* automatic mode */
    html.skin-theme-clientpref-os .sidebar-navbar {
      background: black !important;
    }
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 {