Mike/PodTui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more theme color integration

Browse Source
This commit is contained in:
Michael Freno
2026-02-10 15:10:07 -05:00
parent a405474f11
commit f707594d0c
18 changed files with 247 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/Feed/FeedPage.tsx
View File

@@ -50,14 +50,14 @@ export function FeedPage(props: PageProps) {
>
{/* Status line */}
<Show when={isRefreshing()}>
<text fg="yellow">Refreshing feeds...</text>
<text fg={theme.warning}>Refreshing feeds...</text>
</Show>
<Show
when={allEpisodes().length > 0}
fallback={
<box padding={2}>
<text fg="gray">
<text fg={theme.textMuted}>
No episodes yet. Subscribe to shows from Discover or Search.
</text>
</box>
@@ -75,22 +75,22 @@ export function FeedPage(props: PageProps) {
paddingTop={0}
paddingBottom={0}
backgroundColor={
index() === selectedIndex() ? "#333" : undefined
index() === selectedIndex() ? theme.backgroundElement : undefined
}
onMouseDown={() => setSelectedIndex(index())}
>
<box flexDirection="row" gap={1}>
<text fg={index() === selectedIndex() ? "cyan" : "gray"}>
<text fg={index() === selectedIndex() ? theme.primary : theme.textMuted}>
{index() === selectedIndex() ? ">" : " "}
</text>
<text fg={index() === selectedIndex() ? "white" : theme.text}>
<text fg={index() === selectedIndex() ? theme.text : theme.text}>
{item.episode.title}
</text>
</box>
<box flexDirection="row" gap={2} paddingLeft={2}>
<text fg="cyan">{item.feed.podcast.title}</text>
<text fg="gray">{formatDate(item.episode.pubDate)}</text>
<text fg="gray">{formatDuration(item.episode.duration)}</text>
<text fg={theme.primary}>{item.feed.podcast.title}</text>
<text fg={theme.textMuted}>{formatDate(item.episode.pubDate)}</text>
<text fg={theme.textMuted}>{formatDuration(item.episode.duration)}</text>
</box>
</box>
)}