Laravel Debugbar Adds Dark Mode

News

August 12th, 2020

laravel-debugbar-featured.png

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:

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

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:

Paul Redmond

Full stack web developer. Author of Lumen Programming Guide and Docker for PHP Developers.