improve inline code contrast across all slides

- 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:
2025-12-31 00:24:45 +01:00
parent 7e80d15a06
commit 74cc7aad58
8 changed files with 29 additions and 24 deletions

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' -->
<!-- _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

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' -->
<!-- _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

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' -->
<!-- _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

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -60,7 +60,7 @@ section.klausur footer {
<!-- _header: '' -->
<!-- _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

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' -->
<!-- _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

View File

@@ -31,7 +31,7 @@ h2 {
}
pre {
background: #0f0f23;
color: #1e5f8a;
color: #5fb3e4;
border-radius: 8px;
border-left: 3px solid #1e5f8a;
}
@@ -41,7 +41,7 @@ pre code {
}
code {
background: #1a1a2e;
color: #1e5f8a;
color: #5fb3e4;
padding: 0.15em 0.4em;
border-radius: 4px;
}
@@ -61,7 +61,7 @@ section.klausur footer {
<!-- _footer: '' -->
<!-- _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

View File

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

View File

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