Mercurial > kallithea

changeset 7104:350f4730e2a3

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