Develop Reference

How can I use dynamic colors in SplashScreen api an android 12?

I'm trying to make the background of an android 12 splash screen use #android:color/system_neutral1_900 as the background, but as I can see, the color loads only after the splash screen. Is there any way to use it on the splash screen?
<style name="Theme.App.SplashScreen" parent="Theme.SplashScreen">
<!-- Set the splash screen background, animated icon, and animation duration. -->
<item name="windowSplashScreenBackground">#android:color/system_neutral1_900</item>
</style>
The color does not appear and it uses the default grey. I also tried with other system_ colors and the same result comes up. Using #android:color/black or hex colors works.

Try using this item as part of your main application theme according to this link
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#color/colorPrimary</item>
<item name="colorPrimaryDark">#color/colorPrimaryDark</item>
<item name="colorAccent">#color/colorAccent</item>
<item name="android:windowSplashScreenBackground">#color/colorAccent</item>
</style>

Status bar icons color in vertical Multi-window Mode if the app window is in the second position

When in multi-window mode if the app window is in the second position, status bar icons color change their tint from white to black from time to time (if you rotate the phone) on Android 10 Lineage OS. There's no such bug on Samsung Stock running Android 9. It looks like android randomly gives priority to color scheme of the app in the first position.
Correct behavior:
Incorrect behavior:
styles.xml:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#color/colorPrimary</item>
<item name="colorPrimaryDark">#color/colorPrimaryDark</item>
<item name="colorAccent">#color/colorAccent</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">#android:color/transparent</item>
<item name="android:navigationBarColor">#android:color/transparent</item>
</style>
</resources>
Full source code is available at https://github.com/alecpetrosky/Android-Immerse-Demo

It seems that rotation also makes Android to redraw status bar. Setting automatic recreation of Activity on configuration changes solved the problem.

how to remove toolbar in custom tabs(plugin of android

see custom tab here i want to remove the complete this blue section ,actually i don't want those option and link to displayed in my custom tab. i don't want to show these option in my custom tab. any help ?? . i try to set them to invisible in its layout xml code

The key is in your styles.xml file.
Notice how mine says, NoActionBar
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#color/colorPrimary</item>
<item name="colorPrimaryDark">#color/colorPrimaryDark</item>
<item name="colorAccent">#color/colorAccent</item>
</style>

Just set the styles.xml and activity_main.xml properties to any NoActionBar theme. There is second way within MainActivity place this line above setContentView() method:
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
Check this link for more info:
http://easyandroidtutorials.com/remove-title-bar-android-hide-action-bar/

How to fix this UI

I am relatively new to Android Studio. I was creating an app which plays music on touch. The app works but I want to remove this element from the UI so that it looks full screen.
This is how it appears in the design window:
This is my styles XML file`
<!-- Base application theme. -->
<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#color/colorPrimary</item>
<item name="colorPrimaryDark">#color/colorPrimaryDark</item>
<item name="colorAccent">#color/colorAccent</item>
</style>
This is how the image looks on my phone:
What I want is, I want to see the exact design on the UI design window. Also, I would like my app to look fullscreen, without the name bar.

To remove the "Title Bar" (the Name Bar) you can refer to this question.
I want to see the exact design on the UI design window
There should be error messages telling you why the Layout Designer in Android Studio is not displaying the UI, it could be a library/Gradle issue. or It could be caused by the styles.xml file.

add this to your style
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
This will hide action bar

Android app masthead display

I have created an app using Android Studio 2.3.3, choosing Empty Activity Template. After its creation I went and changed the background color to something like colorAccent and I also changed the colorPrimary to colorAccent in colors.xml.
Now, when I ran the app, following emulator display appeared.
As you can see, it displays my app name, followed by a dark line.
I don't understand where this dark line has come from and how can I get rid of this?
However, this dark line does not appear in Android Studio design mode (see screenshot below).

it is shadow of action bar my friend
to remove this shadow add below lines to your theme under res/values/style
<style name="MYTheme" parent="android:Theme.Holo.Light">
<item name="colorPrimary">#color/colorWhite</item>
<item name="colorPrimaryDark">#color/colorWhite</item>
<item name="colorAccent">#color/colorAccent</item>
<item name="windowContentOverlay">#null</item>
<item name="android:windowContentOverlay">#null</item>
</style>
now add this in manifest file this to your activity
<activity
android:name=".YourActivity"
android:theme="#style/MYTheme"/>
or try this
getSupportActionBar().setElevation(0);