Mercurial > kallithea
changeset 7226:f534b213bc9b
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;