Update sermon.css

sermon.css

@@ -11,15 +11,26 @@ Original License: MIT (https://github.com/rnd195/my-marp-themes/blob/live/licens
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
 
 :root {
-    --darkmagenta: #842174;
-    --magenta: #393552;
-    --markmagenta: #84217427;
+    --colorh1: #393552;
+    --colorh2: #393552;
+    --colorh3: #393552;
+    --colorh4: #393552;
+    --colorh5: #393552;
+    --colorh6: #842174;
+    --colortext: #393552;
+    --colorbottombar: #842174;
+    --colorcite: #842174;
+    --mark: #84217427;
     --white: #ffffff;
     --white68: #ffffffad;
     --white50: #ffffff80;
     --verydarkgray: #333;
     --black: #000;
 
+    --gradient-start: #e1c2e1;
+    --gradient-end: #b9d5d9;
+    --gradient-direction: to top right;
+
     font-family: 'Ubuntu', sans-serif;
 }
 
@@ -28,25 +39,36 @@ Original License: MIT (https://github.com/rnd195/my-marp-themes/blob/live/licens
 section {
   background-color: var(--white);
   background-image: linear-gradient(to top right, #e1c2e1 5%, #b9d5d9 95%);
+  background-image: linear-gradient(var(--gradient-direction), var(--gradient-start) 5%, var(--gradient-end) 95%); 
   font-size: 35px; /* Basisschriftgröße für die gesamte Folie */
   line-height: 1.4; /* Zeilenabstand für die gesamte Folie */
 }
 
 
 /* --- TITLES --- */
-h1,
-h2,
-h3,
-h4,
-h5,
+h1 {
+  color: var(--colorh1);
+},
+h2 {
+  color: var(--colorh2);
+},
+h3 {
+  color: var(--colorh3);
+},
+h4 {
+  color: var(--colorh4);
+},
+h5 {
+  color: var(--colorh5);
+},
 h6 {
-  color: var(--darkmagenta);
+  color: var(--colorh6);
 }
 
 
 /* --- TEXT CHANGES --- */
 a {
-  color: var(--magenta);
+  color: var(--colortext);
 }
 
 code,
@@ -57,7 +79,7 @@ pre code {
 }
 
 mark {
-  background-color: var(--markmagenta);
+  background-color: var(--mark);
   padding: 0 4px; /* Etwas mehr Luft an den Seiten sieht meist besser aus */
   border-radius: 3px;
 }
@@ -74,7 +96,7 @@ blockquote {
 blockquote cite {
   display: block;
   text-align: right;
-  color: var(--darkmagenta);
+  color: var(--colorcite);
   font-style: normal; 
   font-size: 0.9em;
   margin-top: 20px;
@@ -86,8 +108,8 @@ section::after {
   font-size: 0.75em;
   /* From github.com/yhatt/marp/issues/263 */
   content: attr(data-marpit-pagination);
-  color: var(--darkmagenta); /* Oder --verydarkgray */
-  opacity: 0.6;              /* Etwas dezenter */
+  color: var(--colorbottombar); 
+  opacity: 0.6;
 }