public/uni
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve inline code contrast across all slides

Browse Source 
- change code text color from #1e5f8a to #5fb3e4 (brighter blue) in course 223015b
- update code styling in course 223015c for better contrast
- update custom-theme.css with --color-dimmed variable

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Michael Czechowski
2025-12-31 00:24:45 +01:00
parent 7e80d15a06
commit 74cc7aad58
8 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
courses/223015b/slides/2025-12-19-termin-0-intro.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' --> <!-- _header: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' --> <!-- _header: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' --> <!-- _footer: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' --> <!-- _header: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' --> <!-- _footer: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md
View File

@@ -31,7 +31,7 @@ h2 {
} }
pre { pre {
background: #0f0f23; background: #0f0f23;
color: #1e5f8a; color: #5fb3e4;
border-radius: 8px; border-radius: 8px;
border-left: 3px solid #1e5f8a; border-left: 3px solid #1e5f8a;
} }
@@ -41,7 +41,7 @@ pre code {
} }
code { code {
background: #1a1a2e; background: #1a1a2e;
color: #1e5f8a; color: #5fb3e4;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' --> <!-- _footer: '' -->
<!-- _backgroundColor: #000 --> <!-- _backgroundColor: #000 -->
![bg fit opacity:0.4](./assets/digital-landscape.png) ![bg cover opacity:0.2](./assets/radek-grzybowski-eBRTYyjwpRY-unsplash.jpg)
# Dateiformate, Schnittstellen, Speichermedien & Distributionswege # Dateiformate, Schnittstellen, Speichermedien & Distributionswege

6
courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
View File

@@ -12,7 +12,7 @@ title: "Termin 2: Netzwerke, Protokolle & CSS"
:root { :root {
--color-foreground: #1a1a2e; --color-foreground: #1a1a2e;
--color-highlight: #d63384; --color-highlight: #d63384;
--color-dimmed: #4a4a6a; --color-dimmed: #dde0e4;
} }
section.invert { section.invert {
--color-foreground: #fff; --color-foreground: #fff;
@@ -40,8 +40,8 @@ pre code {
color: inherit; color: inherit;
} }
code { code {
background: #1a1a2e; background: #f0e6eb;
color: #d63384; color: #1a1a2e;
padding: 0.15em 0.4em; padding: 0.15em 0.4em;
border-radius: 4px; border-radius: 4px;
} }

11
themes/custom-theme.css
View File

@@ -6,6 +6,7 @@ section {
background-color: #f0f8ff; background-color: #f0f8ff;
color: #2c3e50; color: #2c3e50;
font-size: 0.85em; font-size: 0.85em;
--color-dimmed: #e0e6eb;
} }
h1 { h1 {
@@ -21,13 +22,17 @@ ul, ol {
font-size: 0.8em; font-size: 0.8em;
} }
code { section code {
background-color: #ecf0f1; color: #1a1a1a;
color: #2c3e50;
padding: 2px 4px; padding: 2px 4px;
border-radius: 3px; border-radius: 3px;
} }
/* Preserve explicit SVG fill colors */
section svg *[fill] {
fill: revert;
}
blockquote { blockquote {
border-left: 4px solid #3498db; border-left: 4px solid #3498db;
background-color: #ecf0f1; background-color: #ecf0f1;