thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Added more gray color variables (to compensate for inconsistent compiling)

Browse source 
// FREEBIE
This commit is contained in:
Sam Lanning 2016-01-24 11:53:30 +00:00 committed by lilia
parent c4a9ac94b4
commit d091c6ddda
4 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
stylesheets/_conversation.scss
View file

@ -608,15 +608,15 @@
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
padding: 5px 8px; padding: 5px 8px;
border: 1px solid darken($grey_l, 10%); border: 1px solid $grey_l2;
&:focus { &:focus {
border-color: darken($grey_l, 40%); border-color: $grey_l4;
} }
&:hover { &:hover {
background-color: darken($grey_l, 10%); background-color: $grey_l2;
border-color: darken($grey_l, 20%); border-color: $grey_l3;
} }
} }
} }

2
stylesheets/_index.scss
View file

@ -61,7 +61,7 @@
} }
.conversation-header { .conversation-header {
border-bottom: solid 1px darken($grey_l, 10%); border-bottom: solid 1px $grey_l2;
margin-bottom: 4px; margin-bottom: 4px;
padding-bottom: 5px; padding-bottom: 5px;
.avatar { .avatar {

3
stylesheets/_variables.scss
View file

@ -2,6 +2,9 @@
$blue_l: #a2d2f4; $blue_l: #a2d2f4;
$blue: #2090ea; $blue: #2090ea;
$grey_l: #f3f3f3; $grey_l: #f3f3f3;
$grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles
$grey_l3: darken($grey_l, 20%);
$grey_l4: darken($grey_l, 40%);
$grey: #616161; $grey: #616161;
$grey_d: #454545; $grey_d: #454545;

4
stylesheets/manifest.css
View file

@ -1035,11 +1035,11 @@ input.search {
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
padding: 5px 8px; padding: 5px 8px;
border: 1px solid #dadada; } border: 1px solid #d9d9d9; }
.confirmation-dialog .modal .buttons button:focus { .confirmation-dialog .modal .buttons button:focus {
border-color: #8d8d8d; } border-color: #8d8d8d; }
.confirmation-dialog .modal .buttons button:hover { .confirmation-dialog .modal .buttons button:hover {
background-color: #dadada; background-color: #d9d9d9;
border-color: silver; } border-color: silver; }
/*# sourceMappingURL=manifest.css.map */ /*# sourceMappingURL=manifest.css.map */