I found that some apps icons on google play are changing their background colour based on whether dark theme is enabled or not like in the photos below.
Any ideas how to implement this?
Light mode icon
Dark mode icon
This is based on a transparent background you can define making your app icon.
Probably you remember you need to set a foreground (often the symbol, here the pocket) and also a background. If you use a transparent background, it will get a greyish black in darkmode and a white in light mode ("whitemode").
It's an optical illusion.
You could check it if you would have the app and set a custom screen wallpaper on your phone, for example with particles. Those would shine through the app icon background.
Probably your idea is posible in the future, I haven't heard about it yet. Cheers!
Related
I am new to app shortcuts in Android. I am using ShortcutInfo.Builder for that.
I also set an icon with the SetIcon function. But the icon is always (at least on Pixel devices) displayed over a white circle, so I have to specify a dark icon for it to be visible. Is this white circle an standard for Android? Could other launchers have a different color? I am afraid of tinting the icon to always dark and then find devices where it has to be light.
In the pixel device I have tested, it doesn't matter if it is Day or Night mode, the circle around the shortcut icon is always white and the icon must be dark if you want it to be seen.
Update:
I testes with a Huawei and shortcuts are transparent.
I have an app on android that create home shortcut icon.
The image of the icon is image that i set programmatically from the drawable
Now the problem is, when the shortcut was created on the home screen it's created with white background.
How do i remove that white backgroubd and set image to full size of icon?
Thank you all..
EDIT: the app i was talking about is app that i developed using android studio and just want to set full size of image when i create home shortcut
This is highly dependent on the launcher you use. The image looks like the standard google android 8+ (?) icon shape.
I theory it could be part of the icon you created but since you are asking this I doubt it.
In older versions of android the outer shape of the icons were individual, while rather cool and the outline correctly shown while dragging them etc many complained about the lack of a uniform look of all the icons in the app drawer etc.
It was introduced to make all icons seem more uniform.
Long pressing an empty space in the Google Pixel launcher for example shows a choice to go into the settings for the launcher and there you can change the shape all icons should have:
In addition to this, apps can take advantage of the various shapes and adapt to them and fill them out so to speak. See for example the Chrome icon while changing the icon shapes in the launcher settings.
Introduced in android 8: The feature is called adaptive icons.
See the docs about adaptive icons here:
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive
That is because of adaptive icons - a feature of Android 8 and can't or shouldn't be changed. You can at best change the colour of the background.
i removed the white background from the launcher icon by following these guidelines https://developer.android.com/studio/write/image-asset-studio
a few more points
in the background layer, move the slider to resize the icon until you see no what would have been the white background.
in the manifest file, change the icons to reference the mipmap folder;
android:icon="#mipmap/yourlogo"
android:roundIcon="#mipmap/yourlogo"
I have an issue where the font color in a screen of my app changes from white to almost gray. After hours of experimenting I was able to find out that this is caused by Android's auto-dimming feature.
A page of mine starts of as a pretty dark background with a spinner. When data is fetched have plenty cards onscreen(all with white background).
This leads the color of the font in my header to change form grayish to (as intended) white. The change is extreme and very noticeable.
Is there a way to turn off this feature?
I have an app icon with transparent background. I have 2 variants: black and white.
The issue I have found is that some android phone menu screens have a black background, while some others have a white background.
Therefore the issue I have is that my logo looks invisible on certain phones no matter which i pick.
How do I solve this problem?
Is there a way to use the dark or light variant depending on the theme?
According to the android iconography documentation here
and also here the icons in the status bar are supposed to be entirely white with transparent background. However, even the built in icons don't all follow this pattern it seems. The signal quality (for wifi and cell), battery indicator, and some others have the holo blue background on some icons on newer devices. Is this color built into the icon itself?
I am looking to implement a status bar icon with my app that will indicate the status of a connection to an external (bluetooth) device. I was planning on doing my company logo (which is a fairly simple, mostly circular shape) filled in with a color to indicate the status of the connection (connected - green, not connected - red). But since I'm not supposed to use a color these seems much more complicated. Is it really that bad to use a non white icon, and if it's so bad why does google do it?
It's convention, like creating accessors for your private fields, but it's not strict that you follow it. That being said, it is a good idea to follow the color scheme of the OS, simply because that way everything looks uniform. Therefore, I would suggest that rather than green and red, you choose holo blue and grey. It is completely your choice as the developer.