Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector-2022.css: Difference between revisions

MediaWiki interface page
Adds patting in wide mode
Added .skin-theme-clientpref-os
Line 122: Line 122:
/* User & Search Actions */
/* User & Search Actions */
#ca-uls {
#ca-uls {
   background: var(--theme-color-2);
   background: var(--theme-color-3);
   border-radius: 20px;
   border-radius: 20px;
      
      
Line 130: Line 130:


   &:hover {
   &:hover {
     background: var(--theme-color-3);
     background: var(--theme-color-4);
   }
   }


Line 169: Line 169:
   padding: 16px;
   padding: 16px;
   border-radius: 20px;
   border-radius: 20px;
   .skin-theme-clientpref-night & {
   .skin-theme-clientpref-night &, .skin-theme-clientpref-os & {
     background: var(--theme-color-1);
     background: var(--theme-color-1);
   }
   }
Line 192: Line 192:
     border: 0;
     border: 0;
   }
   }
   .skin-theme-clientpref-night & .vector-sticky-header {
   .skin-theme-clientpref-night & .vector-sticky-header,
  .skin-theme-clientpref-os & .vector-sticky-header {
     background-color: var(--theme-color-6) !important;
     background-color: var(--theme-color-6) !important;
   }
   }
   .skin-theme-clientpref-night & .vector-sticky-header span {
   .skin-theme-clientpref-night & .vector-sticky-header span,
  .skin-theme-clientpref-os & .vector-sticky-header span {
     color: var(--page-text-color);
     color: var(--page-text-color);
   }
   }
Line 251: Line 253:


.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-night #p-views .selected a {
.skin-theme-clientpref-night #p-views .selected a,
.skin-theme-clientpref-os #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-os #p-views .selected a {
   color: var(--page-background-color) !important;
   color: var(--page-background-color) !important;
}
}
Line 306: Line 310:
.vector-pinnable-header-toggle-button {
.vector-pinnable-header-toggle-button {
   background-color: var(--theme-color-3);
   background-color: var(--theme-color-3);
   border-radius: 5px;
   border-radius: 10px;
   &:hover {
   &:hover {
     background-color: var(--theme-color-4);
     background-color: var(--theme-color-4);