Mercurial > kallithea

changeset 7063:b8d568d2eb21

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 {