MediaWiki:Vector-2022.css: Difference between revisions

m adjusting the GUI further - dark mode refinements, slight positioning
m adjusting the GUI further - dark mode refinements
Line 30: Line 30:


@media screen and (prefers-color-scheme:dark) {
@media screen and (prefers-color-scheme:dark) {
  html.skin-theme-clientpref-os {
   .mw-body-header,
   .mw-body-header,
   .vector-header-container,
   .vector-header-container,
   .vector-sticky-header {
   .vector-sticky-header {
      background-color: color-mix(in srgb, var(--background-color-neutral,#eaecf0), transparent 20%)
    background-color:color-mix(in srgb,var(--background-color-neutral,#eaecf0),transparent 20%)  
  }
}}
  .vector-sticky-header-container {background-color: transparent}
}


@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-night {
  .mw-body-header,
  .vector-header-container,
  .vector-sticky-header {
    background-color:color-mix(in srgb,var(--background-color-neutral,#eaecf0),transparent 20%)  
}}


.custom-bg-overlay {
.custom-bg-overlay {