[MediaWiki-commits] [Gerrit] oojs/ui[master]: MediaWiki theme: Make colors follow color palette

2016-11-02 Thread jenkins-bot (Code Review)
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 
Gerrit-Reviewer: Jforrester 
Gerrit-Reviewer: VolkerE 
Gerrit-Reviewer: jenkins-bot <>

___
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits


[MediaWiki-commits] [Gerrit] oojs/ui[master]: MediaWiki theme: Make colors follow color palette

2016-10-29 Thread VolkerE (Code Review)
VolkerE has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/318777

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.

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, 6 insertions(+), 6 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/77/318777/1

diff --git a/demos/styles/demo.css b/demos/styles/demo.css
index 81f9a32..4b6f207 100644
--- a/demos/styles/demo.css
+++ b/demos/styles/demo.css
@@ -233,7 +233,7 @@
-ms-user-select: none;
user-select: none;
background: #f9f9f9;
-   color: #888;
+   color: #72777d;
cursor: pointer;
 }
 
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: newchange
Gerrit-Change-Id: Ib7542b2fbf95d3f986b36e7bf9f675c670650060
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE 

___
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits