Skip to content

Add dev mode logo and favicon with gold color#45

Merged
stylessh merged 1 commit intomainfrom
stylessh/dev-logo-variant
Apr 9, 2026
Merged

Add dev mode logo and favicon with gold color#45
stylessh merged 1 commit intomainfrom
stylessh/dev-logo-variant

Conversation

@stylessh
Copy link
Copy Markdown
Owner

@stylessh stylessh commented Apr 9, 2026

Summary

  • Adds a variant prop to the Logo component ("default" | "dev") that switches the squircle fill from green (fill-brand) to gold (fill-brand-dev)
  • Creates favicon-dev.svg with a matching gold background color
  • Switches favicon and logo to the dev variant automatically when import.meta.env.DEV is true
  • Adds --brand-dev CSS variable (light + dark mode) mapped to --color-brand-dev in the theme

Test plan

  • Run the app locally and verify the browser tab shows a gold favicon
  • Verify the login page logo renders with a gold squircle
  • Build for production and confirm the green favicon and logo are used

Switch logo and favicon to yellow/gold in dev mode so it's easy
to distinguish dev from production in the browser tab and UI.
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
diffkit 11b9c21 Commit Preview URL

Branch Preview URL
Apr 09 2026, 06:36 PM

@stylessh stylessh merged commit bf47692 into main Apr 9, 2026
4 checks passed
stylessh added a commit that referenced this pull request Apr 18, 2026
Switch logo and favicon to yellow/gold in dev mode so it's easy
to distinguish dev from production in the browser tab and UI.
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