small fixes for dark themes

This commit is contained in:
Kris Aubuchon 2014-08-12 00:11:58 -04:00
parent 5dc35488d2
commit 2ce291c2ab
4 changed files with 10 additions and 10 deletions

View File

@ -27,10 +27,10 @@
vertical-align: middle; vertical-align: middle;
} }
&.selected { &.selected {
background-color: scale-color($tertiary, $lightness: 90%); background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
} }
@include hover { @include hover {
background-color: scale-color($highlight, $lightness: 60%); background-color: dark-light-diff($highlight, $secondary, 90%, -80%);
text-decoration: none; text-decoration: none;
} }
} }

View File

@ -179,14 +179,14 @@
} }
&:hover a:not(.badge-notification) { &:hover a:not(.badge-notification) {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -10%); background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -70%);
} }
button {margin-left: 5px;} button {margin-left: 5px;}
} }
.heading a:hover { .heading a:hover {
background-color: dark-light-diff($highlight, $secondary, 50%, -30%); background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
} }
.selected { .selected {
@ -199,8 +199,8 @@
.fa { color: scale-color($primary, $lightness: 50%); } .fa { color: scale-color($primary, $lightness: 50%); }
.icon { color: scale-color($primary, $lightness: 30%); } .icon { color: scale-color($primary, $lightness: 30%); }
li { li {
background-color: scale-color($tertiary, $lightness: 90%); background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
padding: 3px 0 3px 2px; padding: 4px 0 3px 2px;
i { i {
float: left; float: left;
margin-right: 5px; margin-right: 5px;

View File

@ -14,7 +14,7 @@
.composer-popup { .composer-popup {
@include box-shadow(3px 3px 3px rgba(0,0,0, 0.34)); @include box-shadow(3px 3px 3px rgba(0,0,0, 0.34));
background: dark-light-diff($highlight, $secondary, 50%, -40%); background: dark-light-diff($highlight, $secondary, 50%, -80%);
&.urgent { &.urgent {
background: dark-light-diff($danger, $secondary, 50%, -40%); background: dark-light-diff($danger, $secondary, 50%, -40%);

View File

@ -610,13 +610,13 @@ text-overflow: ellipsis;
.moderator { .moderator {
.topic-body { .topic-body {
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -10%); background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -80%);
} }
} }
.deleted { .deleted {
.topic-body { .topic-body {
background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -10%); background-color: dark-light-diff(rgba($danger,.7), $secondary, 50%, -60%);
} }
} }
@ -861,7 +861,7 @@ $topic-avatar-width: 45px;
.dropdown-menu .active > a:hover { .dropdown-menu .active > a:hover {
color: $primary; color: $primary;
text-decoration: none; text-decoration: none;
background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -10%); background-color: dark-light-diff(rgba($highlight,.7), $secondary, 50%, -70%);
} }