Laravel Debugbar Adds Dark Mode

Laravel Debugbar Adds Dark Mode

Laravel Debugbar v3.4.0 added a beautiful new dark mode. Existing users with a system preference for dark mode should automatically start seeing the dark theme after updating to v3.4:

This feature adds a theme configuration option with three possible options: dark, light, and auto. What’s neat about auto (default) is that it will respect system preferences:

@media (prefers-color-scheme: dark) { 
  /* ... */
}

Part of the update includes using the Dracula Dark theme for HighlightJS, to make it a bit more readable and easier on the eyes:

Dark mode builds on the significant UI updates we saw earlier this year. It’s great to see these UI improvements for a tool that so many Laravel developers use every day.

If you want to learn more about the code behind this update, check out Pull Request #1074 submitted by @ekvedaras. Also, the v3.4.0 release has full details.

Filed in: News

Newsletter

Join 31,000+ others and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Senior Full Stack PHP Developer (Laravel)
Remote
MAPPEN
Senior Laravel Developer
Remote
ACTO
Senior Full-Stack Engineer
[REMOTE: USA Only]
Curricula
Developers for B2B eCommerce SaaS, AWS serverless, Laravel, Vue, Python
Remote, full time EU only
ES Tech Group
Senior PHP Developer (Laravel)
Remote
The Interaction Design Foundation