Archived
1
0
Fork 0

app/assets/less/variables.less: fixing the names for gray colors (prefixed with "gray" instead)

This commit is contained in:
Henrik Hautakoski 2018-03-24 10:48:46 +01:00
parent 927cb8ec41
commit d2e8e64600
2 changed files with 13 additions and 12 deletions

View file

@ -7,7 +7,7 @@
padding: .6em 1em; padding: .6em 1em;
&:hover { &:hover {
background: @lightest-gray; background: @gray-lightest;
} }
// Borders. // Borders.

View file

@ -8,10 +8,10 @@
// ---------------------------------- // ----------------------------------
// Colors // Colors
// ---------------------------------- // ----------------------------------
@lightest-gray: #f9f9f9; @gray-lightest: #f9f9f9;
@light-gray: #dcdcdc; @gray-light: #dcdcdc;
@dark-gray: #444; @gray-dark: #444;
@darker-gray: #202020; @gray-darker: #202020;
@black: #000; @black: #000;
@white: #fff; @white: #fff;
@ -21,9 +21,9 @@
@text-light-color: #f1f1f1; @text-light-color: #f1f1f1;
// Layout // Layout
@foreground-color: white; @foreground-color: @white;
@body-bg: #f5f5f6; @body-bg: #f5f5f6;
@border-color: @light-gray; @border-color: @gray-light;
// Brand // Brand
@brand-color: #03a9f4; @brand-color: #03a9f4;
@ -148,8 +148,9 @@
// ---------------------------------- // ----------------------------------
@callback-list-border-size: 1px; @callback-list-border-size: 1px;
@callback-list-border-color: @light-gray; @callback-list-border-color: @gray-light;
@callback-list-border-radius: 3px; @callback-list-border-radius: 3px;
@callback-list-hover-color: @gray-lightest;
@callback-list-name-text-size: @font-size-h4; @callback-list-name-text-size: @font-size-h4;
@callback-list-name-color: @text-color; @callback-list-name-color: @text-color;
@callback-list-name-hover-color: @link-color; @callback-list-name-hover-color: @link-color;
@ -159,12 +160,12 @@
// Request list // Request list
// ---------------------------------- // ----------------------------------
@request-item-color: @dark-gray; @request-item-color: @gray-dark;
@request-item-light-color: #666; @request-item-light-color: #666;
@request-item-background: transparent; @request-item-background: transparent;
@request-item-border-color: @light-gray; @request-item-border-color: @gray-light;
@request-item-active-color: @dark-gray; @request-item-active-color: @gray-dark;
@request-item-active-background: @lightest-gray; @request-item-active-background: @gray-lightest;
@request-item-active-border-color: darken(@request-item-active-background, 10%); @request-item-active-border-color: darken(@request-item-active-background, 10%);
@request-item-hover-background: @request-item-active-background; @request-item-hover-background: @request-item-active-background;
@request-detail-background: lighten(@brand-color, 45%); @request-detail-background: lighten(@brand-color, 45%);