Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-28526] Android: Add solid app background theme support

GitHub Issuen/a
TypeNew Feature
PriorityLow
StatusClosed
ResolutionFixed
Resolution Date2021-08-25T15:35:05.000+0000
Affected Version/sn/a
Fix Version/sRelease 10.1.0
ComponentsAndroid
Labelsandroid, material-design, theme
ReporterJoshua Quick
AssigneeJoshua Quick
Created2021-08-17T22:35:35.000+0000
Updated2021-08-25T15:35:05.000+0000

Description

*Summary:* Many of Google's apps use a theme where the entire app background uses one solid color. That is the top status bar, action bar, and bottom navigation bar use the same color as the window's background color giving it one seamless solid appearance. We should offer a similar theme in Titanium for app developers to use or derive their own custom themes from. _(See example screenshots down below.)_ *Note:* On Android 12, the splash screen the OS displays for the app show a solid background color from the top status bar to the bottom navigation bar. It would be good if the app's windows have a similar theme since it transitions nicely to it (but it's not required by Google). *To-Do:* Create the following themes. Note the post-fixed ".Solid" in the theme names. * Theme.Titanium.Dark.Solid * Theme.Titanium.Dark.Solid.NoTitleBar * Theme.Titanium.Dark.Solid.Fullscreen * Theme.Titanium.Light.Solid * Theme.Titanium.Light.Solid.NoTitleBar * Theme.Titanium.Light.Solid.Fullscreen * Theme.Titanium.DayNight.Solid * Theme.Titanium.DayNight.Solid.NoTitleBar * Theme.Titanium.DayNight.Solid.Fullscreen We should change the default theme Titanium applies to the app... * From: Theme.Titanium.DayNight * To: Theme.Titanium.DayNight.Solid Android 8.0 and older does not support the [windowLightNavigationBar](https://developer.android.com/reference/android/R.attr#windowLightNavigationBar) attribute. So, we'll have to show a black navigation bar on older Android OS versions. Google does the same in their own apps. *Examples:* ||Android 12 - Window - Light Theme (Old)||Android 12 - Window - Light Theme (Solid)|| | !Android12-Light.png|thumbnail! | !Android12-LightSolid.png|thumbnail! | ||Android 12 - Window - Dark Theme (Old)||Android 12 - Window - Dark Theme (Solid)|| | !Android12-Dark.png|thumbnail! | !Android12-DarkSolid.png|thumbnail! | ||Android 12 - TabGroup Top - Light Theme (Old)||Android 12 - TabGroup Top - Light Theme (Solid)|| | !Android12-TabGroupTop-Light.png|thumbnail! | !Android12-TabGroupTop-LightSolid.png|thumbnail! | ||Android 12 - TabGroup Top - Dark Theme (Old)||Android 12 - TabGroup Top - Dark Theme (Solid)|| | !Android12-TabGroupTop-Dark.png|thumbnail! | !Android12-TabGroupTop-DarkSolid.png|thumbnail! | ||Android 12 - TabGroup Bottom - Light Theme (Old)||Android 12 - TabGroup Bottom - Light Theme (Solid)|| | !Android12-TabGroupBottom-Light.png|thumbnail! | !Android12-TabGroupBottom-LightSolid.png|thumbnail! | ||Android 12 - TabGroup Bottom - Dark Theme (Old)||Android 12 - TabGroup Bottom - Dark Theme (Solid)|| | !Android12-TabGroupBottom-Dark.png|thumbnail! | !Android12-TabGroupBottom-DarkSolid.png|thumbnail! |

Attachments

FileDateSize
Android12-Dark.png2021-08-17T22:47:06.000+0000489782
Android12-DarkSolid.png2021-08-17T22:47:06.000+0000492290
Android12-Light.png2021-08-17T22:47:05.000+0000485094
Android12-LightSolid.png2021-08-17T22:47:06.000+0000481552
Android12-TabGroupBottom-Dark.png2021-08-18T23:34:29.000+0000411502
Android12-TabGroupBottom-DarkSolid.png2021-08-18T23:34:30.000+0000413176
Android12-TabGroupBottom-Light.png2021-08-18T23:34:30.000+0000413210
Android12-TabGroupBottom-LightSolid.png2021-08-18T23:34:31.000+0000409827
Android12-TabGroupTop-Dark.png2021-08-18T23:34:31.000+0000412375
Android12-TabGroupTop-DarkSolid.png2021-08-18T23:34:30.000+0000414386
Android12-TabGroupTop-Light.png2021-08-18T23:34:32.000+0000413161
Android12-TabGroupTop-LightSolid.png2021-08-18T23:34:32.000+0000410491

Comments

  1. Joshua Quick 2021-08-19

    PR (titanium_mobile): https://github.com/appcelerator/titanium_mobile/pull/13030

JSON Source