nikon/docsearch
1
0
Fork 0
Code Activity Actions

chore(style): lighter default colors

Browse source 
I've also suffixed all background colors by `-background` and text
colors by `-text`, it was not the case everywhere.

Fix #11
This commit is contained in:
Sylvain UTARD 2015-12-16 19:17:07 +01:00
parent 0d8fa7ed5d
commit 0a8ad2cee9
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/styles/_variables.scss
View file

@ -1,12 +1,12 @@
$color-border: #3A3A3A;
$color-border-light: lighten($color-border, 15%);
$color-category-header: #333333;
$color-highlight-header: #3A3A3A;
$color-highlight: #448CDE;
$color-selected-background: #CECECE;
$color-selected-text: #0000FF;
$color-left-column-bg: #CECECE;
$color-left-column: #4E4726;
$color-category-header-background: #3C4658;
$color-highlight-header-background: lighten($color-category-header-background, 15%);
$color-highlight-text: #0064E1;
$color-selected-background: #E7EDF3;
$color-selected-text: #0064E1;
$color-left-column-bg: #F1F3F5;
$color-left-column: #555;
$breakpoint-medium: 568px;
$breakpoint-large: 768px;;

6
src/styles/main.scss
View file

@ -29,7 +29,7 @@
// Main category headers
.ads-suggestion--category-header {
display: none;
background-color: $color-category-header;
background: $color-category-header-background;
color: white;
font-weight: 600;
padding: 5px 10px;
@ -43,13 +43,13 @@
// Highlight
.ads-suggestion--highlight {
padding: 0;
color: $color-highlight;
color: $color-highlight-text;
background: none;
font-weight: 600;
// Highlight the background in header
.ads-suggestion--category-header & {
color: inherit;
background-color: $color-highlight-header;
background: $color-highlight-header-background;
}
}