kallithea Changeset - 350f4730e2a3

Changeset - 350f4730e2a3

Parent rev.

Child rev.

[Not reviewed]

default

0 5 0

domruf - 8 years ago 2017-10-25 22:53:27
dominikruf@gmail.com

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.

5 files changed with 20 insertions and 17 deletions:

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

0 comments (0 inline, 0 general)

kallithea/public/less/kallithea-diff.less

➞

Show inline comments

@@ @@ -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;
+}

kallithea/public/less/kallithea-select2.less

➞

Show inline comments

@@ @@ -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);
+}

kallithea/public/less/kallithea-tags.less

➞

Show inline comments

@@ @@ -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;

kallithea/public/less/kallithea-variables.less

➞

Show inline comments

@@ @@ -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;

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -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,

0 comments (0 inline, 0 general)