update color scheme to raspberry theme

- change highlight color from blue/teal to raspberry (#d63384)
- applies to all three termin slides
This commit is contained in:
2025-12-19 21:34:19 +01:00
parent d9f4e87098
commit efe80abd5d
3 changed files with 12 additions and 12 deletions
@@ -11,7 +11,7 @@ title: "Termin 1: Geschichte, Grundlagen & HTML"
<style> <style>
:root { :root {
--color-foreground: #1a1a2e; --color-foreground: #1a1a2e;
--color-highlight: #5da9e9; --color-highlight: #d63384;
--color-dimmed: #4a4a6a; --color-dimmed: #4a4a6a;
} }
section.invert { section.invert {
@@ -25,9 +25,9 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #5da9e9; color: #d63384;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #5da9e9; border-left: 3px solid #d63384;
} }
pre code { pre code {
background: transparent; background: transparent;
@@ -35,7 +35,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #5da9e9; color: #d63384;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -11,7 +11,7 @@ title: "Termin 2: Netzwerke, Protokolle & CSS"
<style> <style>
:root { :root {
--color-foreground: #1a1a2e; --color-foreground: #1a1a2e;
--color-highlight: #4ecca3; --color-highlight: #d63384;
--color-dimmed: #4a4a6a; --color-dimmed: #4a4a6a;
} }
section.invert { section.invert {
@@ -25,9 +25,9 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #4ecca3; color: #d63384;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #4ecca3; border-left: 3px solid #d63384;
} }
pre code { pre code {
background: transparent; background: transparent;
@@ -35,7 +35,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #4ecca3; color: #d63384;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -11,7 +11,7 @@ title: "Termin 3: Interaktivität & JavaScript"
<style> <style>
:root { :root {
--color-foreground: #1a1a2e; --color-foreground: #1a1a2e;
--color-highlight: #4ecca3; --color-highlight: #d63384;
--color-dimmed: #4a4a6a; --color-dimmed: #4a4a6a;
} }
section.invert { section.invert {
@@ -25,9 +25,9 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #4ecca3; color: #d63384;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #4ecca3; border-left: 3px solid #d63384;
} }
pre code { pre code {
background: transparent; background: transparent;
@@ -35,7 +35,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #4ecca3; color: #d63384;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }