Mercurial > kallithea
changeset 7104:350f4730e2a3
less: use color variables
Using variables makes it much easier to change them later or for user to
override them.
Mainly increased use of @kallithea-theme-main-color and other colors ... and
introducing diff background colors.
author | domruf <dominikruf@gmail.com> |
---|---|
date | Wed, 25 Oct 2017 22:53:27 +0200 |
parents | 850096e57fe8 |
children | 97ea346aa4bd |
files | kallithea/public/less/kallithea-diff.less kallithea/public/less/kallithea-select2.less kallithea/public/less/kallithea-tags.less kallithea/public/less/kallithea-variables.less kallithea/public/less/style.less |
diffstat | 5 files changed, 20 insertions(+), 17 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-diff.less Thu Jan 04 21:21:53 2018 +0100 +++ b/kallithea/public/less/kallithea-diff.less Wed Oct 25 22:53:27 2017 +0200 @@ -5,20 +5,20 @@ /* progress bars should be aligned right */ .cs_files .changes { float: right; - color: #577632; + color: @kallithea-theme-main-color; } /* colors for changes */ .cs_files .changes .added { color: inherit; - background-color: #BBFFBB; + background-color: @add-bg-color; float: left; text-align: center; font-size: 9px; padding: 2px 0px 2px 0px; } .cs_files .changes .deleted { - background-color: #FF8888; + background-color: @delete-bg-color; float: left; text-align: center; font-size: 9px; @@ -33,7 +33,7 @@ BIN_FILENODE = 6 */ .changes .bin { - background-color: #BBFFBB; + background-color: @add-bg-color; float: left; text-align: center; font-size: 9px; @@ -41,15 +41,15 @@ } /* added binary */ .changes .bin.bin1 { - background-color: #BBFFBB; + background-color: @add-bg-color; } /* deleted binary*/ .changes .bin.bin2 { - background-color: #FF8888; + background-color: @delete-bg-color; } /* mod binary*/ .changes .bin.bin3 { - background-color: #DDDDDD; + background-color: @change-bg-color; } /* rename file*/ .changes .bin.bin4 { @@ -74,7 +74,7 @@ /* line coloring */ .context { - background: none repeat scroll 0 0 #DDE7EF; + background: none repeat scroll 0 0 @highlight-line-color; color: #999; } .add { @@ -192,12 +192,12 @@ z-index: 1; } .add-bubble div { - background: #577632; + background: @kallithea-theme-main-color; width: 16px; height: 16px; cursor: pointer; padding: 0 2px 2px 0.5px; - border: 1px solid #577632; + border: 1px solid @kallithea-theme-main-color; border-radius: 3px; box-sizing: border-box; }
--- a/kallithea/public/less/kallithea-select2.less Thu Jan 04 21:21:53 2018 +0100 +++ b/kallithea/public/less/kallithea-select2.less Wed Oct 25 22:53:27 2017 +0200 @@ -23,7 +23,7 @@ .branch-switcher-dropdown.select2-drop.select2-drop-active, .repo-switcher-dropdown.select2-drop.select2-drop-active { box-shadow: none; - background-color: #577632; + background-color: @kallithea-theme-main-color; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
--- a/kallithea/public/less/kallithea-tags.less Thu Jan 04 21:21:53 2018 +0100 +++ b/kallithea/public/less/kallithea-tags.less Wed Oct 25 22:53:27 2017 +0200 @@ -29,7 +29,7 @@ background-color: #EDF; } a.metatag[data-tag="license"]:hover { - background-color: #577632; + background-color: @kallithea-theme-main-color; color: #FFF; text-decoration: none; } @@ -101,7 +101,7 @@ .spantag { padding: 1px 3px 1px 3px; font-size: 10px; - color: #577632; + color: @kallithea-theme-main-color; white-space: nowrap; border-radius: 4px; border: 1px solid #d9e8f8;
--- a/kallithea/public/less/kallithea-variables.less Thu Jan 04 21:21:53 2018 +0100 +++ b/kallithea/public/less/kallithea-variables.less Wed Oct 25 22:53:27 2017 +0200 @@ -32,3 +32,6 @@ /* custom variables */ @highlight-color: #FAFFA6; @highlight-line-color: #DDE7EF; +@add-bg-color: #BBFFBB; +@change-bg-color: #DDDDDD; +@delete-bg-color: #FF8888;
--- a/kallithea/public/less/style.less Thu Jan 04 21:21:53 2018 +0100 +++ b/kallithea/public/less/style.less Wed Oct 25 22:53:27 2017 +0200 @@ -820,7 +820,7 @@ margin-right: 1px; padding: 1px 3px; font-size: 10px; - color: #577632; + color: @kallithea-theme-main-color; white-space: nowrap; border-radius: 4px; border: 1px solid #d9e8f8; @@ -935,10 +935,10 @@ /* pygments style */ div.search-code-body pre .match { - background-color: #FAFFA6; + background-color: @highlight-color; } div.search-code-body pre .break { - background-color: #DDE7EF; + background-color: @highlight-line-color; width: 100%; color: #747474; display: block; @@ -962,7 +962,7 @@ /* Stylesheets for the context bar */ #quick_login > .pull-right .list-group-item { - background-color: #577632; + background-color: @kallithea-theme-main-color; border: 0; } #content #context-pages .follow .show-following,