Mercurial > kallithea
changeset 7224:7156dc8f0b6b
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.
| author | Mads Kiilerich <mads@kiilerich.com> |
|---|---|
| date | Mon, 02 Apr 2018 02:10:22 +0200 |
| parents | 5a8aa0a38e7d |
| children | 6563dfd8c890 |
| files | kallithea/public/less/kallithea-variables.less |
| diffstat | 1 files changed, 4 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-variables.less Sun Apr 01 23:44:26 2018 +0200 +++ b/kallithea/public/less/kallithea-variables.less Mon Apr 02 02:10:22 2018 +0200 @@ -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;