jenkins-bot has submitted this change and it was merged. ( https://gerrit.wikimedia.org/r/373677 )
Change subject: RCFilters: Align remaining outdated greys to WikimediaUI palette ones ...................................................................... RCFilters: Align remaining outdated greys to WikimediaUI palette ones Replacing abandoned grey colors with appropriate colors from WikimediaUI color palette. Additional changes: * Also simplified selector specificity in one case as OOUI code has already changed. Bug: T172850 Change-Id: I01e84d9a4d03ba894cbb67114821036b0ffe1ddb --- M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less M resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less 6 files changed, 15 insertions(+), 17 deletions(-) Approvals: jenkins-bot: Verified Mooeypoo: Looks good to me, approved diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less index 3b90f06..5a885ec 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.mixins.less @@ -8,19 +8,18 @@ } // This is a general mixin for a color circle -.mw-rcfilters-mixin-circle( @color: white, @diameter: 2em, @padding: 0.5em, @border: false ) { - border-radius: 50%; +.mw-rcfilters-mixin-circle( @color: #fff, @diameter: 2em, @padding: 0.5em, @border: false ) { + background-color: @color; + .box-sizing( border-box ); min-width: @diameter; width: @diameter; min-height: @diameter; height: @diameter; margin: @padding; - .box-sizing( border-box ); + border-radius: 50%; - background-color: @color; - - & when (@border = true) { - border: 1px solid #565656; + & when ( @border = true ) { + border: 1px solid #54595d; } } diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less index 964f27e..c09ca1e 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less @@ -8,8 +8,7 @@ padding: 0 0.75em; // Use a high specificity to override OOUI .oo-ui-optionWidget.oo-ui-labelElement &-title.oo-ui-labelElement-label { - // TODO: Unify colors with official design palette - color: #555a5d; + color: #54595d; .box-sizing( border-box ); display: inline-block; line-height: normal; diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less index 667f528..0adec46 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less @@ -38,7 +38,7 @@ .mw-rcfilters-mixin-circle( @highlight-none, 2em, 0.5em, true ); // Override border to dashed - border: 1px dashed #565656; + border: 1px dashed #54595d; &.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active, &.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed, diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less index 86bfafb..75ea061 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.ItemMenuOptionWidget.less @@ -6,11 +6,11 @@ .box-sizing( border-box ); &:not( :last-child ) { - border-bottom: solid 1px #eaecf0; // Base 80 AAA + border-bottom: 1px solid #eaecf0; // Base80 AAA } &-view-namespaces { - border-top: 5px solid #ccc; + border-top: 5px solid #c8ccd1; &:first-child, &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk { @@ -19,7 +19,7 @@ } &:hover { - background-color: #fbfbfb; + background-color: #f8f9fa; } .mw-rcfilters-ui-table { @@ -37,7 +37,7 @@ color: #222; } &-desc { - color: #464a4f; + color: #54595d; white-space: normal; } } diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less index 8c54089..24e062e 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.MenuSelectWidget.less @@ -11,7 +11,7 @@ &-noresults { display: none; padding: 0.5em; - color: #666; + color: #54595d; .oo-ui-menuSelectWidget-invisible & { display: inline-block; diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less index 1fb2fca..26ea64c 100644 --- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less +++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.TagItemWidget.less @@ -2,7 +2,7 @@ .mw-rcfilters-ui-tagItemWidget { // Background and color of the capsule widget need a bit - // more specificity to override ooui internals + // more specificity to override OOUI internals &.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled { // Muted state background-color: #eaecf0; @@ -26,7 +26,7 @@ // the white background // The specificity is fixed in the patch: https://gerrit.wikimedia.org/r/#/c/349525/ // and will be available in the next OOUI release. - .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle &-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { + .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined &-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #eaf3ff; border-color: #36c; } -- To view, visit https://gerrit.wikimedia.org/r/373677 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I01e84d9a4d03ba894cbb67114821036b0ffe1ddb Gerrit-PatchSet: 1 Gerrit-Project: mediawiki/core Gerrit-Branch: master Gerrit-Owner: VolkerE <volke...@wikimedia.org> Gerrit-Reviewer: Catrope <r...@wikimedia.org> Gerrit-Reviewer: Jack Phoenix <j...@countervandalism.net> Gerrit-Reviewer: Jforrester <jforres...@wikimedia.org> Gerrit-Reviewer: Mooeypoo <mor...@gmail.com> Gerrit-Reviewer: TTO <at.li...@live.com.au> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits