Use correctly named variables background-color-base and color-base--inverted

Depends-On: I7b7534223c672a47a11e69fc07bea535ec0085a1
Bug: T255230
Change-Id: Ibf5c0410e446cff18fc26fe2e80d120a72209c04
This commit is contained in:
Volker E 2020-06-11 21:23:50 -07:00 committed by Jdlrobson
parent 7f590aba17
commit 4cef1791c2
8 changed files with 8 additions and 10 deletions

View file

@ -35,6 +35,7 @@
}
.toggle-list__list {
background: @background-color-base;
// The menu appears over the content and occupies no room within it.
position: absolute;
//
@ -44,7 +45,6 @@
// The menu floats over content but below overlays.
z-index: @z-indexDrawer;
//
background: @skinContentBgColor;
box-shadow: 0 5px 17px 0 rgba( 0, 0, 0, 0.24 ), 0 0 1px @colorGray10;
//
visibility: hidden;

View file

@ -39,8 +39,6 @@
@wmui-color-red30: #b32424;
@wmui-color-grey30: #a2a9b1;
@skinContentBgColor: #fff;
//
// Icons
//

View file

@ -1,7 +1,7 @@
// FIXME: Ensure resources/skins.minerva.base.styles/print.less is removed when promoting
.header-container,
.header-container.header-chrome {
background: @skinContentBgColor;
background: @background-color-base;
box-shadow: none !important;
}

View file

@ -16,7 +16,7 @@ html {
}
body {
background-color: @skinContentBgColor;
background-color: @background-color-base;
color: @colorGray2;
// Support All Browsers: Remove `margin` (normalized)
margin: 0;
@ -35,7 +35,7 @@ main {
.overlay-enabled,
.mw-body {
background-color: @skinContentBgColor;
background-color: @background-color-base;
}
.header-container {

View file

@ -31,7 +31,7 @@
}
li {
background-color: @skinContentBgColor;
background-color: @background-color-base;
position: relative; // ensure the logout link in beta can be position absolute
border-top: 1px solid @colorGray14;
// offset the border for the icon by 1px

View file

@ -28,10 +28,10 @@
}
&-affixed {
background-color: @background-color-base;
position: fixed;
z-index: @z-indexOverOverlay;
top: 0;
background-color: @skinContentBgColor;
padding-top: 0.5em;
padding-bottom: 0.5em;
box-shadow: 0 2px 0 0 rgba( 0, 0, 0, 0.1 );

View file

@ -23,10 +23,10 @@
// The large "Compare selected revisions" button container
.mw-history-compareselectedversions {
background: @background-color-base;
position: sticky;
position: -webkit-sticky;
top: 0;
background: @skinContentBgColor;
z-index: @z-indexAboveContent;
// "Compare selected revisions" button

View file

@ -30,7 +30,7 @@
}
a {
color: @skinContentBgColor;
color: @color-base--inverted;
text-decoration: underline;
}
}