Hi guys.
Does anyone know how to create theme-aware png icons for applications? Like Microsoft built-in apps icons - the icon background color same as theme accent color...
I've tried a few things like an adding alpha-layer to png but have no success. Please post the instructions and example.
Thanks!
I found an answer to my question: it's not possible and not allowed by Microsoft :-(
Here are list of all possible templates, we can use only TemplateType5 (for file WMAppManifest.xml)
TemplateType1 - no image visible, accent colour tile, caption text, no count
This seems to be a default style for the internal apps, it uses the title attribute as well as an IconImageURI for a transparent png image on top of the accent colour tile
This template is also used for Emails and Text Messages, the large number is in the attribute Number
TemplateType2 - image is shown, grey tile colour, caption text, no count
This is used for the Microsoft Office live tile, and contains an IconImageURI and a BackgroundImageURI. It can contain a Title attribute also, but a count does not appear. It does not seem to animate at all
TemplateType3 - image is shown, grey tile colour, caption text, count in accent colour circle
This is the Games or Xbox Live Tile design. It has a BackgroundImageURI for the backing, the Title for the text bottom left, An ImageURI for the xbox live logo, and an AvatarImageURI for the image of the avatar that animates and interacts with the logo
TemplateType4 - no image visible, double width, accent colour tile, no caption, no count
This is the Calendar template. The only property I can find for it is AppointmentTitle. This is where the text "Calendar" is displayed
TemplateType5 - default and only one allowed to be used!
This is the only template you are allowed to use for the moment. It has a grey tile, with a BackgroundImageURI, a Title attribute, and a Count attribute for the small number in the top right, on a circle in the accent colour
TemplateType6 - default but double width, not allowed like the others at the moment
This is the template for the Pictures Tile design. It uses a BackgroundImageURI and the Title attribute.
TemplateType7 - image visible, grey tile colour, caption visible, no count shown
This is the Zune Style Tile. It has an ImageURI for an icon in the top left, and BackgroundImageURI for animated backgrounds. The animation style is random when you leave and return to the Start Screen
TemplateType8 - image visible, grey tile colour, extra large caption text at top, no count shown
I think this is a template for when you pin a contact to your home screen, I am not sure what attributes to add in order for it to animate
TemplateType9 - image visible, grey tile colour, caption visible, no count shown
Not sure what is special about this template, it can use a backing colour, and title, but can't find anything else it can do
TemplateType10 - People Tile design and animation (not sure how you populate images)
This is the Contacts Tile design, you have the title but also Photo01ImageURI upto 09 I guess, but it may support more and choose randomly from that list of Photo Image URIs
TemplateType11 - no image, accent tile colour, large caption like single contact tile, no count
This also looks like a Contact pinned to the Start Screen Tile, except it uses an accent colour, and does not support backgrounds or icons. The large caption text appears at the bottom
It is possible, just add an alpha layer in the .png and it will render bg in accent color (note: there's a bug that prevent the accent color to show in the app list, but it works perfectly if you add it to the "start page")
Edit: scrap that just realised you were talking about application tile icons. For the small tile, no it cannot be done, but if they pin your icon to the start page it'll take on the accent colour if it's background is transparent.
create two images, 1 dark and 1 light. Then using a Bool like
public static bool IsLightTheme
{
var v = Application.Current.Resources["PhoneLightThemeVisibility"]
If (v == Visibility.visible)
return true;
Else
return false;
}
You can then switch images depending on the theme selected.
Peeps,
I know its possible to change the tile color but is there a way to change the icons color inside the tiles from the standard white?
Icons inside the tiles like message icon, phone icon etc etc
I want to achieve the following theme:
black background, white tiles and black icons...
Thanks
Have a look in this thread, it might help you out.
http://forum.xda-developers.com/showthread.php?t=929017
So this is the concept:
Instead of having a wallpaper with custom Icons, you have a custom wallpaper with the icons designed on the wallpaper itself and the icons set to an invisible icon (Simply save an icon with "Simple Text-Text Icon Creator" without any text). This way you can design complex wallpapers with shapes that have the functions in the painting itself.
Just an idea that came to mind recently, you still have to drop the icons on the correct grid part though. You can change the icon using Apex or Nova launcher.
All the best
Current wallpaper
I have an invisible folder with my most used apps on the left and the gallery at the top. You can also name the folders with a space so only a panel comes up.
At the bottom are phone, messages, app grid and two apps.
Done.
It is possible I'm not sure how I did it but I think they turned white after I changed wallpaper
I'm not a developer and have no idea of how to make my own icon pack so here I go with my request to the themers I guess?
I want the same icon pack that comes with the G3 but all the icons either square or round or both.
The second request is that the background for all app has to be either that beige or whatever color it is or that green-blueish of the G3s widget. For example the same green P_toti used for his G3tweaksbox icon (both color options would be great!). Picture attached
Idk how hard is this to create but I'm willing to pay if not too pricey. By the way I'd like too keep the icon details like the white and the shade on the message app and the white and black the G3tweaksbox app.
Thanks!
please! or at least tell me how can I start experimenting with editing icons or creating my own