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
Changed target to :root.skin-theme-clientpref-os
m Minor colour adjustments
Line 359: Line 359:
code {
code {
   border: none;
   border: none;
   background-color: var(--background-color-3);
   background-color: var(--background-color-2);
   border-radius: 5px;
   border-radius: 5px;
   padding: 2px 5px;
   padding: 2px 5px;
Line 369: Line 369:
   background-color: var(--background-color-1);
   background-color: var(--background-color-1);
   color: var(--color-base);
   color: var(--color-base);
}
.mw-highlight {
    border-radius: 10px;
}
}


Line 434: Line 438:
/* User & search actions */
/* User & search actions */
#ca-uls {
#ca-uls {
   background: var(--background-color-3);
   background: var(--background-color-2);
   border-radius: 20px;
   border-radius: 20px;
      
      
Line 442: Line 446:


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


Line 455: Line 459:
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
   box-shadow: none;
   box-shadow: none;
   background: var(--background-color-3);
   background: var(--background-color-2);
   border-radius: 20px;
   border-radius: 20px;
}
}
Line 530: Line 534:
   .selected a {
   .selected a {
     background-color: var(--theme-accent-color) !important;
     background-color: var(--theme-accent-color) !important;
     color: var(--color-base) !important;
     color: var(--color-accent-text) !important;
     border: 0;
     border: 0;
   }
   }
Line 547: Line 551:
     }
     }
   }
   }
}
.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-os #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-os #p-views .selected a {
  color: var(--background-color-base) !important;
}
}


Line 642: Line 639:


   a {
   a {
     background-color: var(--background-color-3);
     background-color: var(--background-color-2);
     color: var(--color-base);
     color: var(--color-base);
     padding: 2px 8px;
     padding: 2px 8px;
Line 649: Line 646:
     &:hover {
     &:hover {
       text-decoration: none;
       text-decoration: none;
       background-color: var(--background-color-5);
       background-color: var(--background-color-3);
     }
     }
   }
   }