Das Farb-Thema werden jetzt mit Hilfe von LESS-Variablen umgesetzt

[website] / src / main / webapp / less / base / typo.less

diff --git a/src/main/webapp/less/base/typo.less b/src/main/webapp/less/base/typo.less
index 1403333..edd8b46 100644 (file)
--- a/src/main/webapp/less/base/typo.less
+++ b/src/main/webapp/less/base/typo.less
@@ -1,12 +1,6 @@
 /** Typografische Grundeinstellungen ******************************************/
 
-/** Farben:
-  * 1: 0ACF00 Normal
-  * 2: 2D9B27 
-  * 3: 078600 Dunkler
-  * 4: 42E73A Heller
-  * 5: 6EE768
-  */
+@import '../variables.less';
 
 body
 {
@@ -14,14 +8,14 @@ body
   letter-spacing: 0;
   line-height: 1.5em;
   padding: 1em 3em 1em 5em;
-  background-color: #fff;
+  background-color: @hintergrund;
 }
 h1, h2, h3, h4, h5, h6
 {
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   letter-spacing: 0;
   font-weight: bold;
-  color: #0ACF00;
+  color: @normal;
   margin: 1em 0 .5em 0; /** 16px 0 8px 0 */
 }
 h1
@@ -48,7 +42,7 @@ h4
 }
 h1 a, h2 a, h3 a, h4 a
 {
-  color: #0ACF00;
+  color: @normal;
   border-style: none;
 }
 h1 a:hover,
@@ -56,8 +50,8 @@ h2 a:hover,
 h3 a:hover,
 h4 a:hover
 {
-  color: #078600;
-  border-bottom: 1px solid #078600;
+  color: @dunkler;
+  border-bottom: 1px solid @dunkler;
 }
 h1 a:focus,
 h2 a:focus,
@@ -68,8 +62,8 @@ h2 a:active,
 h3 a:active,
 h4 a:active
 {
-  color: #2D9B27;
-  border-bottom: 1px solid #2D9B27;
+  color: @dunkel;
+  border-bottom: 1px solid @dunkel;
 }
 p
 {
@@ -111,22 +105,22 @@ hr
 }
 a
 {
-  color: #078600;
-  border-bottom: 1px dashed #078600;
+  color: @dunkler;
+  border-bottom: 1px dashed @dunkler;
 }
 a:hover
 {
-  color: #077600;
-  border-bottom: 1px solid #077600;
+  color: @nochdunkler;
+  border-bottom: 1px solid @nochdunkler;
 }
 a:focus,
 a:active
 {
-  color: #078600;
-  border-bottom: 1px solid #078600;
+  color: @dunkler;
+  border-bottom: 1px solid @dunkler;
 }
 a:visited
 {
-  border-bottom: 1px dotted #077600;
+  border-bottom: 1px dotted @nochdunkler;
 }