aboutsummaryrefslogtreecommitdiffstats
path: root/src/style.css
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-10-02 10:20:57 -0700
committerAdam Soltys <[email protected]>2026-10-02 10:20:57 -0700
commitaf19e72e54b1b3bac210d8c9d74317f662160c18 (patch)
tree4899e195ab1f9d2850d51b30e6b5f89ba88a6412 /src/style.css
parentef6729ceaf49d2d85bc8920c2c7756086ee7450d (diff)
downloadcoinosv3-af19e72e54b1b3bac210d8c9d74317f662160c18.tar.gz
coinosv3-af19e72e54b1b3bac210d8c9d74317f662160c18.zip
Feed form: relays and an every-post firehose; its Back works; a stronger new-post tint
- The new/edit feed form gets a Relays field (read this feed from these relays only) and "Every post on these relays", which saves a firehose feed (optionally curated) named after its relay and hides the people, packs and topics it doesn't need. It used to take a hand-typed /feed/all?r= link. - The form's Back did nothing visible: opening it made no history entry, so Back went to the page behind the feed and left the form up. The editor (and the gear page's Spending/Savings view) are now part of the navigation state. - New-post tint 9% -> 16% green in light mode; dark mode unchanged. - tools/feed-editor-relays-test.js. Co-Authored-By: Claude Opus 5.5 <[email protected]> Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css
index 7ef428c..5bb171a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -964,12 +964,15 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
side shadows carry the tint through the list's padding to its edges. */
.notes-feed > .row { transition: background-color 3s ease-out, box-shadow 3s ease-out; }
.notes-feed > .row.note-fresh {
- --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper));
+ /* 9% was a whisper on white; dark mode keeps it (the green carries more there) */
+ --fresh-bg: color-mix(in srgb, var(--green) 16%, var(--paper));
background-color: var(--fresh-bg);
box-shadow: -14px 0 0 var(--fresh-bg), 14px 0 0 var(--fresh-bg);
}
+:root[data-theme="dark"] .notes-feed > .row.note-fresh { --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper)); }
+
/* Inline move-money panel on the balance card. */
.balance-move { gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); text-align: left; }
/* balance carousel: the other face peeks at the card's edge and drags into