Thanks for the question, @andreas1
Some answers to your questions:
-
I discussed this particular question with our Design System team and reviewed some discussions with the Ecosystem Platform team. The solution for dynamically changing the app icon based on theme has not yet been solidified and our recommendation at this time is to utilize a single icon which displays well in both light and dark color modes. This can be achieved directly via color choice or by using a light border around a darker icon which allows for it to be distinguished in dark mode. We’ll follow-up when we can provide any more specific guidance.
-
At the moment AUI doesn’t directly utilize design tokens but there is working being done now to migrate its variables to use tokens. And its existing themes will be ported to use design tokens. This is expected to be released in an upcoming 9.x version of AUI. After this is released and partners utilize this version, elements using AUI classes will have support for light and dark theming baked in.
As an aside, if you need access to the current color mode from your app, you can utilize useThemeObserver in React code and ThemeMutationObserver in non-React code.