From 7662023223ff41c36c0f20265110d0b17f4f80f5 Mon Sep 17 00:00:00 2001 From: Dale Price Date: Thu, 6 Jun 2013 20:11:35 -0500 Subject: [PATCH] Improve appearance of text-shadow when dark navbar colors are used; adjust color of carets in navbar menus according to the navbar color --- octoprint/static/css/octoprint.less | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/octoprint/static/css/octoprint.less b/octoprint/static/css/octoprint.less index 2f8c258..f030628 100644 --- a/octoprint/static/css/octoprint.less +++ b/octoprint/static/css/octoprint.less @@ -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) {