AvengeMedia / AvengeMedia/DankMaterialShell

Overview panel renders as stuck/glitched blur box in Frame layout (v1.6.0) — invalid var() in generated gtk-3.0/gtk.css

Open Beginner friendly
#3,283 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
QML
Stars
8.1k
Forks
515
Avg merge
1d 8h
Merged PRs (30d)
102

Description

## Description

After updating to v1.6.0 ("Marble Tabby"), the Overview quick-settings panel renders as a stuck/glitched blurred box instead of showing its content (clock, weather, calendar, media, settings shortcuts). Reproduces reliably with `Layout: Frame` in Dank Bar settings.

## Root cause found

`~/.config/gtk-3.0/gtk.css` (generated by the DMS matugen GTK template) contains one rule that uses GTK4-only CSS custom-property syntax (`var(--x)`) instead of the GTK `@define-color` reference syntax that every other rule in the same file uses:

```css
/* Dialogs */
window.background.dialog, messagedialog, .dialog {
background-color: var(--popover-bg-color);
color: var(--popover-fg-color);
}
```

This should be:

```css
window.background.dialog, messagedialog, .dialog {
background-color: @popover-bg-color;
color: @popover-fg-color;
}
```

GTK3 does not support CSS custom properties (`var()`/`:root`) at all — that syntax is only valid in `gtk-4.0/gtk.css`, which legitimately defines `:root { --popover-bg-color: ...; }` and references it with `var(--popover-bg-color)` (see lines 2-21 of the generated `gtk-4.0/gtk.css`). It looks like the new "Dialogs" block was added to both the GTK3 and GTK4 templates, but the GTK3 version was copy-pasted from the GTK4 one without converting the syntax.

Because the whole rule fails to parse, GTK emits:

```
(qs:5445): Gtk-WARNING **: 16:05:30.978: Theme parsing error: gtk.css:328:23: 'var' is not a valid color name
(qs:5445): Gtk-WARNING **: 16:05:30.978: Theme parsing error: gtk.css:329:12: 'var' is not a valid color name
```

Whatever native GTK dialog/widget the Overview panel embeds fails to theme itself as a result, and the panel is left showing a stale/garbled blurred capture instead of its content.

## Steps to reproduce

1. Update to DMS v1.6.0.
2. Set Dank Bar layout to `Frame` (Settings → Layout → Frame).
3. Open the Overview quick-settings panel.
4. Panel shows a stuck, blurred, glitched box instead of the clock/weather/calendar/media content.
5. Check logs — the `Gtk-WARNING` lines above appear when the theme is (re)applied.

## Expected behavior

Overview panel renders normally, as it did before v1.6.0 (see attached screenshot of correct rendering).

## Environment

- DMS version: v1.6.0 ("Marble Tabby")
- Compositor: Hyprland
- Distro: Fedora
- Layout: Frame

Contributor guide

Open the contributing guide

Research direction

Start by locating the DMS matugen GTK3 template that generates ~/.config/gtk-3.0/gtk.css, then compare its Dialogs block with the GTK4 template described in the issue. Done means the generated GTK3 stylesheet applies the GTK3 color-reference syntax, the reported Gtk-WARNING lines are gone, and the Overview panel renders its content normally in Frame layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
desktop
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Active
Clarity
Clearly specified
Newbie friendliness
90/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.