mirror of
https://github.com/Rnhmjoj/solarized-dark-ui
synced 2025-03-18 18:48:38 +01:00
Make highlight-colors look less crazy on the dark background.
This commit is contained in:
parent
183529e7d3
commit
535054ed7f
@ -65,17 +65,17 @@ code {
|
|||||||
padding: 1px 3px;
|
padding: 1px 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-color(@name, @color) {
|
.highlight-color(@name, @color, @text-color) {
|
||||||
.highlight-@{name} {
|
.highlight-@{name} {
|
||||||
color: @text-color-highlight;
|
color: lighten(saturate(@text-color, 0%), 30%);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
background-color: @color;
|
background-color: fadeout(@color, 60%);
|
||||||
border-radius: @component-border-radius;
|
border-radius: @component-border-radius;
|
||||||
padding: 1px 3px;
|
padding: 1px 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.highlight-color(info, @background-color-info);
|
.highlight-color(info, @background-color-info, @text-color-info);
|
||||||
.highlight-color(warning, @background-color-warning);
|
.highlight-color(warning, @background-color-warning, @text-color-warning);
|
||||||
.highlight-color(error, @background-color-error);
|
.highlight-color(error, @background-color-error, @text-color-error);
|
||||||
.highlight-color(success, @background-color-success);
|
.highlight-color(success, @background-color-success, @text-color-success);
|
||||||
|
Loading…
Reference in New Issue
Block a user