Merge "Complete transition to Codex color palettes"

This commit is contained in:
jenkins-bot 2024-04-30 17:35:19 +00:00 committed by Gerrit Code Review
commit 3a98957d5a
6 changed files with 16 additions and 23 deletions

View file

@ -33,11 +33,11 @@
* These variables don't correspond to Codex variables.
* TODO: Determine whether any of these are actually used in practice.
**/
@color-link: var( --color-progressive );
@color-link--visited: var( --color-visited);
@color-link--active: var(--color-progressive--active);
@color-link-new: var(--color-link-red);
@color-link-new--visited: var(--color-link-red--visited);
@color-link-external: var( --color-progressive );
@color-link-external--visited: var( --color-visited );
@color-link-external--active: var(--color-progressive--active);
@color-link: @color-progressive;
@color-link--visited: @color-visited;
@color-link--active: @color-progressive--active;
@color-link-new: @color-link-red;
@color-link-new--visited: @color-link-red--visited;
@color-link-external: @color-progressive;
@color-link-external--visited: @color-visited;
@color-link-external--active: @color-progressive--active;

View file

@ -23,7 +23,7 @@
&.new a:visited,
&.new a:hover,
&.new a:active {
color: var( --color-link-red );
color: @color-link-new;
}
&:last-child {

View file

@ -22,9 +22,10 @@
// :extend merges this :root selector into the one provided by theme-codex-wikimedia-experimental.less.
:root:extend( :root ) {
// <T361717>FIXME: These can be removed when T361717 is resolved.
--minerva-diff-addedline: @color-success;
--minerva-diff-deletedline: @color-destructive;
--box-shadow-color-drawer: rgba( 0, 0, 0, 0.35 );
// </T361717>
}
/**
@ -33,18 +34,10 @@
*/
.mixin-night-mode-palette() {
.cdx-mode-dark();
/* These either do not exist in Codex or might be identical to the light mode
theme. If the latter we can remove . */
--color-link: #6e85d8;
--color-link-red: #e45d52;
--color-link-red--visited: #b97876;
--color-link-external: #6e85d8;
--color-link-external--visited: #b97876;
--color-link-external--active: #2a4b8d;
--color-link--visited: #977dbd;
--box-shadow-color-drawer: #000;
// <T361717>FIXME: These can be removed when T361717 is resolved.
--minerva-diff-deletedline: #886525;
--minerva-diff-addedline: #36c;
// </T361717>
}
/**

View file

@ -49,7 +49,7 @@
#main-menu-input:checked ~ #mw-mf-page-left {
visibility: visible;
box-shadow: 1px 0 8px 0 var( --box-shadow-color-drawer );
box-shadow: 1px 0 8px 0 @box-shadow-color-base;
transform: translate( 0, 0 );
}

View file

@ -9,7 +9,7 @@
display: block;
width: auto;
right: 0;
box-shadow: -5px 0 0 0 var( --box-shadow-color-drawer );
box-shadow: -5px 0 0 0 @box-shadow-color-base;
transform: translate( 100%, 0 );
transition: transform @transition-duration-medium @transition-timing-function-menu;

View file

@ -36,7 +36,7 @@
.toast,
.drawer {
box-sizing: border-box;
box-shadow: 0 -1px 8px 0 var( --box-shadow-color-drawer );
box-shadow: 0 -1px 8px 0 @box-shadow-color-base;
word-wrap: break-word;
// don't use visibility: hidden in old browsers that don't support animations
display: none;