aboutsummaryrefslogtreecommitdiffstats
path: root/frontend/src/components
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-13 17:09:21 -0800
committerAdam Mathes <adam@adammathes.com>2026-02-13 17:09:21 -0800
commitc9a28d08aeb2d2883811c5719443145f93011452 (patch)
treef6d1be5fa9eed10957266050ac307f95b23142e7 /frontend/src/components
parent777c55c742066c674d544604a388d15b782769ff (diff)
downloadneko-c9a28d08aeb2d2883811c5719443145f93011452.tar.gz
neko-c9a28d08aeb2d2883811c5719443145f93011452.tar.bz2
neko-c9a28d08aeb2d2883811c5719443145f93011452.zip
style(v2): make links blue and bold to match legacy look (NK-6b4a2e)
Diffstat (limited to 'frontend/src/components')
-rw-r--r--frontend/src/components/FeedItem.css8
-rw-r--r--frontend/src/components/FeedList.css11
2 files changed, 9 insertions, 10 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 {