News

Laravel Debugbar Adds Dark Mode

Published
Laravel Debugbar Adds Dark Mode image

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.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

acquaintsoft logo
Acquaint Softtech

Hire Laravel developers with AI expertise at $20/hr. Get started in 48 hours.

Visit Acquaint Softtech

The latest

View all →
The Laracon Archive image

The Laracon Archive

Read article
Group Adjacent Collection Items in Laravel with chunkBy() image

Group Adjacent Collection Items in Laravel with chunkBy()

Read article
Laravel queue:work Now Prints Why the Worker Stopped image

Laravel queue:work Now Prints Why the Worker Stopped

Read article
Sidecar Brings Statamic's Control Panel to Your Existing Markdown Sites image

Sidecar Brings Statamic's Control Panel to Your Existing Markdown Sites

Read article
Collections chunkBy() and Storage Path Hardening in Laravel 13.30 image

Collections chunkBy() and Storage Path Hardening in Laravel 13.30

Read article
Forte: Parse and Rewrite Laravel Blade Templates image

Forte: Parse and Rewrite Laravel Blade Templates

Read article