Mercurial > kallithea
changeset 7063:b8d568d2eb21
less: set navbar background and dropdown menu text color with Bootstrap variables
For the quick_login dropdown set color to @kallithea-theme-inverse-color for
all text.
author | domruf <dominikruf@gmail.com> |
---|---|
date | Fri, 27 Oct 2017 18:49:04 +0200 |
parents | 4f338e692608 |
children | 05c48b611c1a |
files | kallithea/public/css/contextbar.css kallithea/public/less/kallithea-variables.less kallithea/public/less/style.less |
diffstat | 3 files changed, 11 insertions(+), 27 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/css/contextbar.css Mon Oct 30 01:34:57 2017 +0100 +++ b/kallithea/public/css/contextbar.css Fri Oct 27 18:49:04 2017 +0200 @@ -1,16 +1,6 @@ /** * Stylesheets for the context bar */ -nav.navbar #quick a, -#content #context-bar, -#content #context-bar a { - color: #FFFFFF; -} -nav.navbar #quick a:hover, -#content #context-bar a:hover { - text-decoration: none; - background: inherit; -} nav.navbar #quick ul, #context-pages ul { background: #577632; @@ -34,9 +24,6 @@ display: none; } -.nav .open > a { - background: inherit !important; -} nav.navbar #quick > li > a, nav.navbar #quick .select2-container .select2-choice .select2-chosen, #context-pages > ul > li > a,
--- a/kallithea/public/less/kallithea-variables.less Mon Oct 30 01:34:57 2017 +0100 +++ b/kallithea/public/less/kallithea-variables.less Fri Oct 27 18:49:04 2017 +0200 @@ -13,3 +13,12 @@ @link-hover-color: darken(@kallithea-theme-main-color, 20.0%); @btn-default-bg: #E7E7E7; @font-family-monospace: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace; +@navbar-inverse-color: @kallithea-theme-inverse-color; +@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-bg: tint(@kallithea-theme-main-color, 15.0%); +@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; +@dropdown-link-color: @navbar-inverse-color;
--- a/kallithea/public/less/style.less Mon Oct 30 01:34:57 2017 +0100 +++ b/kallithea/public/less/style.less Fri Oct 27 18:49:04 2017 +0200 @@ -58,21 +58,14 @@ .navbar-inverse { border: none; } -.navbar-inverse .navbar-nav > .active > a, -.navbar-inverse .navbar-nav > .active > a:hover, -.navbar-inverse .navbar-nav > .active > a:focus { - background-color: inherit; -} nav.navbar .navbar-brand:hover, nav.navbar .navbar-brand { font-size: 20px; padding-top: 12px; - color: white !important; height: 44px; } nav.navbar { min-height: 44px; - background-color: #577632; } /* logo */ @@ -197,16 +190,11 @@ } #footer { - background-color: #577632; margin-bottom: 0; } #footer > span { - color: #FFF; font-weight: 700; } -#footer .navbar-link { - color: #FFF; -} #login .panel-body .icon-lock { font-size: 100px; @@ -295,8 +283,8 @@ #quick_login div.form div.form-group { padding: 5px; } -#quick_login div.form div.form-group > label { - color: #fff; +#quick_login :not(input) { + color: @kallithea-theme-inverse-color; padding-bottom: 3px; } #quick_login div.form div.form-group > div input {