refactor(epg): align program-item styling with channel-list aesthetic

Drop the gradient + bevel + drop-shadow chrome from EPG rows so the panel
speaks the same flat-by-default visual language as the channel list. Add
--app-live-color token, tokenise the LIVE badge, tighten typography
(weight 600, text-wrap balance/pretty), and bump the info icon to 32px
for Fitts-compliant hit area.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Entire-Checkpoint: 4cc5371f549e
This commit is contained in:
4grayandClaude Opus 4.7 committed 2026-04-29 00:43:45 +02:00
1 parent 31258624b5
commit db0e2b658f
3 files changed
+45 -32

No files matched your search

+6
View File
@@ -80,6 +80,9 @@ html {
transparent
);
// Live / on-air accent (broadcast indicator)
--app-live-color: #d12c2c;
// Content area
--app-content-shadow: -2px 4px 12px rgba(0, 0, 0, 0.06);
@@ -152,6 +155,9 @@ html {
transparent
);
// Live / on-air accent (broadcast indicator)
--app-live-color: #ff8f8f;
// Content area
--app-content-shadow: -4px 8px 20px rgba(0, 0, 0, 0.18);