From 0d2e68ae117be593f51388f51f92fcb1a13fe889 Mon Sep 17 00:00:00 2001 From: nmemmert Date: Wed, 2 Sep 2026 12:03:16 -0400 Subject: [PATCH] Fix Ko-fi support section to match dark site theme; v1.1.48 Co-Authored-By: Claude Sonnet 4.6 --- package.json | 2 +- src/App.css | 16 +++++++++------- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/package.json b/package.json index 2ca0ea6..0bc9bd9 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "siteforge", "private": true, - "version": "1.1.47", + "version": "1.1.48", "type": "module", "scripts": { "dev": "vite", diff --git a/src/App.css b/src/App.css index 7ea6db7..aec28ca 100644 --- a/src/App.css +++ b/src/App.css @@ -12008,11 +12008,13 @@ .ct-history-item--ep { background: rgba(99,102,241,0.07); border-left: 2px solid #6366f1; } /* ── Ko-fi support section ───────────────────────────────────────────────── */ -.section-kofi-support { background: var(--bg-alt, #f9f6f0); padding: 4rem 1.5rem; text-align: center; } -.kofi-support-inner { max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; } -.kofi-support-desc { font-size: 1rem; line-height: 1.7; color: var(--text-muted, #555); max-width: 480px; } +.section-kofi-support { background: var(--brand-black-2, #0f0f0c); padding: 4.5rem 1.5rem; text-align: center; border-top: 1px solid var(--brand-border, #2a2518); border-bottom: 1px solid var(--brand-border, #2a2518); } +.kofi-support-inner { max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; } +.kofi-support-inner .eyebrow { color: var(--brand-gold, #c9a84c); } +.kofi-support-inner h2 { font-family: var(--brand-font-heading, 'Cormorant Garamond', serif); font-size: 2.2rem; font-weight: 600; color: var(--brand-warm-white, #f0ead8); margin: 0; } +.kofi-support-desc { font-size: 1rem; line-height: 1.75; color: var(--brand-muted, #b0a48c); max-width: 460px; margin: 0; } .kofi-qr-wrap { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; margin: 0.5rem 0; } -.kofi-qr-img { width: 180px; height: 180px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); } -.kofi-qr-caption { font-size: 0.8rem; color: var(--text-muted, #888); } -.kofi-btn { display: inline-block; background: #29abe0; color: #fff; font-size: 0.95rem; font-weight: 600; padding: 0.75rem 1.75rem; border-radius: 6px; text-decoration: none; transition: background 0.2s; } -.kofi-btn:hover { background: #1a91c7; } +.kofi-qr-img { width: 180px; height: 180px; border-radius: 8px; border: 1px solid var(--brand-border, #2a2518); } +.kofi-qr-caption { font-size: 0.78rem; color: var(--brand-muted, #b0a48c); letter-spacing: 0.03em; } +.kofi-btn { display: inline-block; background: transparent; color: var(--brand-gold, #c9a84c); border: 1px solid var(--brand-gold, #c9a84c); font-size: 0.9rem; font-weight: 600; padding: 0.7rem 1.75rem; border-radius: 4px; text-decoration: none; letter-spacing: 0.04em; transition: background 0.2s, color 0.2s; } +.kofi-btn:hover { background: var(--brand-gold, #c9a84c); color: var(--brand-black, #0a0a08); }