Problem/Motivation

darkmode bug

On dark mode on this page, the side navigation inherits the wrong styles.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

CommentFileSizeAuthor
#4 lightmode.png176.58 KBhinal05
#4 darkmode.png177.78 KBhinal05
Screenshot 2026-06-30 at 10.17.16 AM.png629.01 KBbernardm28

Issue fork drupal-3609023

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

bernardm28 created an issue. See original summary.

hinal05’s picture

hinal05 commented
Assigned: Unassigned » hinal05

I reproduced this on Drupal 'main' using the 'default_admin' theme. Dark mode works fine, but the Layout Builder canvas turns white after clicking Enable Edit mode.

I’m working on a fix.

hinal05 opened merge request !17179

hinal05’s picture

hinal05 commented
Assigned: hinal05 » Unassigned
Status: Active » Needs review
StatusFileSize
new darkmode.png177.78 KB
new lightmode.png176.58 KB

I updated the background colors in 'layout-builder.pcss.css' for dark mode using the 'default_admin' color variables. The light mode is unchanged. I tested it locally, and the canvas, blocks, and drop zones now look correct in dark mode after clicking Enable edit mode.

I’ve attached the working screenshot here.

smustgrave’s picture

smustgrave commented
Status: Needs review » Needs work

dark-mode doesn't appear to be a class for layout builder so don't think we should put theme specific css there.