small fixes for dark themes
This commit is contained in:
parent
5dc35488d2
commit
2ce291c2ab
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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%);
|
||||||
|
|
|
@ -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%);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue