jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge "Icons: Globally set icon colors to `@opacity-icon-base`"

This commit is contained in:
jenkins-bot 2022-09-20 00:35:58 +00:00 committed by Gerrit Code Review
parent b590555126 83458dd8dd
commit 1352035534
4 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/skins.vector.styles/components/LanguageButton.less
View File

@ -14,11 +14,6 @@
height: @height-button-lang;
flex-shrink: 0;
.mw-ui-icon:before {
// Put icon on correct standard normal state color.
opacity: 0.87;
}
// If there are no languages and JavaScript is not enabled there is no fallback so we hide
// the button altogether.
.mw-portlet-lang-heading-0 {

2
resources/skins.vector.styles/components/Sidebar.less
View File

@ -87,8 +87,6 @@
#mw-sidebar-button {
&:before {
// Equals `#555`, closest to `#54595d` on background-color `#fff`.
opacity: 0.67;
/* @embed */
background-image: url( images/chevronHorizontal-ltr.svg );

4
resources/skins.vector.styles/components/VueEnhancedSearchBox.less
View File

@ -138,12 +138,12 @@
// Increase size to match Codex.
width: @padding-left-start-icon;
// Set opacity to match icon color from Codex (0.51 approximates #72777d)
opacity: 0.51;
opacity: @opacity-base--disabled;
}
.vector-search-box-input:focus ~ .searchButton {
// When the input is focused, change icon color to match Codex (0.87 approximates #202122)
opacity: 0.87;
opacity: @opacity-icon-base;
}
&.vector-search-box-show-thumbnail {

6
resources/skins.vector.styles/skin.less
View File

@ -27,6 +27,12 @@
@import './components/TabWatchstarLink.less';
@import './components/TableOfContents.less';
@import './components/TableOfContentsCollapsed.less';
// Make sure all icons are the correct color https://phabricator.wikimedia.org/T317800
.mw-ui-icon:before {
// `@opacity-icon-base` equals to `#222` on `background-color: #fff`, closest to `#202122`.
opacity: @opacity-icon-base;
}
}
@media all {