From c9a28d08aeb2d2883811c5719443145f93011452 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Fri, 13 Feb 2026 17:09:21 -0800 Subject: style(v2): make links blue and bold to match legacy look (NK-6b4a2e) --- frontend/src/components/FeedItem.css | 8 +++----- frontend/src/components/FeedList.css | 11 ++++++----- frontend/src/index.css | 8 +++++++- 3 files changed, 16 insertions(+), 11 deletions(-) diff --git a/frontend/src/components/FeedItem.css b/frontend/src/components/FeedItem.css index bdca707..8c1609b 100644 --- a/frontend/src/components/FeedItem.css +++ b/frontend/src/components/FeedItem.css @@ -24,17 +24,15 @@ .item-title { font-size: 1.25rem; font-weight: bold; - /* Legacy headers were bold */ text-decoration: none; - color: #333; + color: var(--link-color); display: block; flex: 1; } .item-title:hover { - text-decoration: none; - color: blue; - /* Legacy link color */ + text-decoration: underline; + color: var(--link-color); } .item-actions { diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css index 65c9c53..63dbc4b 100644 --- a/frontend/src/components/FeedList.css +++ b/frontend/src/components/FeedList.css @@ -54,14 +54,15 @@ } .feed-title { - color: #333; + color: var(--link-color); text-decoration: none; font-size: 0.9rem; + font-weight: bold; } .feed-title:hover { text-decoration: underline; - color: #000; + color: var(--link-color); } .feed-category { @@ -75,19 +76,19 @@ .tag-link, .filter-list li a { - color: #333; + color: var(--link-color); text-decoration: none; font-size: 0.9rem; display: block; padding: 0.1rem 0; + font-weight: bold; } .tag-link:hover, .filter-list li a:hover { text-decoration: underline; background: transparent; - /* No hover bg */ - color: #000; + color: var(--link-color); } .filter-section { diff --git a/frontend/src/index.css b/frontend/src/index.css index fcfde1b..3b39cf5 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -70,6 +70,11 @@ button:focus-visible { outline: 4px auto -webkit-focus-ring-color; } +a { + color: var(--link-color); + text-decoration: none; +} + @media (prefers-color-scheme: light) { :root { color: #213547; @@ -77,7 +82,8 @@ button:focus-visible { } a:hover { - color: #747bff; + color: blue; + text-decoration: underline; } button { -- cgit v1.2.3