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;
}
&.selected {
background-color: scale-color($tertiary, $lightness: 90%);
background-color: dark-light-diff($tertiary, $secondary, 90%, -60%);
}
@include hover {
background-color: scale-color($highlight, $lightness: 60%);
background-color: dark-light-diff($highlight, $secondary, 90%, -80%);
text-decoration: none;
}
}

View file

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

View file

@ -14,7 +14,7 @@
.composer-popup {
@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 {
background: dark-light-diff($danger, $secondary, 50%, -40%);

View file

@ -610,13 +610,13 @@ text-overflow: ellipsis;
.moderator {
.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 {
.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 {
color: $primary;
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%);
}