# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-10-25 22:53:27
# Node ID 350f4730e2a3d6bef603145076cfae9c65ecb969
# Parent  850096e57fe83428ddf497235b73710efae94eff

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.

diff --git a/kallithea/public/less/kallithea-diff.less b/kallithea/public/less/kallithea-diff.less
--- a/kallithea/public/less/kallithea-diff.less
+++ b/kallithea/public/less/kallithea-diff.less
@@ -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 @@ CHMOD_FILENODE = 5
 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 @@ BIN_FILENODE = 6
 }
 /* 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 @@ BIN_FILENODE = 6
 
   /* 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 @@ BIN_FILENODE = 6
   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;
 }
diff --git a/kallithea/public/less/kallithea-select2.less b/kallithea/public/less/kallithea-select2.less
--- a/kallithea/public/less/kallithea-select2.less
+++ b/kallithea/public/less/kallithea-select2.less
@@ -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);
 }
diff --git a/kallithea/public/less/kallithea-tags.less b/kallithea/public/less/kallithea-tags.less
--- a/kallithea/public/less/kallithea-tags.less
+++ b/kallithea/public/less/kallithea-tags.less
@@ -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 @@ a.metatag[data-tag="license"]:hover {
 .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;
diff --git a/kallithea/public/less/kallithea-variables.less b/kallithea/public/less/kallithea-variables.less
--- a/kallithea/public/less/kallithea-variables.less
+++ b/kallithea/public/less/kallithea-variables.less
@@ -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;
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -820,7 +820,7 @@ span.pr-closed-tag {
   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 @@ div.comment-prev-next-links div.next-com
 
 /* 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 @@ div.annotatediv {
 
 /* 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,