dhbw farb-schema: himbeer (wie hdm 223015c) — highlight #d63384, h1 #a02060, h2 #1f2937 (#f48fb1 auf invert für barrierearmut), pre/code #0f0f23/#d63384, dimmed #4a4a6a, invert-bg #001520→#000; herzlich willkommen statt willkommen; git kurz erklärt

slides/dhbw/02_css_extended.md

@@ -10,8 +10,8 @@ footer: "Michael Czechowski – SoSe 2026"
 <style>
 :root {
   --color-foreground: #1a1a2e;
-  --color-highlight: #005f8a;
-  --color-dimmed: #4a6a7a;
+  --color-highlight: #d63384;
+  --color-dimmed: #4a4a6a;
 }
 section.invert {
   --color-foreground: #fff;
@@ -20,24 +20,30 @@ section {
   font-size: 1.4rem;
 }
 h1 {
-  color: #005f8a;
+  color: #a02060;
 }
 section.invert h1 {
   color: #fff;
 }
+h2 {
+  color: #1f2937;
+}
+section.invert h2 {
+  color: #f48fb1;
+}
 pre {
-  background: #0f1e2e;
-  color: #00b4d8;
+  background: #0f0f23;
+  color: #d63384;
   border-radius: 8px;
-  border-left: 3px solid #005f8a;
+  border-left: 3px solid #d63384;
 }
 pre code {
   background: transparent;
   color: inherit;
 }
 code {
-  background: #1a3a4a;
-  color: #00b4d8;
+  background: #1a1a2e;
+  color: #d63384;
   padding: 0.15em 0.4em;
   border-radius: 4px;
 }
@@ -48,7 +54,7 @@ a {
 
 <!-- _class: invert -->
 <!-- _header: '' -->
-<!-- _backgroundColor: #001520 -->
+<!-- _backgroundColor: #000 -->
 
 # Web Engineering
 
@@ -75,7 +81,7 @@ Aufbauend auf den Grundlagen aus Sitzung 1.
 ---
 
 <!-- _class: invert -->
-<!-- _backgroundColor: #001520 -->
+<!-- _backgroundColor: #000 -->
 
 # CSS: Extended
 
@@ -193,7 +199,7 @@ gap: 20px 40px;
 
 ```css
 :root {
-  --primary-color: #005f8a;
+  --primary-color: #d63384;
   --spacing: 20px;
   --radius: 8px;
 }