Merge "Fix red link color in dark mode"

This commit is contained in:
jenkins-bot 2024-05-08 14:53:37 +00:00 committed by Gerrit Code Review
commit 277135ef58
3 changed files with 9 additions and 5 deletions

View file

@ -38,10 +38,6 @@
@color-link: @color-progressive; @color-link: @color-progressive;
@color-link--visited: #795cb2; @color-link--visited: #795cb2;
@color-link--active: #faa700; @color-link--active: #faa700;
// Link colors for new or missing articles, also known as “Red links”.
// https://www.wikidata.org/wiki/Q13417974#sitelinks-wikipedia
@color-link-new: @color-link-red;
@color-link-new--visited: @color-link-red--visited;
// Link colors for a power user feature to highlight links to other projects. // Link colors for a power user feature to highlight links to other projects.
// In Vector 2022 we unify these colors by default for simpler orientation by average users. // In Vector 2022 we unify these colors by default for simpler orientation by average users.
// It's still possible to overwrite the styles per user. // It's still possible to overwrite the styles per user.

View file

@ -23,6 +23,10 @@
html.skin-theme-clientpref-night { html.skin-theme-clientpref-night {
color-scheme: dark; color-scheme: dark;
.cdx-mode-dark(); .cdx-mode-dark();
// T363911 Temporarily override Codex variable for Vector night mode release
// Remove after task has been resolved and new color is available in Codex.
--color-link-red: #b97876;
} }
html.skin-theme-clientpref-night .skin-invert { html.skin-theme-clientpref-night .skin-invert {
@ -44,6 +48,10 @@ html.skin-theme-clientpref-night .notheme {
html.skin-theme-clientpref-os { html.skin-theme-clientpref-os {
color-scheme: light dark; color-scheme: light dark;
.cdx-mode-dark(); .cdx-mode-dark();
// T363911 Temporarily override Codex variable for Vector night mode release
// Remove after task has been resolved and new color is available in Codex.
--color-link-red: #b97876;
} }
html.skin-theme-clientpref-os .notheme { html.skin-theme-clientpref-os .notheme {

View file

@ -33,7 +33,7 @@
.mw-list-item.new a, .mw-list-item.new a,
.mw-list-item.new a:visited { .mw-list-item.new a:visited {
color: @color-link-new; color: @color-link-red;
} }
.mw-list-item.selected a, .mw-list-item.selected a,