diff options
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/FeedItem.css | 8 | ||||
| -rw-r--r-- | frontend/src/components/FeedList.css | 11 | ||||
| -rw-r--r-- | 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 { |
