From 2a0db214336b6f7c78af2c412528b883c74863f8 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Fri, 19 Dec 2025 21:04:10 +0100
Subject: [PATCH] update slide styles with cyberpunk theme

---
 ...-20-termin-1-geschichte-grundlagen-html.md | 29 ++++++++++++++++++-
 ...01-10-termin-2-netzwerke-protokolle-css.md | 29 ++++++++++++++++++-
 ...-24-termin-3-interaktivitaet-javascript.md | 29 ++++++++++++++++++-
 3 files changed, 84 insertions(+), 3 deletions(-)

diff --git a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
index 08c9baa..51ccd59 100644
--- a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
+++ b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
@@ -9,11 +9,38 @@ title: "Termin 1: Geschichte, Grundlagen & HTML"
 ---
 
 <style>
+:root {
+  --color-foreground: #1a1a2e;
+  --color-highlight: #4ecca3;
+  --color-dimmed: #4a4a6a;
+}
+section.invert {
+  --color-foreground: #fff;
+}
 section {
   font-size: 1.7rem;
 }
 h2 {
-  color: var(--color-dimmed);
+  color: var(--color-highlight);
+}
+pre {
+  background: #0f0f23;
+  color: #4ecca3;
+  border-radius: 8px;
+  border-left: 3px solid #4ecca3;
+}
+pre code {
+  background: transparent;
+  color: inherit;
+}
+code {
+  background: #1a1a2e;
+  color: #4ecca3;
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+}
+a {
+  color: var(--color-highlight);
 }
 </style>
 
diff --git a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
index 173ca13..1cbcd29 100644
--- a/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
+++ b/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
@@ -9,11 +9,38 @@ title: "Termin 2: Netzwerke, Protokolle & CSS"
 ---
 
 <style>
+:root {
+  --color-foreground: #1a1a2e;
+  --color-highlight: #4ecca3;
+  --color-dimmed: #4a4a6a;
+}
+section.invert {
+  --color-foreground: #fff;
+}
 section {
   font-size: 1.7rem;
 }
 h2 {
-  color: var(--color-dimmed);
+  color: var(--color-highlight);
+}
+pre {
+  background: #0f0f23;
+  color: #4ecca3;
+  border-radius: 8px;
+  border-left: 3px solid #4ecca3;
+}
+pre code {
+  background: transparent;
+  color: inherit;
+}
+code {
+  background: #1a1a2e;
+  color: #4ecca3;
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+}
+a {
+  color: var(--color-highlight);
 }
 </style>
 
diff --git a/slides/2026-01-24-termin-3-interaktivitaet-javascript.md b/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
index 5acb8b4..c306e00 100644
--- a/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
+++ b/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
@@ -9,11 +9,38 @@ title: "Termin 3: Interaktivität & JavaScript"
 ---
 
 <style>
+:root {
+  --color-foreground: #1a1a2e;
+  --color-highlight: #4ecca3;
+  --color-dimmed: #4a4a6a;
+}
+section.invert {
+  --color-foreground: #fff;
+}
 section {
   font-size: 1.7rem;
 }
 h2 {
-  color: var(--color-dimmed);
+  color: var(--color-highlight);
+}
+pre {
+  background: #0f0f23;
+  color: #4ecca3;
+  border-radius: 8px;
+  border-left: 3px solid #4ecca3;
+}
+pre code {
+  background: transparent;
+  color: inherit;
+}
+code {
+  background: #1a1a2e;
+  color: #4ecca3;
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+}
+a {
+  color: var(--color-highlight);
 }
 </style>