jenkins-bot has submitted this change and it was merged.
Change subject: MediaWiki theme: Make colors follow color palette
......................................................................
MediaWiki theme: Make colors follow color palette
Making visually subtle elements, which weren't changed
so far, like inline labels follow color palette.
Also fixing minor `transition` glitch in demos.
Bug: T149503
Change-Id: Ib7542b2fbf95d3f986b36e7bf9f675c670650060
---
M demos/styles/demo.css
M src/themes/mediawiki/common.less
M src/themes/mediawiki/tools.less
M src/themes/mediawiki/widgets.less
4 files changed, 8 insertions(+), 5 deletions(-)
Approvals:
Jforrester: Looks good to me, approved
jenkins-bot: Verified
diff --git a/demos/styles/demo.css b/demos/styles/demo.css
index 8dfdefb..b62bf73 100644
--- a/demos/styles/demo.css
+++ b/demos/styles/demo.css
@@ -121,6 +121,9 @@
margin-top: -2em;
margin-right: -2em;
cursor: pointer;
+ -webkit-transition: background-color 100ms, color 100ms, transform
100ms;
+ -moz-transition: background-color 100ms, color 100ms, transform 100ms;
+ transition: background-color 100ms, color 100ms, transform 100ms;
}
.oo-ui-demo-console-expanded .oo-ui-demo-console-toggle {
diff --git a/src/themes/mediawiki/common.less b/src/themes/mediawiki/common.less
index f9c6c8a..01d3641 100644
--- a/src/themes/mediawiki/common.less
+++ b/src/themes/mediawiki/common.less
@@ -13,6 +13,7 @@
@color-emphasized: @color-default-active;
@color-placeholder: #72777d; // equals HSB 210°/9%/49%, aligns to WCAG 2.0
level AA at 4.52:1 contrast ratio
@color-readonly: #72777d;
+@color-subtle: #72777d;
// Primary 'Progressive' and 'Destructive' Colors
@background-color-progressive: #eaf3ff; // equals rgba output in `fade(
@color-progressive, 10% )`
diff --git a/src/themes/mediawiki/tools.less b/src/themes/mediawiki/tools.less
index 8b0e709..f09197a 100644
--- a/src/themes/mediawiki/tools.less
+++ b/src/themes/mediawiki/tools.less
@@ -271,7 +271,7 @@
}
.oo-ui-tool-accel {
- color: #888;
+ color: @color-subtle;
}
}
@@ -333,8 +333,7 @@
}
&.oo-ui-widget-disabled,
- .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
- .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-accel {
+ .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
color: @color-disabled;
}
diff --git a/src/themes/mediawiki/widgets.less
b/src/themes/mediawiki/widgets.less
index d58223f..d746cbc 100644
--- a/src/themes/mediawiki/widgets.less
+++ b/src/themes/mediawiki/widgets.less
@@ -837,9 +837,9 @@
}
> .oo-ui-labelElement-label {
+ color: @color-subtle;
padding: 0.4em;
line-height: 1.5;
- color: #888;
}
&-labelPosition-after {
@@ -1158,8 +1158,8 @@
}
.theme-oo-ui-menuSectionOptionWidget () {
+ color: @color-subtle;
padding: 0.33em 0.75em;
- color: #888;
}
.theme-oo-ui-outlineOptionWidget () {
--
To view, visit https://gerrit.wikimedia.org/r/318777
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Ib7542b2fbf95d3f986b36e7bf9f675c670650060
Gerrit-PatchSet: 2
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE <volke...@wikimedia.org>
Gerrit-Reviewer: Jforrester <jforres...@wikimedia.org>
Gerrit-Reviewer: VolkerE <volke...@wikimedia.org>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
