aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-16 20:26:12 -0700
committerAdam Soltys <[email protected]>2026-10-16 20:26:12 -0700
commit33c721898be82fb50c38db7fa6d67114b10a20a7 (patch)
tree81893313e905b21999843c9d777cde22502b94e9
parent5a71aaa4855c7f619a8ff9522754ce22393817a5 (diff)
downloadcoinosv3-33c721898be82fb50c38db7fa6d67114b10a20a7.tar.gz
coinosv3-33c721898be82fb50c38db7fa6d67114b10a20a7.zip
The profile's Posts / Replies tabs: the chosen one is solid, like the feed chips.
A soft-grey active tab beside a white one, sitting right on white post cards, read as the WHITE tab being the selected one — its colour matched the posts under it (Adam, 2026-10-16: "the bg coloring on posts/replies is backwards"). The tabs take the feed chips' look now: the chosen tab solid accent with light text, the other one on the quiet surface in muted text. Other segmented controls are unchanged. Co-Authored-By: Claude Fable 5.1 <[email protected]> Claude-Session: https://claude.ai/code/session_01J1Kon8bxJoHRpJdSzshCkp
-rw-r--r--src/style.css6
1 files changed, 6 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 2090e24..62f91f8 100644
--- a/src/style.css
+++ b/src/style.css
@@ -285,6 +285,12 @@ textarea.send-dest::placeholder { font-family: var(--sans); }
.seg { display: inline-flex; border: 1px solid var(--line-strong); border-radius: 10px; overflow: hidden; }
.seg button { border: 0; border-radius: 0; padding: 9px 14px; background: var(--paper); }
.seg button.active { background: var(--accent-soft); color: var(--accent-ink); }
+/* The profile's Posts / Replies tabs sit right on white cards: a soft-grey
+ active tab beside a white one read as the WHITE one being selected (its
+ colour matched the posts under it). So these take the feed chips' look:
+ the chosen tab solid accent, the other one quiet (Adam, 2026-10-16). */
+.prof-tabs button { background: var(--surface2); color: var(--muted); }
+.prof-tabs button.active { background: var(--accent); color: var(--accent-fg); }
/* ---- address / qr ---- */
.qr { width: 220px; height: 220px; display: block; border-radius: 12px; border: 1px solid var(--line); }