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


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)
Senior Laravel Developer
Senior Full-Stack Engineer
Developers for B2B eCommerce SaaS, AWS serverless, Laravel, Vue, Python
Remote, full time EU only
ES Tech Group
Senior PHP Developer (Laravel)
The Interaction Design Foundation