Mercurial > kallithea

changeset 7226:f534b213bc9b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
less: introduce @kallithea-theme-inverse-bg variable One color is rarely suitable both as background color and as text color. Thus, introduce an alternative to @kallithea-theme-main-color but let it default to be the same.
author Mads Kiilerich <mads@kiilerich.com>
date Mon, 02 Apr 2018 02:11:11 +0200
parents 6563dfd8c890
children 9a69885497b5
files kallithea/public/less/kallithea-variables.less
diffstat 1 files changed, 6 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-variables.less	Mon Apr 02 02:10:25 2018 +0200
+++ b/kallithea/public/less/kallithea-variables.less	Mon Apr 02 02:11:11 2018 +0200
@@ -1,6 +1,7 @@
 /* basic variables */
 @kallithea-theme-main-color:        #577632;
 @kallithea-theme-inverse-color:     #FFF;
+@kallithea-theme-inverse-bg:        @kallithea-theme-main-color;
 @kallithea-panel-margin:            10px;
 
 /* logo */
@@ -17,15 +18,15 @@
 @navbar-height:                     36px;
 @navbar-margin-bottom:              @kallithea-panel-margin;
 @navbar-inverse-color:              @kallithea-theme-inverse-color;
-@navbar-inverse-bg:                 @kallithea-theme-main-color;
-@navbar-inverse-border:             @kallithea-theme-main-color;
+@navbar-inverse-bg:                 @kallithea-theme-inverse-bg;
+@navbar-inverse-border:             @kallithea-theme-inverse-bg;
 @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-hover-bg:      tint(@kallithea-theme-inverse-bg, 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;
+@navbar-inverse-toggle-border-color:@kallithea-theme-inverse-bg;
 @nav-pills-active-link-hover-color: @navbar-inverse-color;
 @nav-pills-active-link-hover-bg:    @navbar-inverse-bg;
 @nav-link-padding:                  8px 10px; /* default: 10px 15px */
@@ -36,7 +37,7 @@
 @grid-gutter-width:                 2 * @kallithea-panel-margin; /* default: 30px */
 @panel-heading-padding:             5px 15px; /* default: 10px 15px */
 @panel-primary-text:                @kallithea-theme-inverse-color;
-@panel-primary-heading-bg:          @kallithea-theme-main-color;
+@panel-primary-heading-bg:          @kallithea-theme-inverse-bg;
 @panel-primary-border:              @panel-primary-heading-bg;
 @headings-font-weight:              700;
 @table-cell-padding:                2px 4px;