Skip to content

Theme Incompatibility with mixed Light/Dark mode settings #12

Open
@lolipodass

Description

@lolipodass

I am experiencing an issue with the Zen theme after the latest update, which introduced changes to how dark and light themes are handled.
Currently, I use a light theme on Windows and a dark theme in my browser. Since the update, when the Zen theme is set to dark, content becomes invisible, as shown in the first image.
Image
The "dark theme" I am referring to is the one selected in "edit theme"
Image
The root of the problem appears to be that your code uses --zen-colors-tertiary where --toolbar-bgcolor (which resolves to --dark-light) would be the correct choice.
here is line that have problem

background: color-mix(in hsl, var(--zen-colors-tertiary), transparent 30%) !important;

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions