Skip to content

Commit e323eea

Browse files
committed
style: differentiate bluesky/x source badges in feed with theme-aware colors
The .source-bluesky and .source-x classes were applied dynamically but had no corresponding CSS rules, making both sources look identical. Now Bluesky posts get the theme accent color and X posts get a muted tone, both via CSS custom properties so all three themes are covered. https://claude.ai/code/session_01SDyH2mc5QWKqDwoZDW1ehW
1 parent 20383b2 commit e323eea

1 file changed

Lines changed: 11 additions & 0 deletions

File tree

pages/feed.vue

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -281,6 +281,17 @@ h1 {
281281
border-radius: 4px;
282282
padding: 1px 5px;
283283
white-space: nowrap;
284+
transition: color 0.15s ease, border-color 0.15s ease;
285+
}
286+
287+
.source-bluesky {
288+
color: var(--theme-accent, #6b8cae);
289+
border-color: color-mix(in srgb, var(--theme-accent, #6b8cae) 35%, transparent);
290+
}
291+
292+
.source-x {
293+
color: var(--theme-text-muted, #888);
294+
border-color: color-mix(in srgb, var(--theme-text-muted, #888) 35%, transparent);
284295
}
285296
286297
.post-stats {

0 commit comments

Comments
 (0)