Gin's dialog.css forces dark background on layout builder off canvas settings

Created on 26 May 2022, over 2 years ago
Updated 4 October 2023, over 1 year ago

Problem/Motivation

The layout builder off canvas settings when adding and managing sections has a dark grey background and the title of the off canvas dialog has an even darker background. This is caused by:

.ui-widget.ui-dialog.ui-dialog-off-canvas {
  --colorGinOffCanvasActive: var(--colorGinPrimary);
  background: #444;
  border: 0 none;
  box-shadow: 0 0 48px rgba(0, 0, 0, .075);
}

and

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
    background: #1b1b1d;
    border-radius: 0;
}

both in dialog.css in the Gin theme. This means that other modules such as the "Bootstrap Styles Settings" module having their light / dark theme settings ignored when you try and use the light theme. If this being caused by the light / dark theme settings not being fully implemented yet when it comes to the layout builder settings tray? I have currently got light mode selected in my Gin appearance settings.

🐛 Bug report
Status

Closed: duplicate

Component

Code

Created by

🇬🇧United Kingdom vaccinemedia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024