Use opacity for aligning icon color

Also adding corresponding variable.

Depends-On: I6e43a32366802775ae05e94859e
Change-Id: Iba1b12817b1620db96096f7fad34db194ce0775c
This commit is contained in:
Volker E 2020-04-17 12:47:19 -07:00 committed by Jdlrobson
parent fafc41afd4
commit ee4dbd39dd
2 changed files with 7 additions and 0 deletions

View file

@ -135,6 +135,9 @@
@notificationBackgroundUnread: @colorDestructive; @notificationBackgroundUnread: @colorDestructive;
@notificationColorUnread: #fff; @notificationColorUnread: #fff;
// Opacity
@opacity-icon-subtle: 0.66; // = `#565656 on `background-color: #fff`, closest to `#54595d`
// z-index: // z-index:
@z-indexOccluded: -1; @z-indexOccluded: -1;
@z-indexBase: 0; @z-indexBase: 0;

View file

@ -39,6 +39,10 @@
h2 { h2 {
text-align: center; text-align: center;
} }
.mw-mf-user:before {
opacity: @opacity-icon-subtle;
}
} }
} }