{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Introduction
Materialize Theme is a theme for AROMA Installer. Inspired by sir Daniiiik49's Material theme and based on the MIUI 4 ICS theme. It applies the Material Design concept to give you a whole new look n' feel It also includes the most common Material Design Icons for you to just choose whichever icon you prefer to use.
NOTE: Currently supports small screen devices, cause Buttons, Icons and other parts of the theme appears small on a larger screen device (see the screenshots below). Sorry for inconvenience.
Screenshots
Device with 320x480 resolution:
Device with 1080x1920 resolution:
Changelog
Materialize 01.05.2017
Set Roboto Light font as the default theme font
Removed Device Pixelate size selection
Removed Font size selection
Minor changes
Materialize 12.12.2016
Added 2 theme colors; Indigo and Blue Grey
Added 70 Material Design Icons
Updated Buttons. Will now raise only on press
Updated Dialog window. Fixed Titlebar text color
Updated Window transition. A bit slower transition
Set default Device Pixelate size to HDPI
Set Poiret One font as the default theme font
Materialize 12.10.2016
Applies Polymer's Paper Shadow
Updated Progress bar
Updated Dialog window
Updated Selection controls
Materialize Lite
Initial release
Customization
I've now moved and updated the source files to a new repository. Here if you want to customize your own theme, click the button below for some basic useful info you may want to know first
Colors
All colors I've used here are from the Color Style guideline. Just choose your primary (500) theme color and you're good to go. The rest of the colors are defaults from the MIUI 4 ICS theme and were already set in the source files, so no need to worry bout it.
First thing is replacing some values of the theme's properties. Open up the file theme.prop, replace the HEX color code values of the following theme properties listed below with your preferred color.
Code:
[FONT="Courier New"]color.selectbg = #RRGGBB
color.selectbg_g = #RRGGBB
color.titlebg = #RRGGBB
color.titlebg_g = #RRGGBB
color.dlgtitlebg = #RRGGBB
color.dlgtitlebg_g = #RRGGBB
color.scrollbar = #RRGGBB
color.progressglow = #RRGGBB[/FONT]
Brief description about the properties; color.selectbg and color.selectbg_g for item selection (e.g Selecting an item in selectbox), color.titlebg and color.titlebg_g for the Titlebar text color, color.dlgtitlebg and color.dlgtitlebg_g for the Dialog's Titlebar text color, color.scrollbar is basically for the Scrollbar, and color.progressglow for the animating gradient color of Progress bar.
Background, Navbar, Dialog & Titlebar
The colors used in Background, Navbar and Dialog can also be found in the Color Style guideline under Themes. Background color is Grey 50 (#FAFAFA), the color of the Navbar is actually the App bar color which is Grey 100 (#F5F5F5), Dialog background color is White (#FFFFFF). And the color for Titlebar, as well as for Dialog's Titlebar will be the primary theme color.
Select Image
The Select image can be seen in the item selection (e.g When pressing an item in menubox). There isn't much use of this one so I just make it totally transparent.
Progress Bar
The Progress bar has two segment, one is the empty Progress bar and the other one is the fill Progress bar. Color used for the empty Progress bar is Grey 300 (#E0E0E0) and for the fill Progress bar is the theme's primary color. Additionally, to change the animating gradient color, just replace the value of the property color.progressglow in the theme.prop file.
Buttons
Here I've implemented the Raised Button which at first is just a classic button, then will raise once it's pressed. The following order of theme properties below will show this implementation.
Code:
[FONT="Courier New"]img.button = button.9
img.button.focus = button_primary.9
img.button.push = button_primary_raised.9[/FONT]
Brief description about the properties; img.button is the classic or let's say the default button, img.button.focus is basically the focused button (not elevated/no drop shadow), and img.button.push is the pressed button (elevated/drop shadow on).
The color used for the default button is Grey 300 (#E0E0E0) and for the primary button is the theme's primary color.
Toggles
There are four states for the Checkbox and Radio button; OFF, ON, FOCUSED, and PRESSED states. Obviously, The OFF state is the unselected one, and of course, the ON state is the selected one. FOCUSED state is only applied to the unselected item where it's simply indicates that the item is just focused but not selected. PRESSED state is where the ripple-like effect is shown which indicates that the item is pressed, either it is selected or unselected.
The following order of theme properties below will show this implementation:
Code:
[FONT="Courier New"]# CHECKBOX
img.checkbox = checkbox
img.checkbox.focus = checkbox_focused
img.checkbox.push = checkbox_focused_ripple
img.checkbox.on = checkbox_on
img.checkbox.on.focus = checkbox_on
img.checkbox.on.push = checkbox_on_ripple
# RADIO BUTTON
img.radio = radio
img.radio.focus = radio_focused
img.radio.push = radio_focused_ripple
img.radio.on = radio_on
img.radio.on.focus = radio_on
img.radio.on.push = radio_on_ripple[/FONT]
Brief description about the properties; img.radio and img.checkbox for the unselected item, img.radio.focus and img.checkbox.focus for the focused unselected item, img.radio.push and img.checkbox.push for the pressed unselected item, img.radio.on and img.checkbox.on for the selected item, img.radio.on.focus and img.checkbox.on.focus for the focused selected item (here, FOCUSED state is not applied to selected item), img.radio.on.push and img.checkbox.on.push for the pressed selected item.
See the Selection Controls guideline for the color style.
NOTICE: Some of the image has a .9 at the end of their names (as seen in the file theme.prop). This is important so don't change it, unless you know what's its purpose.
Other References
The drop shadows I used here is the Polymer Paper Shadow. See this blog for details on how to apply these values in Photoshop.
Credits
Sir @Daniiiik49 for giving me permission to use his theme's resource.
Big THANKS to @Mitsos Vorris for providing screenshots and for those countless test :laugh:
Just a simple Thanks if you liked my work. It will be very much appreciated
Can you post some screenshots?
Mitsos Vorris said:
Can you post some screenshots?
Click to expand...
Click to collapse
I can't right now, I don't have a PC but after the update I'll post it all. Sorry for inconvenience.
Theme updated
Final update.
Turkish Language
Texts are translated for Turkish.
Language File Only
EypCnn said:
Texts are translated for Turkish.
Language File Only
Click to expand...
Click to collapse
Thanks for contribution
AROMA-CONFIG Update
Added Font size selection for small, medium and large screen size
Re-added Device Pixelate size selection but with additional 2 options
great job
great job
Screenshots added.
Minor changes.
Thank you!
Thanks for the work :good:
Related
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Let me start by saying that I used Photoshop CS6 to make this but you can use almost any design software to create it. The base we will be creating can be used for an icon set using the mask we’ll be making as well as stock images or your own. I’ve included the PSD file for easy reference so download it and fire up Photoshop, let’s get started! (Here's the video tutorial if you hate to read. )
THE BASE
Step 1: Open a new document. Name it whatever you like, set the size to 512x512 pixels and the ppi to 300. Set the color mode to RGB.
Step 2: Grab your rounded rectangle tool,(It’s hiding below the rectangle tool). Now click somewhere near the center of your artboard and set the dimensions to 490x490 with a corner radius of 66 pixels. Hit enter, now double click the layer in the layers panel and rename the layer “base”.
Now hold ctrl+a to select everything, switch to your move tool (v) and up in th etop toolbar click the indicators to center the square. Hit ctrl+d to deselect. You should now have something that looks like this.
Step 3: Make a copy of the square by holding down ctrl and tapping J on the keyboard. Hide that layer for now by clicking on the eye next to the thumbnail in the layers panel.
Step 4: It’s time to add a gradient to the base. With the base layer selected, click on the “fx” icon at the bottom of the layers panel and select “gradient overlay”. In the new dialog box that pops up click on the actual gradient to open up the color picker. Double click the color stops and type in C5C5C5 for the hex code on the first color, and E4E4E4 for the second. Leave everything else set to default and click ok until you are back at your artboard. You should now see something like this. (without the shadow)
THE ICON
Step 5: Now draw out a long skinny rectangle using the regular rectangle tool making sure to draw it all the way across your artboard. Like this:
Hold ctrl+T to bring up the transform tool and, holding shift, rotate the rectangle over the top right corner of the base. Rename this layer to “One”. Copy that layer using cntrl+J and rotate it across the right side of the base, a little lower than the corner. Repeat the process until you have something like this:
Step 6: Arrange the rectangles in this order in the layers panel: Two>One>Five>Three>Four. Now select both One and Two using cntrl+left click. With the rectangle tool selected change the fill of the shapes to D7D253. Now select the remaining shapes and color them AEAEAE.
Now draw a brown rectangle to add some color. Use the color code A6917D and place it below all of the “street” layers. You should now have something like this:
Step 7: Group all the rectangles together by selecting them all and hitting ctrl+G. Then right click on the group in the layers panel and select “merge”. Now select the base layer, right click it in the layers panel and select “rasterize layer style”. Reselect the group of shapes and right click, select “create clipping mask”.
Step 8: Next up on our to do list is the little blue location indicator. Grab your ellipse tool and, while holding shift, click then hold down alt as well and drag out a circle. Place it over the number three layer. Let’s give our circle a subtle blue gradient. Go to fx>gradient overlay and set the gradient colors to 88adc5 and 84b1d1. While you've got the fx box open, give it a drop shadow and lower the shadows opacity to 75% with a distance of 7 pixels and a size of 13 pixels. Set the angle to 90 degrees. Click ok. It should now look like this:
THE MASK
Step 9: Make one last copy of the base layer. Right click on it and select “clear layer style”, then move that bad boy to the top of the list. Up in the navigation panel go to filter>noise>add noise and make sure uniform is selected and give it 4% noise, click OK.
Step 10: Let’s add a gradient to the mask. Set the foreground color to eeeeee. And go to fx>gradient overlay. Once in the fx box, select foreground to transparent gradient. Set the style to radial, the angle to 90 degrees and the scale to 150%. It should now look like this:
Now just decrease the opacity of the mask layer to 29%.
Step 11: Next we will give it a nice subtle drop shadow. Re select the base layer. Go to fx>drop shadow. Set the color of the shadow to 595957. Set the opacity to 48%, angle to 90 degrees and both the distance and size to 5. It should now look like this:
Finally, save it as a .png image file. If you’re going to be making an icon set, be sure to place your themed icons in-between the base and mask and save them individually. Thanks for reading, I hope you had fun and learned a thing or two along the way.
Hello everyone!
Into:
What is "SBG Method"?
"SBG Method" is a simple method that users and themers can use to make some of their work easier.
It is mostly targeted on themers that like to make lots of variations for their themes.
"Go on! I like the sound of it!":
It is kind of a complex way and maybe a bit time consuming at first, but it helps a lot.
So, what is this method?
Let's use an example!:
Let's say I am making a CyanogenMod theme which I am gonna release in different color versions.
A CyanogenMod theme replaces original resources(drawables, colors, styles, e.t.c.) from original packages found in Android, such as com.android.systemui(SystemUI.apk). Those resources are the ones who(most of the time) define what you see in your devices screen.
To redirect an icon, for example the Brightness Tile icon, you have to add a redirection. In a redirection you tell Android which resource(drawable, color, e.t.c.) from the original package to replace with which one from your CyanogenMod theme resources.
Most people do this:
They replace an icon,for example "ic_qs_brightness_auto_on.png", with another icon they created which they placed in their CyanogenMod theme adding the original package name as a prefix to better locate it, com_android_systemui_ic_qs_brightness_auto_on.png.
A redirection for this resource would be like this:
<item name="drawable/ic_qs_brightness_auto_on">@drawable/com_android_systemui_ic_qs_brightness_auto_on</item>
Replacing an icon(.png) with an icon(.png), pretty simple and easy.
No one tells you though that you can't do otherwise.
How about replacing an icon(.png) with an .xml?
"Why do that?! As long as .png -> .png works fine why change my ways?"
Well, you are right!
But let's use one more example:
I finished with my CyanogenMod theme. I created new icons for all of my Quick Setting Tiles and I added a blue circle background behind every ON tile and a grey circle background behind every OFF tile.
Users liked my icons and ask me to make the same Tiles but have red squares behind ON tiles and white squares behind OFF tiles. Now I have to make the same icons but add a different background behind them.
If the tiles are for example 123 files it'll take lot's of time, especially if I am a user that has less or no experience at all with Photoshop Actions.
Now users ask me to make the same icons with green triangles/dark grey background for ON/OFF tiles.
Time consuming!
What if I had just 123 icons for Tiles and just 2 more to use as ON/OFF backgrounds?
I would only have to change 2 .pngs each time instead of 123.
Well, that's basically the "SBG Method" and "SBG" stands for "Separated Background".
You can use this method on anything you can imagine!
Resources I used this method on successfully are:
Status Bar icons, Halo, Quick Setting Tiles.
I am sharing that method with you because we all can have different ideas and you can all use this in different ways.
How to make this work:
Let's use an example again:
Let's say I want to change the Brightness Tile.
I'll personally make an .xml called:
brightness_auto_on.xml for when Auto Brightness is ON
brightness_auto_of.xml for when Auto Brightness is OFF
In redirections I'll make this:
<item name="drawable/ic_qs_brightness_auto_on">@drawable/brightness_auto_on</item>
<item name="drawable/ic_qs_brightness_auto_off">@drawable/brightness_auto_off</item>
Now, how is an .xml gonna be uses instead of a .png?:
(Tired of reading? Image examples!)
brightness_auto_on
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
brightness_auto_off
A layer-list will render resources one on top of another.
In this case, a brightness icon on top of a circle background.
Android will replace the stock Brightness ON/OFF tile icons with my two, .xml rendered Brightness ON/OFF resources.
What are the benefits of this method?:
Less time releasing your themes with different colors.
You can provide users with very small VRT flashables that can contain just the replacing backgrounds.
Easier for users to make their own backgrounds.
You can make more backgrounds like blue backgrounds for WiFi/Signal tiles and red backgrounds for all others or make a plethora of colorful backgrounds and assign each background to each Tile.
Lot's of possibilities, just be creative!
Smaller size themes. "Why? I am going to have 123 more files(.xml)." Here's why smaller size:
Having a 4kb background repeated 123 times will be around 123 times larger* so it's best to have just one background. Plus, each .xml you will create will be around 200B large that means...**
4*123=492kB *
200*123=24600B=24kB **
492-24=468kB
You save 468kB
Disadvantages:
One .xml for each icon you replace(for example, 123 Tiles = 123 .xmls).
Lots of writing(.xmls), depending on how many icons you are gonna replace with .xml.
More files.
Performance cost(?)
Notes:
If you have any idea on how to make this guide easier you can tell me.
Maybe the examples were not the best ones but I just wanted to give you an idea on how my method can help you.
I'll make a template myself for Tiles for you all to not have to write the .xmls.
If you find any misspelling you can tell me.
Thanks goes to:
My XDA buddies:
@Chirag_Galani
@joehanh88
@KINGbabasula
@shut_down
My long time friends at #TeamFun IRC channel:
All of you guys!
Nice guide. :good:
Hi!
This was inspired by KryptosXLayer2 for the BlueCircle battery icons, but I wanted to have my own icons, with the other colors and settings.
I too spent WAY too long working on this tool, but the end result is here for you to use and to judge. It's a Windows application, so I apologies to all Linux, Mac, etc. users.
With this tool you can create your custom circular battery icons by specifying the following parameters:
Icon size
Base icon transparency
Circle width and padding
Choice of built-in or custom charging icon
Choice of text of custom overlay for bad charge indication
Percentage text font
Varying of each element (circle, percentage text, charging icon, bad charge indication) based on percentage (this includes custom charging icons and bad charge indication too! - see below for more information on this)
Optional "fixed" colors for the circle
Gradual color changes between specified color levels
A few more minor things
This tool will also allow you to preview the icons based on the current settings using specified background. The actual icons that you save when you're done always have transparent backgrounds, but this will allow you to see how they blend with various backgrounds.
Here is how it looks like:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I tried to make the UI as intuitive as possible, but I would like to mention a few thing on usage:
1. Color levels:
For each element (circle, percentage text, charging icon, bad charge indication) you can specify up to 5 color levels based on percentage.
First select how many (1-5) color levels you want.
Then specify the cut-off percentage for each level.
Double click each percentage field to edit the color it represents.
The corresponding element will have the given color if the percentage is lower than the given color level.
If gradual colors are specified, then the color of the element will gradually move from one color to the other as percentage changes.
For circle element you can choose "fixed colors". This means that each portion of the circle that represents a percentage range will always have the color specified by the corresponding color level. Otherwise, the circle will have just one color, which will change based on percentage.
2. Custom icons:
You can use custom images for charging icon and bad charge indication. Supported formats: GIF, PNG (the ones that support alpha-channel).
One of the colors in this image will be designated as "key" color, which will vary based on percentage and color levels specified for this element.
This tool will try to auto-detect this "variable" color based on which color is more prevalent in the image, but you can correct this color by double-clicking "variable color" control (it will become visible only after you load your custom image).
Note, that for the purposes of variable color key, each pixel with the same RGB components will be treated as the same color regardless its transparency (alpha), but when this icon is rendered, the original transparency is preserved, while changing the color.
3. Preview panel:
If preview mode is set to "Auto" the preview panel will be updated automatically every time you make a change to any of the parameters, otherwise, click "Preview" to see your changes.
You can change preview percentage by entering 5 different percentage values.
I'm providing a few examples of the icon sets that can be generated using this tool:
1. Default (the way parameters are set when you launch the application):
Download
2. Blue circle, no fixed colors:
Download
3. Default, except for no gradual or fixed circle colors (my favorite):
Download
After you generated your custom icons, you can use them to mod your SystemUI,apk to replace the stock icons. There are many guides available that describe the process.
For example: http://forum.xda-developers.com/showthread.php?t=1814441
This tool and generated icons are donateware. If you like this tool and find it useful, please consider making a donation.
I can accept PayPal and Bitcoin:
Paypal:
http://tinyurl.com/nwfs9jm
[QRCODE]https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LU9P6CPY9RTEQ[/QRCODE]
Bitcoin:
bitcoin:1HvqKzCam5E8KQvb43tWUobUVFNsZhhhzt
[QRCODE]bitcoin:1HvqKzCam5E8KQvb43tWUobUVFNsZhhhzt[/QRCODE]
This information will also be available in the app after you save an icon set.
Comments and suggestions are welcome. Suggestions accompanied by a donation will receive a higher priority for consideration.
Reserved
Looks great, good work and believe me, I sure know about how much time you spent doing this - at least twice as long as it took me to design the icons and lay those stupid things out right!
Congrats and I hope lots of people get use out of this if they want to see their icons in different variations!
Kustom Live Wallpaper (KLWP) is the most powerful HD Wallpaper creator ever! KWGT is Widget creator counterpart. Use their awesome WYSIWYG (What You See Is What You Get) editor to create you own design and display any data you need, at once, and with wonderful animations too (KLWP only)! If you need more info or have questions please use these thread:
KLWP: http://forum.xda-developers.com/android/apps-games/app-kustom-live-wallpaper-t2916666
KWGT: http://forum.xda-developers.com/android/apps-games/app-kwgt-kustom-widget-maker-android-4-4-t3225173
Please use this thread to share Kustom Komponents WIPs, Kustom Komponent Screens or links to free Kustom Komponents (komp.zip files)
Komponents are basically presets inside a preset or reusable items, so a way in Kustom to create your own redistributable object. So, for example, let's say you want to create a clock but hide the complexity to the user and enable him to just set the color and the font in use, well, Komponents will do exactly that!
Material Clock Komponent sample: https://www.youtube.com/watch?v=RbvJwPQeTNc
Signal Bar Komponent tutorial: http://kustom.uservoice.com/knowledgebase/articles/434600
Quick reference, how to create a komponent
Open a preset, press "+" on top right to add a new module
Select Komponent -> New Skin
Create your Komponent possibly using "globals" (for globals check http://kustom.uservoice.com/knowledgebase/articles/426738-how-to-use-globals)
Export the Komponent pressing the "export" icon on top bar
Go in your SD card under "Kustom/Komponents"
Share the file "komp.zip" as it is
How to use a Komponent
Copy the "komp.zip" file as it is in the SD card under "Kustom/Komponents"
Open a preset, press "+" on top right to add a new module
Select Komponent -> SD Card and browse for the desired Komponent
Weather Komponents
Since weather komponents are quite a common need i have attached an example one to start with so you can create a new one very very quickly. There are 2 ways to do that:
From PC:
Open the attached komp.zip file
Replace all the images in the "Bitmaps" folders keeping the same names
Save the Zip
Done!! If you want also to change title / author either edit the "preset.json" file in the zip or import export as instructions below
From the device:
Add the Komponent from your SD card
Go inside the Komponent and Inside the "Bitmap Group" with the Advanced Editor
Pick a new image for every state listed (so enter the image, press "pick image" and choose the corresponding image)
Export with your details / name / description
Done!
Welcome everyone! Show us what you've made!
Baseline Komponent for the creation of Weather Iconsets
This komponent should be available to all of you in the next update, but if you want it now have at it in the link below.
So this is a fairly straight forward iconset using the well know Climacons glyph set.
There are several reasons I built and released this as an unlocked, free, Komponent.
1st. You can use this as a base to create your own LOCKED/Paid Komponent APKs. You still have to do a bit of work, but all of the code base is already in place for making the right icon show.
2nd. The globals here give you some ideas on what you should be including with your iconset Komponents. Just having a font is OK, but having other stuff like background shapes is better.
3. This is FAR easier to handle in terms of creating weather layouts. You no longer need to go into the code and change wi(icon) to wf(icon, #) for every single icon you have in your forecast list.
Simply add the Komponent, and choose from the DAY dropdown list which you want, Current or Forecast#, the code takes care of the rest.
List of Globals
*Day* (list) - Choose current or forecast day number
*Iconset* (font) Change the icons the Komponent uses easily
*Icon* (color) - Changes the color of the weather icon
*IconSize* (number) Change the size of the weather icon relative to BG
*Outline* (toggle) Change icon to an outline
*Stroke* (number) Change the width of the outline.
*BGStyle* (list) Change background shape (off, square, Circle, Exagon)
*BG* (color) Change the color of the backgroud shape
*Corners* (number) adjust the corner roundness on the BG shape.
Please remember that if you change the font used, you do HAVE TO go into the "Weather Icon" text layer and change the formula to reflect with characters your icons are assigned to.
Saved for a How-To on editing the code for your own font.
Coming soon.
ritalin said:
This komponent should be available to all of you in the next update, but if you want it now have at it in the link below.
Please remember that if you change the font used, you do HAVE TO go into the "Weather Icon" text layer and change the formula to reflect with characters your icons are assigned to.
Click to expand...
Click to collapse
Very basic question I know, but how do I install this? I can't find which folder to place it in...
StrangerWeather said:
Very basic question I know, but how do I install this? I can't find which folder to place it in...
Click to expand...
Click to collapse
Please check post on top, just copy it in the SD card under "Kustom/komponents" (the directory should already be there), then you can add it in the editor as you add a shape or text, just select Komponent -> SD card and browse for this. Since that Komponent is unlocked you will start in simple mode (you will see the tunable options only) but if you want to edit the komponent you can just "unlock" it and see the internals.
frankmonza said:
Please check post on top, just copy it in the SD card under "Kustom/komponents" (the directory should already be there), then you can add it in the editor as you add a shape or text, just select Komponent -> SD card and browse for this. Since that Komponent is unlocked you will start in simple mode (you will see the tunable options only) but if you want to edit the komponent you can just "unlock" it and see the internals.
Click to expand...
Click to collapse
Thanks but precisely the problem is that I don't see a folder called Komponents. I have bitmaps, wallpapers and fonts. That's it.☺
Edit: OK, never mind, I just created it...
StrangerWeather said:
Thanks but precisely the problem is that I don't see a folder called Komponents. I have bitmaps, wallpapers and fonts. That's it.☺
Click to expand...
Click to collapse
Ooops! The "komponents" folder is not created automatically. I have fixed this on next version, you will have to create it manually this time or just try adding a komponent, select SD card, it will show an empty list but create the folder. Thanks for reporting!!
Changing weather images
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Download Komponent: https://www.dropbox.com/s/g45gl7ac9aex82y/weather_images.komp.zip?dl=0
Haven't been on Xda as much lately but glad you started this Frank!
Thx!
New Premium Weather Komponent
Soft Elements
https://play.google.com/store/apps/details?id=org.qlagdesigns.softelements
This is the first of many weather iconset komponents, I will be releasing.
This Komponent takes the "Kitchen Sink" approach to its design. Thats to say that there are a large number of GLOBALS, to allow you to take my icon design and make it your own. All in all there are 30 globals for customization. Allowing you to change everything from the size of the icon, its color, its design, to the shape, color and other special characteristics of background shapes.
*LIST OF GLOBALS:*
Code:
[B]*ICON GLOBALS*[/B]
1. Day
2. Icon Color
3. Icon Rendering Mode
4. Icon Size
5. Outline (Fill, Outline, Combined
6. Stroke Width
7. Stoke Color
8. Stroke Rendering Mode
[B]*BACKGROUND SHAPE GLOBALS*[/B]
1. Shape Style (NONE, Square, Circle, Exagon)
2. Corner rounding
3. Background Color
4. Background Gradient Type
5. Gradient color
6. Gradient Width
7. Gradient Offset
8. Gradient Center X
9. Gradient Center Y
10. Shadow On/Off
11. Shadow Blur
12. Shadow Direction
13. Shadow Distance
14. Shadow Color
[B]*BACKGROUND SHAPE BORDER GLOBALS*[/B]
1. Border On/Off
2. Stroke Width
3. Stroke Color
4. Stroke Gradient Type
5. Stroke Gradient Color
6. Stroke Gradient Width
7. Stroke Gradient Offset
8. Stroke Gradient Center X
9. Stroke Gradient Center Y
Media App Iconset.
*Media Icon Komponent is live in the playstore*
https://play.google.com/store/apps/details?id=org.qlagdesigns.mediaapps
*Since Im offering this up for free, do me a favor and rate the app.*
This Komponent allows you to display an icon of the currently selected Music source.
There are a total of 40 different media apps that are supported by this iconset.
Additionally there are two other icons to handle apps that do not have their own icon.
1- A generic media icon, that appears only when none of the package name checks in the string are true.
2- A special icon that only displays if Media Utilities renders a null output for current package name. This icon is useful to relay the fact that a source needs to be choose.
This Komponent is UNLOCKED you can do with it as you like, so long as your follow two conditions.
1. You may NOT repackage this as your own Komponent and attempt to sell it.
2. If you use this in your own project and decide to sell said project, please provide attribution.
*IMPORTANT INFO*
This Komponents code uses Media Utilities to provide the package name of the current app in use. When Kustom builds this feature directly into the app, I will update this Komponent to reflect the new variables.
The Playstore version of Media Utilities is no longer being updated and does not seem to function with this Komponent. You need the latest build meant for KitKat, v153. You will need to side load this apk. The files can be found on the Media Utilities Beta Community page. https://plus.google.com/communities/103994832080931061321
KSymbolSet for Kustom
This is a Set of Symbols and Signals as Komponents made for the app 'Kustom Live Wallpaper'.
The Sets starts with 4 Symbols/Signals and will be continously extended.
Alarm/Battery/Cell-Wifi Signals/MusicStatus
Possible Settings:
WMAlarmSymbol:
MainClr: Color for the Symbol when Alarm is active
OffColor: Color for the Symbol when Alarm is off.
WMCellSignal:
MainClr: Color for the Symbol
OffColor: Color for the Symbol when Mobile Network is off.
WMWifiSignal:
MainClr: Color for the Symbol
OffColor: Color for the Symbol when Wifi is off.
WMBatterySymbol:
MainClr: Color of Symbol
WarnClr: Color of Symbol when WarnPerc reached
FullClr: Color of Symbol when FullPerc reached
FlashClr:Color of the Flash when charging
WarnPerc: Percentage when you will be warned.
FullPerc: Percentage when Battery is full
FullType: Type of Sysmbol ON Filled Symbol, OFF stroked Symbol.
WMMusicStatus
playclr: Color for PlayButton
pauseclr: Color for pauseButton
You need Media-Utilities:
Ultra configurable National Geographic picture of the day Komponent by Carla Jacobs.
How to use?
Copy the Komponent in the sdcard under "kustom/komponents" (folder should be already there) or import it from the app (pressing "+" to add a Komponent and then the "+" on bottom left and click "import" to select it from your phone memory)
Create a preset or start from a builtin one
Press "+" on top right to add a new item
Select the Komponent
Configure parameters as you like, scale, reposition and so on. Loading the images might take some time (so save it and go to your home to see it in action)
@frankmonza question. Why can't I export the bitmap weather Komponents? Scalable works fine.
rkucheran said:
@frankmonza question. Why can't I export the bitmap weather Komponents? Scalable works fine.
Click to expand...
Click to collapse
You should be able to export both, what's not working?
frankmonza said:
You should be able to export both, what's not working?
Click to expand...
Click to collapse
The images show "not set" after export.
rkucheran said:
The images show "not set" after export.
Click to expand...
Click to collapse
Please contact me via hangout on G+ or send me an email, shouldn't happen
frankmonza said:
Please contact me via hangout on G+ or send me an email, shouldn't happen
Click to expand...
Click to collapse
Cleared cache and data and fresh install. So far seems to be OK. Thanks for your reply.
Edit - Spoke too soon. Not working again.
Hi Frank! First I want to thank you for this masterpiece, one of the best apps I've used on android. I just have one question. Is changing weather icons available only in paid version?
Sent from my Nexus 4 using XDA Free mobile app
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
**NEW SCREEN** Choose from 3 different signal types **
Johns J Theme Transmogrifierfor
CM12 & 12.1 Theme Chooser
Color the J Blue Ice theme any color you want
(you do not have to have the J Blue Ice theme)
(In advanced options you can customize xml colors or even color a different theme)
Name it what you want
Save apk for future use
Developed and Tested on the SGS4 and OnePlus One
5 Easy Steps
1 - Choose Your Color (any color or shade) hit OK
(Now Generate Theme)
2 - Name your theme
3 - Color Theme (Creates and Colors all the icons & XML) (2 to 4 minutes)
4 - Create and Sign APK - Turn it into an CM12 Theme APP (50 seconds)
5 - Install Theme - either with the Install APK button or from your directory
Enjoy your personalized theme or Make another color!
Never get Bored of the color of your phone!!
Click here to see the full description with pictures and Links
Nice, can't wait to try it out.
Updated
03/09/2015 - Gmail Compose background changed to black, System navigation buttons themed
Available within 2 hours when the Play store updates
JohnMcW said:
03/09/2015 - Gmail Compose background changed to black, System navigation buttons themed
Available within 2 hours when the Play store updates
Click to expand...
Click to collapse
Thank you so much,for making this awesome app available for free..
3/14/2015 updates
03/14/2015 - Calculator Display now Black and widget updated, System Notification bars changed to black on all apps.,
----Play Store Search Darkend, Location Sys Bar Icon Colored, Battery on sys status bar circle and Icon colored,
----MMS - Compose Background changed to black. (CM 12 3/12/2015 and later)
----main screen text changed to stay on one line regardless of font chosen.
This looks extremely cool. Too bad I am on Slim, allthough Layers is awesome too
More changes
03/18/2015 - Cursor changed to Theme Color,
Hangouts-Talk first page background Light Blue,
Landscape IME text entry bkgd now black,
Google Translate - darkened some and icons lightened.
more updates
03/23/2015 - Contacts Name Text fixed black on black to white on black
-------------------Google Inbox Themed
-------------------Browser Themed more
4 new updates
03/26/2015 - What'sNew Play store Background Darkened
------------------- Keyboard Language Symbol lightened
------------------- Navigation Bar Bkgd set to Transparent
------------------- Nav Bar Edit Icons Changed in Settings
Sorry
Due to The Google play store having an
issue with the utility included with my application
to create an APK, That functionality has been
removed from the play Store version.
I apologize for any inconvenience this has
caused anyone who had previously download
my app from the play store.
The full APK version is in post 1 of this thread,
all future enhancements will be to this version.
If in the future I find another solution to creating
APK's the app may return to full functionality
in the play Store.
If you read this within the next 3 hours, just
disable updates from play store for my app and
you will have the same version that is in the post
Congratz
Sent from my A0001
Don Marquis?
JohnMcW said:
Theme Transmogrifier
Click to expand...
Click to collapse
Transmogrify--"Archy and Mehitabel?"
pbergonzi said:
Transmogrify--"Archy and Mehitabel?"
Click to expand...
Click to collapse
Transmogrifier is from Bill Wattersons' Calvin & Hobbes comics
4 new updates
04/01/2015 - Google Plus additional Theming -fixed some black text issues
------------------- Google Now Themed
------------------- CM Install icons themed
------------------- Package Install status icons themed
6 updates added
04/07/2015 - Hangouts/Talk - Tab Style Changed
------------------- Contacts - Fixed Colors
------------------- Chrome - Background fixed
------------------- Scrubber Style changed to Ice
------------------- MMS - Bubble Text lightened
------------------- Settings - WiFi Icons updated
New Compact Streamlined Version just 12 MB
New Compact Streamlined version just 12 MB
Now the full version is back in the play store,
get updates automatically again
or continue to get the new versions from here.
Other updates with this version
- Contacts - letter Tile Colors Themed
- Dialer - Letter Tile Colors Themed
- MMS - Letter Tile Colors Themed
Clean up Files
Hello, I have discovered that, even when you uninstall an app,
it leaves old files there, so when you re-install the app, the files
are still there.
So, If you want to clean up some space on your phone
The only things you need are: (if you have the new version of the transmogrifier)
keep:
data/data/com.johnmcwapps.jTransCM12
--apkbuild folder
--cache folder
--shared_prefs folder
and
--lib file
Also, (Unless you have APKTOOL installed)
delete all of:
data/data/per.pqy.apktool
Anyone have a screenshot of their Hangouts App?
Ohh_Zone said:
Anyone have a screenshot of their Hangouts App?
Click to expand...
Click to collapse
Here ya go.
More updates
04/18/2015 - Google Messaging Themed
------------------- Button Designed changed to allow white backgrounds to show black text (fixes black text issues on attachment buttons)
------------------- DropBox Themed