tinqs/blog
5
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Wiki Activity Issues

fix: harden dark background — html + body + .post all set to var(--c-bg)

Browse Source
This commit is contained in:
ozan
2026-06-14 01:33:08 +01:00
parent f42c76308c
commit b0a69cc658
16 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_index_template.html
+10
View File
@@ -39,6 +39,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -50,6 +52,14 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.blog-header {
background: var(--c-bg);
}
.blog-list {
background: var(--c-bg);
}
/* ── Section label kicker ── */ /* ── Section label kicker ── */
.section-label { .section-label {
display: inline-block; display: inline-block;
Before
After
_template.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
agent-harness.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
agentic-workflow.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
blog-visual-upgrade.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
fal-image-generation.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
flows-are-sessions.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
fork-dont-build.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
godot-optimisation.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
gpu-skinned-herds.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
index.html
+10
View File
@@ -39,6 +39,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -50,6 +52,14 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
.blog-header {
background: var(--c-bg);
}
.blog-list {
background: var(--c-bg);
}
/* ── Section label kicker ── */ /* ── Section label kicker ── */
.section-label { .section-label {
display: inline-block; display: inline-block;
Before
After
live-ozan-radio.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
pi-flow-native-brain.html
+3
View File
@@ -59,6 +59,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -72,6 +74,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
pre-commit-agent.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
studio-cli.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After
voice-missing-input-game-dev.html
+3
View File
@@ -63,6 +63,8 @@
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
html { background: var(--c-bg); }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -76,6 +78,7 @@
/* ── Post container ── */ /* ── Post container ── */
.post { .post {
background: var(--c-bg);
max-width: 720px; max-width: 720px;
margin: 0 auto; margin: 0 auto;
padding: 48px 24px 60px; padding: 48px 24px 60px;
Before
After