# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2018-04-02 02:10:22
# Node ID 7156dc8f0b6b658cf8ea51591d7f9431f1a87b0e
# Parent  5a8aa0a38e7d33b45e66d22979a7792765665da7

less: set menu colors - navbar and dropdown hover and active color

This is especially important in navbar when @kallithea-theme-inverse-color
isn't white.

To try to keep the contrast and make it more visible what is highlighted, give
it 15% tint like the background.

The same colors are used for selected items in dropdown menus.

diff --git a/kallithea/public/less/kallithea-variables.less b/kallithea/public/less/kallithea-variables.less
--- a/kallithea/public/less/kallithea-variables.less
+++ b/kallithea/public/less/kallithea-variables.less
@@ -20,7 +20,9 @@
 @navbar-inverse-bg:                 @kallithea-theme-main-color;
 @navbar-inverse-border:             @kallithea-theme-main-color;
 @navbar-inverse-link-color:         @kallithea-theme-inverse-color;
+@navbar-inverse-link-hover-color:   tint(@kallithea-theme-inverse-color, 15.0%);
 @navbar-inverse-link-hover-bg:      tint(@kallithea-theme-main-color, 15.0%);
+@navbar-inverse-link-active-color:  @navbar-inverse-link-hover-color;
 @navbar-inverse-link-active-bg:     @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-hover-bg:    @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-border-color:@kallithea-theme-main-color;
@@ -29,6 +31,8 @@
 @nav-link-padding:                  8px 10px; /* default: 10px 15px */
 @dropdown-link-color:               @navbar-inverse-color;
 @dropdown-bg:                       @navbar-inverse-bg;
+@dropdown-link-hover-color:         @navbar-inverse-link-hover-color;
+@dropdown-link-hover-bg:            @navbar-inverse-link-hover-bg;
 @grid-gutter-width:                 2 * @kallithea-panel-margin; /* default: 30px */
 @panel-heading-padding:             5px 15px; /* default: 10px 15px */
 @headings-font-weight:              700;