q3k
/
OctoPrint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve appearance of text-shadow when dark navbar colors are used; adjust color of carets in navbar menus according to the navbar color

master
Dale Price 2013-06-06 20:11:35 -05:00
parent 3f405323c8
commit 7662023223
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
octoprint/static/css/octoprint.less
View File

@ -5,8 +5,21 @@ body {
}
.navbar-inner-text (@base) {
text-shadow: 0 1px 0 lighten(@base, 15%);
color: contrast(@base, #333333, #f2f2f2);
@text-color: contrast(@base, #333333, #f2f2f2);
text-shadow: 0 1px 0 contrast(@base, lighten(@base, 15%), darken(@base, 15%));
color: @text-color;
@caret-color: average(@base, @text-color);
@caret-hover-color: average(@caret-color, @text-color);
.caret {
border-bottom-color: @caret-color;
border-top-color: @caret-color;
}
&:hover .caret, &:focus .caret {
border-bottom-color: @caret-hover-color;
border-top-color: @caret-hover-color;
}
}
.navbar-inner-color (@base) {