Start using design tokens in .less files relevant for VE

Note this actually changes the "subtle" color to be darker. As far
as I understand this is an intentional decision. The old color token
from OOUI is deprecated and intentionally made darker in Codex.
See Ie667c35 and most notably T313502.

Change-Id: I37ad25aa6821d61fe3321e1390d1ccf987075250
This commit is contained in:
thiemowmde 2024-07-19 17:45:17 +02:00
parent f1bd3175fd
commit aa6a5c3bf2
3 changed files with 9 additions and 3 deletions

View file

@ -5,6 +5,8 @@
* @license MIT
*/
@import 'mediawiki.skin.variables.less';
.ve-ce-mwReferencesListNode {
// Remove the styling of the preview wrapper, and any
// generated paragraph wrappers
@ -19,7 +21,7 @@
}
&-muted {
color: #72777d;
color: @color-subtle;
font-style: italic;
}

View file

@ -5,9 +5,11 @@
* @license MIT
*/
@import 'mediawiki.skin.variables.less';
.ve-ui-mwReferenceContextItem {
&-muted {
color: #72777d;
color: @color-subtle;
font-style: italic;
line-height: 1.5;
}

View file

@ -5,10 +5,12 @@
* @license MIT
*/
@import 'mediawiki.skin.variables.less';
.ve-ui-mwReferenceResultWidget {
position: relative;
padding: 1em;
border-bottom: 1px solid #eaecf0;
border-bottom: @border-width-base @border-style-base @border-color-muted;
&:last-child {
border-bottom: 0;