topic Re: Toggling Light/Dark theme programmatically API 4.x in ArcGIS JavaScript Maps SDK Questions

Toggling Light/Dark theme programmatically API 4.x

RichardMoussopo — Fri, 10 Dec 2021 15:50:02 GMT

The API provides two different css files for light and dark theme. I am trying to figure out a better way of switching theme on toggle button click. I've tried unloading the light css file then load the dark css file and I am not impressed with this approach. Does anybody out there ever tried this?

Thank you

Re: Toggling Light/Dark theme programmatically API 4.x

ReneRubalcava — Fri, 10 Dec 2021 16:56:48 GMT

I don't know how you're updating it, but you can just update the href of the link tag.

https://codepen.io/odoe/pen/qBPaPpR?editors=1000

Re: Toggling Light/Dark theme programmatically API 4.x

RichardMoussopo — Mon, 13 Dec 2021 16:25:25 GMT

Thank you Rene, I am using React but this did the trick. I really appreciated

Re: Toggling Light/Dark theme programmatically API 4.x

René_Ténière — Mon, 17 Jan 2022 20:12:22 GMT

René,

How do you listen for changes to the theme? I have developed a widget and would like to listen for the theme changes for the internal CSS.

Thanks,

René T.

Re: Toggling Light/Dark theme programmatically API 4.x

LindaCecilieKjeldsen — Wed, 08 Nov 2023 07:53:06 GMT

This seems to no longer function for the popup? It seems "something" happened around version 4.25..? It is possible to make the popup light if you import light stylesheet, and dark if you import dark. But if you switch in runtime, nothing happens in the popup.