VolkerE has uploaded a new change for review. https://gerrit.wikimedia.org/r/316031
Change subject: MediaWiki theme: Align readonly TextInputWidget to overhauled color palette ...................................................................... MediaWiki theme: Align readonly TextInputWidget to overhauled color palette Aligning readonly TextInputWidget to overhauled color palette and introducing `*-readonly*` Less variables. Change-Id: I365be6793ad23a4fe287f3df619f426a80760a3d --- M src/themes/mediawiki/common.less M src/themes/mediawiki/widgets.less 2 files changed, 7 insertions(+), 4 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/31/316031/1 diff --git a/src/themes/mediawiki/common.less b/src/themes/mediawiki/common.less index 887335a..f9c6c8a 100644 --- a/src/themes/mediawiki/common.less +++ b/src/themes/mediawiki/common.less @@ -12,6 +12,7 @@ @color-default-light: #fff; @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; // Primary 'Progressive' and 'Destructive' Colors @background-color-progressive: #eaf3ff; // equals rgba output in `fade( @color-progressive, 10% )` @@ -80,6 +81,7 @@ @border-color-destructive-active: #b77c79; // equals `fade( @color-destructive-active, 50% )` @border-color-focus-inset: @color-default-light; @border-color-dialog: #a2a9b1; +@border-color-readonly: #c8ccd1; @border-color-input-hover: @border-color-default-active; @border-radius-default: 2px; @@ -91,6 +93,7 @@ @box-shadow-menu: @box-shadow-dialog; @box-shadow-focus-default: inset 0 0 0 1px @color-progressive; @box-shadow-focus-inset: inset 0 0 0 1px @color-progressive, inset 0 0 0 2px @color-default-light; +@box-shadow-focus-readonly: inset 0 0 0 1px #c8ccd1; @box-shadow-disabled-filled: inset 0 0 0 1px @color-disabled-filled; @box-shadow-light-inset: inset 0 0 0 1px @color-default-light; diff --git a/src/themes/mediawiki/widgets.less b/src/themes/mediawiki/widgets.less index 6fac419..b776eba 100644 --- a/src/themes/mediawiki/widgets.less +++ b/src/themes/mediawiki/widgets.less @@ -738,15 +738,15 @@ } &[readonly] { - color: #777; + color: @color-readonly; text-shadow: @text-shadow-default; &:hover { - border-color: #ccc; + border-color: @border-color-readonly; } &:focus { - border-color: #ccc; - box-shadow: inset 0 0 0 0.1em #ccc; + border-color: @border-color-readonly; + box-shadow: @box-shadow-focus-readonly; } } } -- To view, visit https://gerrit.wikimedia.org/r/316031 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: I365be6793ad23a4fe287f3df619f426a80760a3d Gerrit-PatchSet: 1 Gerrit-Project: oojs/ui Gerrit-Branch: master Gerrit-Owner: VolkerE <volke...@wikimedia.org> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits