You can do this with a CSS-based approach, using an IF THEN ELSE or SWITCH in Glide to control the theme.
I discussed the concept of switching Glide’s Light and Dark environments dynamically here:
The post documents the concept and approach rather than the full CSS code. The original implementation was quite extensive because it required overriding multiple parts of Glide’s UI.
For your particular use case, I would actually consider using dynamic theme colors rather than trying to reproduce the entire Light/Dark environment. It is much simpler to manage and can still be driven by a Glide condition or SWITCH.
Here is another example where I used :has() to respond to app state and dynamically change theme colors:
So the general pattern is:
Glide condition / SWITCH → expose the state in the DOM → CSS responds to that state → theme changes dynamically.
This can be adapted for a development toggle controlled from within the app, without changing the setting in the Glide builder.