Skip to content

explorer: restore light mode theme support#867

Open
decofe wants to merge 3 commits intomainfrom
omar/restore-explorer-light-mode
Open

explorer: restore light mode theme support#867
decofe wants to merge 3 commits intomainfrom
omar/restore-explorer-light-mode

Conversation

@decofe
Copy link
Copy Markdown
Member

@decofe decofe commented Apr 20, 2026

Restores light mode that was removed in PR #653.

Changes

  • Re-adds ThemeProvider (src/lib/theme.tsx) and ThemeToggle (src/comps/ThemeToggle.tsx)
  • Restores light-dark() CSS values in styles.css with proper light/dark color pairs
  • Restores scheme-light-dark class on <html> and color-scheme: light dark
  • Re-adds @custom-variant dark for Tailwind v4
  • Restores favicon media queries for light/dark preference
  • Re-adds theme toggle button in the Header
  • Re-adds env example for VITE_ENABLE_COLOR_SCHEME_TOGGLE

Prompted by: omar

Re-adds ThemeProvider, ThemeToggle, light-dark CSS values, favicon
media queries, and scheme-light-dark class that were removed in PR #653.

Co-Authored-By: o-az <23618431+o-az@users.noreply.github.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019da9ae-3e00-7771-a7ad-68ceefbf3187
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 20, 2026

Bundle Size Report

Metric Size Δ Change
Total 4.2 MB -575.3 KB (-11.7%)
Gzip 1.2 MB -90.6 KB (-6.8%)
Brotli 1.1 MB -71.5 KB (-6.2%)
Chunk changes (>1KB)
Chunk Change
assets/KeyManager.js (removed) -477.4 KB
assets/QueryBuilder.js (removed) -423.4 KB
assets/router.js -297.2 KB
assets/wagmi.config.js -283.5 KB
assets/isAddressEqual.js (removed) -200.4 KB
assets/_hash.js -128.1 KB
assets/BaseTanStackRouterDevtoolsPanel-Bmws3ikM.js (removed) -99.5 KB
assets/Intro.js (removed) -66.0 KB
assets/createSsrRpc.js (removed) -43.8 KB
assets/path.js (removed) -30.6 KB
assets/Hash.js -30.3 KB
assets/FloatingTanStackRouterDevtools-B7vy70jP.js (removed) -24.4 KB
assets/stringify.js (removed) -19.7 KB
assets/_layout.js -17.9 KB
assets/hmac.js (removed) -16.7 KB
assets/address.js -13.8 KB
assets/Address.js -13.6 KB
assets/getAction.js -13.0 KB
assets/base.js (removed) -12.8 KB
assets/utils.js -10.1 KB
...and 49 more

Compared against main branch (baseline from 2/4/2026, 5:13:51 PM)

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 20, 2026

Cloudflare Deployments

App Environment Status Preview
explorer devnet [OK] Deployed View Preview
explorer mainnet [OK] Deployed View Preview
explorer testnet [OK] Deployed View Preview
fee-payer devnet [>>] Skipped No changes
fee-payer moderato [>>] Skipped No changes
fee-payer privy [>>] Skipped No changes
og - [>>] Skipped No changes
perf - [>>] Skipped No changes
tokenlist - [>>] Skipped No changes

decofe and others added 2 commits April 20, 2026 07:46
Adds gradient mask to soften bottom crop edge and reduces opacity in
light mode so the arcs blend naturally with the light background.

Co-Authored-By: o-az <23618431+o-az@users.noreply.github.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019da9ae-3e00-7771-a7ad-68ceefbf3187
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.

2 participants