Redefining a core custom property at :root in an extension changes it for every other extension and for the theme, and whichever stylesheet loads last wins. The result is a conflict that only appears when a particular combination of extensions is installed, which makes it close to unreproducible from a bug report.
Wrong
:root {
--primary-color: #34d399; /* now everyone has this */
}
Right
Namespace your own variables, and scope any override to your own container:
.MyExtension {
--myext-accent: #34d399;
}
.MyExtension-panel {
background: var(--myext-accent);
}
If you genuinely need to react to the theme, read core variables rather than redefining them: color-mix(in srgb, var(--primary-color) 20%, transparent).
Recommended Comments