From b0a69cc658d540117970b52fbdcb426df812bc7f Mon Sep 17 00:00:00 2001 From: ozan Date: Sun, 14 Jun 2026 01:33:08 +0100 Subject: [PATCH] =?UTF-8?q?fix:=20harden=20dark=20background=20=E2=80=94?= =?UTF-8?q?=20html=20+=20body=20+=20.post=20all=20set=20to=20var(--c-bg)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _index_template.html | 10 ++++++++++ _template.html | 3 +++ agent-harness.html | 3 +++ agentic-workflow.html | 3 +++ blog-visual-upgrade.html | 3 +++ fal-image-generation.html | 3 +++ flows-are-sessions.html | 3 +++ fork-dont-build.html | 3 +++ godot-optimisation.html | 3 +++ gpu-skinned-herds.html | 3 +++ index.html | 10 ++++++++++ live-ozan-radio.html | 3 +++ pi-flow-native-brain.html | 3 +++ pre-commit-agent.html | 3 +++ studio-cli.html | 3 +++ voice-missing-input-game-dev.html | 3 +++ 16 files changed, 62 insertions(+) diff --git a/_index_template.html b/_index_template.html index b1d7fc6..8bf784c 100644 --- a/_index_template.html +++ b/_index_template.html @@ -39,6 +39,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -50,6 +52,14 @@ -webkit-font-smoothing: antialiased; } + .blog-header { + background: var(--c-bg); + } + + .blog-list { + background: var(--c-bg); + } + /* ── Section label kicker ── */ .section-label { display: inline-block; diff --git a/_template.html b/_template.html index a4c7481..519d258 100644 --- a/_template.html +++ b/_template.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/agent-harness.html b/agent-harness.html index e184772..0cfb484 100644 --- a/agent-harness.html +++ b/agent-harness.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/agentic-workflow.html b/agentic-workflow.html index 7e991f8..975cd55 100644 --- a/agentic-workflow.html +++ b/agentic-workflow.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/blog-visual-upgrade.html b/blog-visual-upgrade.html index 1459fb8..fd87b90 100644 --- a/blog-visual-upgrade.html +++ b/blog-visual-upgrade.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/fal-image-generation.html b/fal-image-generation.html index 4c1b1b4..27c7a5d 100644 --- a/fal-image-generation.html +++ b/fal-image-generation.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/flows-are-sessions.html b/flows-are-sessions.html index de6db43..22186e3 100644 --- a/flows-are-sessions.html +++ b/flows-are-sessions.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/fork-dont-build.html b/fork-dont-build.html index 784527f..ea7acc6 100644 --- a/fork-dont-build.html +++ b/fork-dont-build.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/godot-optimisation.html b/godot-optimisation.html index 15bd631..1b0d389 100644 --- a/godot-optimisation.html +++ b/godot-optimisation.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/gpu-skinned-herds.html b/gpu-skinned-herds.html index 4f41023..80cd38f 100644 --- a/gpu-skinned-herds.html +++ b/gpu-skinned-herds.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/index.html b/index.html index dcbe8c8..1c94312 100644 --- a/index.html +++ b/index.html @@ -39,6 +39,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -50,6 +52,14 @@ -webkit-font-smoothing: antialiased; } + .blog-header { + background: var(--c-bg); + } + + .blog-list { + background: var(--c-bg); + } + /* ── Section label kicker ── */ .section-label { display: inline-block; diff --git a/live-ozan-radio.html b/live-ozan-radio.html index 52de126..5624543 100644 --- a/live-ozan-radio.html +++ b/live-ozan-radio.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/pi-flow-native-brain.html b/pi-flow-native-brain.html index 39f69d4..ced8ebc 100644 --- a/pi-flow-native-brain.html +++ b/pi-flow-native-brain.html @@ -59,6 +59,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -72,6 +74,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/pre-commit-agent.html b/pre-commit-agent.html index 0a1dd72..3045305 100644 --- a/pre-commit-agent.html +++ b/pre-commit-agent.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/studio-cli.html b/studio-cli.html index 7904962..268760f 100644 --- a/studio-cli.html +++ b/studio-cli.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; diff --git a/voice-missing-input-game-dev.html b/voice-missing-input-game-dev.html index 8f9d019..8686964 100644 --- a/voice-missing-input-game-dev.html +++ b/voice-missing-input-game-dev.html @@ -63,6 +63,8 @@ *, *::before, *::after { box-sizing: border-box; } + html { background: var(--c-bg); } + body { margin: 0; padding: 0; @@ -76,6 +78,7 @@ /* ── Post container ── */ .post { + background: var(--c-bg); max-width: 720px; margin: 0 auto; padding: 48px 24px 60px;