shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 08:21:15 +03:00
Code Releases Activity

Fix a few colors out of sync w/ style guide

Browse Source 
* Darken tab background
* lighten panel dismiss icon
* make input buttons f2f2f2 like input backgrounds
This commit is contained in:
gconsidine 2017-08-04 13:47:54 -04:00
parent 4fd637a06b
commit 35c01be946
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui/client/lib/theme/_mixins.less
View File

@ -34,7 +34,7 @@
&, &:active, &:hover, &:focus { &, &:active, &:hover, &:focus {
color: @at-color-button-text-default; color: @at-color-button-text-default;
border-color: @at-color-input-border; border-color: @at-color-input-border;
background-color: @at-gray-light-2x; background-color: @at-color-input-button;
cursor: pointer; cursor: pointer;
} }
} }

11
awx/ui/client/lib/theme/_variables.less
View File

@ -47,8 +47,8 @@
@at-color-button-border-default: @at-gray-dark-2x; @at-color-button-border-default: @at-gray-dark-2x;
@at-color-button-text-default: @at-gray-dark-5x; @at-color-button-text-default: @at-gray-dark-5x;
@at-color-tab-default-active: @at-gray-dark-2x; @at-color-tab-default-active: @at-gray-dark-4x;
@at-color-tab-border-default-active: @at-gray-dark-2x; @at-color-tab-border-default-active: @at-gray-dark-4x;
@at-color-tab-text-default-active: @at-white; @at-color-tab-text-default-active: @at-white;
@at-color-tab-default-disabled: @at-white; @at-color-tab-default-disabled: @at-white;
@ -57,19 +57,20 @@
@at-color-form-label: @at-gray-dark-5x; @at-color-form-label: @at-gray-dark-5x;
@at-color-input-background: @at-gray-light-3x;
@at-color-input-border: @at-gray-dark-2x; @at-color-input-border: @at-gray-dark-2x;
@at-color-input-button: @at-gray-light-3x;
@at-color-input-disabled: @at-gray-light;
@at-color-input-error: @at-color-error; @at-color-input-error: @at-color-error;
@at-color-input-focus: @at-color-info; @at-color-input-focus: @at-color-info;
@at-color-input-hint: @at-gray-dark-4x; @at-color-input-hint: @at-gray-dark-4x;
@at-color-input-icon: @at-gray-dark-2x; @at-color-input-icon: @at-gray-dark-2x;
@at-color-input-placeholder: @at-gray-dark-4x; @at-color-input-placeholder: @at-gray-dark-4x;
@at-color-input-text: @at-gray-dark-6x; @at-color-input-text: @at-gray-dark-6x;
@at-color-input-background: @at-gray-light-3x;
@at-color-input-disabled: @at-gray-light-2x;
@at-color-icon-dismiss: @at-gray-dark; @at-color-icon-dismiss: @at-gray-dark;
@at-color-icon-popover: @at-gray-dark-4x; @at-color-icon-popover: @at-gray-dark-4x;
@at-color-icon-hover: @at-gray-dark-5x; @at-color-icon-hover: @at-gray-dark-4x;
@at-color-panel-heading: @at-gray-dark-5x; @at-color-panel-heading: @at-gray-dark-5x;
@at-color-panel-border: @at-gray-dark-2x; @at-color-panel-border: @at-gray-dark-2x;