Jump to content
Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
If you make an edit, a temporary account will be created for you.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Moved color tokens from MediaWiki:Vector-2022.css to MediaWiki:Common.css so they can be applied to all skins
Fixed --color-progressive for dark mode, moved link styles to Common
Line 187: Line 187:
         --color-disabled: #656985;
         --color-disabled: #656985;
         --color-inverted: #0d0f1e;
         --color-inverted: #0d0f1e;
         --color-progressive: #3e72c6;
         --color-progressive: #71bed7;
         --color-progressive--hover: #5689dc;
         --color-progressive--hover: #5689dc;
         --color-progressive--active: #3e72c6;
         --color-progressive--active: #3e72c6;
Line 606: Line 606:


/* Wordmark */
/* Wordmark */
.mw-logo-wordmark {
    width: initial !important;
}
.skin-theme-clientpref-day .mp-header-wordmark img {
.skin-theme-clientpref-day .mp-header-wordmark img {
   filter: invert(1) hue-rotate(180deg);
   filter: invert(1) hue-rotate(180deg);
Line 619: Line 615:
.no-desktop {
.no-desktop {
     display: none;
     display: none;
}
/* Links */
a:where(:not([role='button'])),
a:where(:not([role='button'])):hover,
a:where(:not([role='button'])):visited,
a:where(:not([role='button'])):visited:hover,
a:where(:not([role='button'])):visited:active,
a:where(:not([role='button'])):active {
    color: var(--color-progressive);
}
a:where(.new:not([role='button'])),
a:where(.new:not([role='button'])):hover,
a:where(.new:not([role='button'])):visited,
a:where(.new:not([role='button'])):visited:hover,
a:where(.new:not([role='button'])):visited:active,
a:where(.new:not([role='button'])):active {
    color: var(--color-destructive);
}
}