When in Project Properites one select Device Default theme how to adjust three colors: AccentColor, PrimaryColor and PrimaryColorDark?

MIT App Inventor Help
1

Hello,

in Project Properties / Theming there are three colors to set up, as AccentColor, PrimaryColor and PrimaryColorDark and below the Theme headline one can choose one of the Classic, Device Default, Black Title Text and Dark theme.

My question is this.
I have selected the Device Default theme, and I have set the three colors as AccentColor, PrimaryColor and PrimaryColorDark. If I then download the theme as an APK and install it on my phone, then these three colors should match when my phone is in dark and light theme, that is, in both cases.
Am I right?

Still, I ask: can these three colors be selected to match both the dark and light themes of my phone?

I know that Android app UI coloring has become a separate science. However, I just want to understand how, in this case (when I selected the Device Default theme), I can customize my app colors to match both the dark and light themes of my phone?
My goal is that during the day, when my phone automatically switches to the light theme, my app should also provide a good user experience in the light theme, and in the evening, when my phone automatically switches to the dark theme, my app should also provide a good user experience using the dark theme.
How can I meet this requirement using the App Inventor developer interface?

I don't want to use any Extensions, but only what App Inventor provides by default.

Any advice would be appreciated!

2

You probably can not Pal.

Why?
Because Theme can only be set at compile time and once you set the Theme and compile , it cannot be changed while the app is running. :wink: When it is set for day you cannot move to a dark them when it gets dark. Perhaps you can do this with Android Studio which has extensive libraries to do something like this. Our unsophisticated App Inventor can only approximate. :grinning:

Theme
Selects the theme for the application. Theme can only be set at compile time and the Companion will approximate changes during live development. Possible options are:

  • Classic, which is the same as older versions of App Inventor;
  • Device Default, which gives the same theme as the version of Android running on the device and uses PrimaryColor for the Action Bar and has light buttons;
  • Black Title Text, which is the Device Default theme but with black title text; and
  • Dark, which is a dark version of the Device Default theme using PrimaryColorDark and having dark grey components.
1 Like
3

@SteveJG Thank you very much for explanation.

1 Like