Modernize styling and add persistent dark theme toggle

[abyn365]

Motivation

• Refresh the visual design to a cleaner, more modern look with softer shadows, larger radii, and a warmer light palette.
• Provide a persistent dark theme so readers can choose a comfortable, high-contrast alternative that respects system preference.
• Improve layout and UI affordances (header, sidebar, posts, pagination, code/blockquote) for a polished reading experience.

Description

• Revised theme tokens and introduced dark-mode variables in src/styles/app.css, including gradient page background, glow colors, larger radii, and color-scheme handling.
• Added a persisted, accessible theme toggle UI to the sidebar in src/layouts/base.astro, plus an inline initialization and toggle script that sets document.documentElement.dataset.theme, updates color-scheme, and updates meta[name="theme-color"].
• Modernized the app shell, sidebar, nav, and back-to-top visuals by updating layout classes in src/layouts/base.astro and src/components/list.astro for wider max-width, glassy panels, rounded cards, and refined controls.
• Polished header and post visuals by updating src/components/header.astro and src/components/item.astro (card header, larger avatar, gradient title text, timeline dot, rounded post cards, refined pills/tags).
• Improved rich content styling in src/styles/content.css for pre/code/blockquote treatments and added dark-theme text rendering tweaks for code blocks.

Testing

• Ran pnpm lint:fix and pnpm lint, which completed successfully after automated fixes.
• Ran pnpm build which completed successfully.
• Ran CHANNEL=miantiao_me pnpm build which completed successfully.
• Attempted CHANNEL=miantiao_me pnpm preview --host 0.0.0.0 and a basic curl -I against the preview server; the preview server launched but page rendering returned HTTP 500 because the runtime could not fetch the external Telegram feed in this environment (external fetch failure, not a local build error).

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
broadcast-channel	Ready	Preview, Comment	May 15, 2026 3:10am