jenkins-bot has submitted this change and it was merged. Change subject: Syncing mobile blues and greens with official design palette ......................................................................
Syncing mobile blues and greens with official design palette Previously, we were using several different blue and green colors none of which matched the official design palette (as used on desktop). See: https://trello.com/c/IRqbu8p4/15-color-swatches Not changing the red since we use that red for text color as well. Changing link color for talk page link to normal link color as this is not a progressive action, just a link. Also changing border around fieldsets in Special:Preferences from blue to gray. Change-Id: I483d953f0626300a10db1e8662df591580809a37 --- M less/common/Overlay.less M less/common/common.less M less/common/icons.less M less/minerva.less/minerva.variables.less M less/specials/userprofile.less 5 files changed, 10 insertions(+), 13 deletions(-) Approvals: JGonera: Looks good to me, approved jenkins-bot: Verified diff --git a/less/common/Overlay.less b/less/common/Overlay.less index d49b4e2..aaeca60 100644 --- a/less/common/Overlay.less +++ b/less/common/Overlay.less @@ -205,14 +205,12 @@ .continue { color: white; - // FIXME: This should import color from mw-ui-progressive class - background-color: #4091ed; + background-color: @blueBase; } .submit { color: white; - // FIXME: This should import color from mw-ui-constructive class - background-color: #00af89; + background-color: @greenBase; } h2 { diff --git a/less/common/common.less b/less/common/common.less index ec77089..81b64b7 100644 --- a/less/common/common.less +++ b/less/common/common.less @@ -100,7 +100,7 @@ a { text-decoration: none; - color: #002bb8; + color: @linkColor; } a:visited { @@ -122,7 +122,7 @@ } fieldset { - border: 1px solid @blueBase; + border: 1px solid @grayLight; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em; diff --git a/less/common/icons.less b/less/common/icons.less index 9a11d97..40b48e6 100644 --- a/less/common/icons.less +++ b/less/common/icons.less @@ -268,14 +268,12 @@ .icon-submit { .background-image('images/check.png'); - // FIXME: This should be inherited from mw-ui-constructive class - background-color: #00af8b; + background-color: @greenBase; } .icon-continue { .background-image('images/continue-ltr.png'); - // FIXME: This should be inherited from mw-ui-progressive class - background-color: #2f81f0; + background-color: @blueBase; } .icon-back { diff --git a/less/minerva.less/minerva.variables.less b/less/minerva.less/minerva.variables.less index 734fc5c..d9cc4ac 100644 --- a/less/minerva.less/minerva.variables.less +++ b/less/minerva.less/minerva.variables.less @@ -33,12 +33,13 @@ // colors @semiTransparent: rgba(255, 255, 255, .8); -@blueBase : #3366BB; -@greenBase : #008740; +@blueBase : #347BFF; +@greenBase : #00AF89; // note this is also used for red links @redBase : #CC0000; @mainMenuBackgroundColor: #4E4E4E; @colorTutorial: #006398; +@linkColor: #002bb8; // typography @fontFamily: "Helvetica Neue", "Helvetica", "Nimbus Sans L", "Arial", "Liberation Sans", sans-serif; diff --git a/less/specials/userprofile.less b/less/specials/userprofile.less index c970c27..61b8da3 100644 --- a/less/specials/userprofile.less +++ b/less/specials/userprofile.less @@ -84,7 +84,7 @@ .icon-talk-blue { margin-top: 1.5em; - color: @blueBase; + color: @linkColor; padding-left: 40px; .background-image('images/profile/talk.png'); background-color: #FFF; -- To view, visit https://gerrit.wikimedia.org/r/145048 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: merged Gerrit-Change-Id: I483d953f0626300a10db1e8662df591580809a37 Gerrit-PatchSet: 4 Gerrit-Project: mediawiki/extensions/MobileFrontend Gerrit-Branch: master Gerrit-Owner: Kaldari <rkald...@wikimedia.org> Gerrit-Reviewer: Awjrichards <aricha...@wikimedia.org> Gerrit-Reviewer: JGonera <jgon...@wikimedia.org> Gerrit-Reviewer: Kaldari <rkald...@wikimedia.org> Gerrit-Reviewer: jenkins-bot <> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits