From 060c90f85bd940cf7f1043257a4c6012e7d6c313 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tillmann=20D=C3=B6nicke?=
 <tillmann.doenicke@uni-goettingen.de>
Date: Mon, 8 Apr 2024 10:08:13 +0000
Subject: [PATCH] refactor(styles): change color variable names

---
 scenarios/xslt/edxml2html/css/styles.css | 50 ++++++++++++------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/scenarios/xslt/edxml2html/css/styles.css b/scenarios/xslt/edxml2html/css/styles.css
index a4c3f5b..b7cec46 100644
--- a/scenarios/xslt/edxml2html/css/styles.css
+++ b/scenarios/xslt/edxml2html/css/styles.css
@@ -1,12 +1,12 @@
 :root {
     /*
-    --sub-blue: #003967;
-    --sub-blue-light: #aeb7c6;
-    --sub-blue-light-bg: rgba(174, 183, 198, 0.185);
+    --theme-color: #003967;
+    --theme-color-light: #aeb7c6;
+    --theme-color-light-bg: rgba(174, 183, 198, 0.185);
     */
-    --sub-blue: #266d4d;
-    --sub-blue-light: #adbac7;
-    --sub-blue-light-bg: rgba(173, 186, 199, 0.185);
+    --theme-color: #266d4d;
+    --theme-color-light: #adbac7;
+    --theme-color-light-bg: rgba(173, 186, 199, 0.185);
 
     --tech-font: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     --mono-font: monospace;
@@ -21,7 +21,7 @@
 
 .column-anchor,
 .anchor {
-    color: var(--sub-blue);
+    color: var(--theme-color);
 }
 
 
@@ -73,7 +73,7 @@ div.column {
     text-align: right;
     margin-right: 1em;
     padding: 0 .3em;
-    color: var(--sub-blue-light);
+    color: var(--theme-color-light);
 }
 
 .line-nr.calculated {
@@ -82,12 +82,12 @@ div.column {
 }
 
 .line:hover .line-nr {
-    background-color: var(--sub-blue-light);
-    color: var(--sub-blue);
+    background-color: var(--theme-color-light);
+    color: var(--theme-color);
 }
 
 .line:hover {
-    background-color: var(--sub-blue-light-bg);
+    background-color: var(--theme-color-light-bg);
 }
 
 
@@ -107,7 +107,7 @@ span.seg{
 span.seg:hover{
     /* background-color: rgba(165, 42, 42, 0.150); */
     /* background-color: rgba(0, 57, 103, 0.150); */
-    background-color: var(--sub-blue);
+    background-color: var(--theme-color);
     color: white !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -121,7 +121,7 @@ hr.metamark-line::before {
     background: inherit;
     font-family: var(--tech-font);
     padding: 0 .3em 0 0;
-    color: var(--sub-blue);
+    color: var(--theme-color);
 }
 
 hr.metamark-line::before {
@@ -146,13 +146,13 @@ hr.metamark-line {
 
 hr.metamark-line.line {
     height:4px;
-    border-top:1px solid var(--sub-blue);
+    border-top:1px solid var(--theme-color);
 }
 
 hr.metamark-line.doubleLine {
     height:4px;
-    border-top:1px solid var(--sub-blue);
-    border-bottom:1px solid var(--sub-blue);
+    border-top:1px solid var(--theme-color);
+    border-bottom:1px solid var(--theme-color);
 }
 
 
@@ -172,7 +172,7 @@ hr.metamark-line.doubleLine {
 }
 
 .section-tab + .section-tab {
-  border-left: solid 1px var(--sub-blue-light);
+  border-left: solid 1px var(--theme-color-light);
   padding-left: 5px;
 }
 
@@ -187,7 +187,7 @@ hr.metamark-line.doubleLine {
 }
 
 .philology .unit:hover {
-    background-color: var(--sub-blue-light-bg);
+    background-color: var(--theme-color-light-bg);
 }
 
 
@@ -220,7 +220,7 @@ hr.metamark-line.doubleLine {
 
 /*----------------------------------{ LINEBREAKS }--------------------------------*/
 .lb {
-    color: var(--sub-blue-light);
+    color: var(--theme-color-light);
     font-family: var(--tech-font);
     font-size: small;
     line-height: 1.5;
@@ -247,7 +247,7 @@ hr.metamark-line.doubleLine {
 }
 
 .item {
-    border: 0px solid var(--sub-blue);
+    border: 0px solid var(--theme-color);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -285,7 +285,7 @@ hr.metamark-line.doubleLine {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
-    background-color: var(--sub-blue);
+    background-color: var(--theme-color);
     color: white;
 }
 
@@ -295,8 +295,8 @@ hr.metamark-line.doubleLine {
 }
 
 .item .annotation > span:hover {
-    background-color: var(--sub-blue-light);
-    color: var(--sub-blue);
+    background-color: var(--theme-color-light);
+    color: var(--theme-color);
 }
 
 /*----- Kommentare als tooltip -----*/
@@ -317,7 +317,7 @@ div:has(> .philology.section) {
     -moz-border-radius: 3px;
     -ms-overflow-style: none; /* Internet Explorer 10+ */
     -webkit-border-radius: 3px;
-    background-color: var(--sub-blue);
+    background-color: var(--theme-color);
     border-radius: 3px;
     color: white;
     font-size: small;
@@ -340,7 +340,7 @@ div:has(> .philology.section) {
 /*----------------------------------{ ITEMS: WORDS }--------------------------------*/
 
 .item.w:hover {
-    background-color: var(--sub-blue);
+    background-color: var(--theme-color);
     color: white;
 }
 
-- 
GitLab