Skip to content

Feat: dark mode + client side transitions - #4336

Open
dev-dist wants to merge 16 commits into
mainfrom
public/feat/dark-mode-poc
Open

dev-dist wants to merge 16 commits into
mainfrom
public/feat/dark-mode-poc

Conversation

@dev-dist

@dev-dist dev-dist commented Oct 19, 2026 •

Copy link
Copy Markdown
Collaborator

This pull request focuses on improving the consistency and maintainability of color and theme usage across the codebase, especially by replacing hardcoded color values with CSS variables. It also introduces a new development-only integration for a component gallery and makes some minor refactoring for theme handling. These changes will make it easier to update themes in the future and ensure a more cohesive user experience.

Theme & Color Variable Refactoring:

  • Replaced hardcoded color values (e.g., #ced0d5, #1a2b6b, #eef2ff, etc.) across multiple components and CSS files with semantic CSS variables such as --border, --foreground, --muted, --color-text-primary, and others, improving maintainability and theming consistency. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28]

  • Updated dark theme selectors in PolicyInstanceBuilder.module.css to use :global(html.dark) instead of .theme-dark, aligning with Astro's preferred theming approach.

Astro Configuration & Development Tooling:

  • Added a new Astro integration, devOnlyComponentGallery, which injects a development-only route (/dev/components) for a component gallery during astro dev, aiding local development without affecting production builds. [1] [2]

  • Enabled link prefetching in the Astro config to improve perceived navigation speed, using a "hover" strategy to avoid prefetching too many links at once.

Minor Refactoring:

  • Expanded Astro type imports to include AstroIntegration for the new development integration.

These updates collectively streamline theming, improve developer experience, and set up the codebase for easier future enhancements.

@dev-dist
dev-dist requested review from a team as code owners October 19, 2026 18:04
@vercel

vercel Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
documentation Ready Ready Preview Oct 30, 2026 7:59pm UTC

Request Review

@github-actions

Copy link
Copy Markdown
Contributor

👋 dev-dist, thanks for creating this pull request!

To help reviewers, please consider creating future PRs as drafts first. This allows you to self-review and make any final changes before notifying the team.

Once you're ready, you can mark it as "Ready for review" to request feedback. Thanks!

Tone fills (yellow-950, blue-950, red-950) read as heavy or rust-colored in dark. Use an elevated neutral surface plus a 3px tone accent bar for tone asides, the RateLimitBucket status box, and the CCIP wallet warning. Aside and rate-limit tones now use blocks' theme-aware progress/success/warning/error tokens.

This branch was successfully deployed

1 active deployment
Preview — 95f09069 Deployed Oct 30, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant