From f3fdd329433b3a7fb8dacd6af026ea2c61d09efa Mon Sep 17 00:00:00 2001 From: nmemmert Date: Tue, 13 Oct 2026 08:08:53 -0400 Subject: [PATCH] Give non-gold buttons and pills a soft gold tint instead of an empty outline; v2.33.1 Co-Authored-By: Claude Sonnet 5.5 --- package-lock.json | 4 ++-- package.json | 2 +- src/App.css | 26 ++++++++++++++++++++++++++ 3 files changed, 29 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index faaa1ff..60369e5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "siteforge", - "version": "2.33.0", + "version": "2.33.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "siteforge", - "version": "2.33.0", + "version": "2.33.1", "dependencies": { "@aws-sdk/client-s3": "^3.1135.0", "@dnd-kit/core": "^6.3.1", diff --git a/package.json b/package.json index 1dae3e1..c72d081 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "siteforge", "private": true, - "version": "2.33.0", + "version": "2.33.1", "type": "module", "scripts": { "dev": "vite", diff --git a/src/App.css b/src/App.css index d49b547..f774ac7 100644 --- a/src/App.css +++ b/src/App.css @@ -13887,3 +13887,29 @@ a.study-track-card:hover { .home-series-info h3 { font-size: 1.1rem; } .home-connect-card { padding: 1.4rem; } } + +/* ── Non-gold buttons and pills get a soft gold tint instead of an empty outline ── */ +.btn-secondary, +.finished-series-ep-play, +.highlight-tab, +.si-pill, +.consent-btn--decline { + background: rgba(201, 168, 76, 0.14); + border-color: rgba(201, 168, 76, 0.5); + color: #ecdfb8; +} +.btn-secondary:hover, +.finished-series-ep-play:hover, +.finished-series-episode--open .finished-series-ep-play, +.highlight-tab:hover, +.si-pill:hover, +.consent-btn--decline:hover { + background: rgba(201, 168, 76, 0.26); + border-color: var(--brand-gold); + color: #fff4d0; +} +/* Selected pills stay solid gold */ +.highlight-tab--active, +.si-pill--on, +.si-pill--on:hover { background: var(--brand-gold); border-color: var(--brand-gold); color: var(--brand-black); } +.consent-actions .btn-secondary { background: rgba(201, 168, 76, 0.14); color: #ecdfb8; border-color: rgba(201, 168, 76, 0.5); }