Laravel Debugbar Adds Dark Mode
Published on by Paul Redmond
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.