Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From Captain of Industry Wiki
Created page with "→Yellow links in dark mode: html.skin-theme-clientpref-night { --color-progressive: #f5c518; →normal links: --color-progressive--hover: #ffd75e; --color-progressive--active: #d9a800; --color-visited: #c9a227; →visited links: } →Same when the user picked "automatic" and their OS is in dark mode: @media ( prefers-color-scheme: dark ) { html.skin-theme-clientpref-os { --color-progressive: #f5c518; --c..."
 
No edit summary
 
Line 1: Line 1:
/* Yellow links in dark mode */
html.skin-theme-clientpref-night {
html.skin-theme-clientpref-night {
     --color-progressive: #f5c518;          /* normal links */
     --color-progressive: #f7b733;          /* normal links */
     --color-progressive--hover: #ffd75e;
     --color-progressive--hover: #ffcb5c;
     --color-progressive--active: #d9a800;
     --color-progressive--active: #d99a1e;
     --color-visited: #c9a227;              /* visited links */
     --color-visited: #d4a04a;              /* visited links */
}
}
/* Same when the user picked "automatic" and their OS is in dark mode */
@media ( prefers-color-scheme: dark ) {
@media ( prefers-color-scheme: dark ) {
     html.skin-theme-clientpref-os {
     html.skin-theme-clientpref-os {
         --color-progressive: #f5c518;
         --color-progressive: #f7b733;
         --color-progressive--hover: #ffd75e;
         --color-progressive--hover: #ffcb5c;
         --color-progressive--active: #d9a800;
         --color-progressive--active: #d99a1e;
         --color-visited: #c9a227;
         --color-visited: #d4a04a;
     }
     }
}
}

Latest revision as of 16:50, 21 October 2026

html.skin-theme-clientpref-night {
    --color-progressive: #f7b733;          /* normal links */
    --color-progressive--hover: #ffcb5c;
    --color-progressive--active: #d99a1e;
    --color-visited: #d4a04a;              /* visited links */
}
@media ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os {
        --color-progressive: #f7b733;
        --color-progressive--hover: #ffcb5c;
        --color-progressive--active: #d99a1e;
        --color-visited: #d4a04a;
    }
}