Database Develop

[Tutorial][Themes][3-Jul-2010]Themes for SleepSense

Tutorial Skinning SleepSense
Application: SleepSense​
What do you need?
The only thing you need is an image-editor to edit the images
A xml editor to change the colors of the menu, borders, chart or other controls Step by step:
the original theme files
Step by step
Download the original default folder
Open the files in this folder in your image editor
Remake the images
Save the images (of course)
Edit theme.xml to change the colors of the menu, borders, chart or other controls
Create a new Theme folder: [Your theme name] Theme
Copy the edited images to your device in the folder [SleepSense installation dir]\Themes\ [Your theme name]Theme
Go to the alarm and select you own theme.
List of images in the \Themes\ folder
Bkg_Clock.jpg
Background of the sleep screen
Bkg_Default.jpg
Background of the menu
Bkg_Item1.png
The first item in the list
Bkg_Item2.png
The second/other item(s) of the list
Bkg_ItemS.png
The selected item of the list
Bkg_TxtClock.jpg
Background of the box with info in sleep screen
Bkg_TxtMain.jpg
Background of the info box
Img_Chart.png
The background of the sleep chart, the chart is projected over it.
Icon_xxxx.png
Several icons for in the menu or other
Bkg_Slide.jpg
Don’t touch it
Icon_Dummy.png
Don’t touch it
To make it compatible with the 200*480/320 screen resolution add _240x400 or _240x320 after the image name
Edit theme.xml
You can edit the xml to change the colors of the fonts, borders etc.
You can change a lot using the XML, but it’s pretty hard to understand (for a noob)
Forecolor is the color of font, Backcolor the achtergrond, other colors are gradients to the backcolor
<ImageFile1>XXXXXXXXX.png</ImageFile1>
contains the imagefile that is used that control
Code:
…="Icon_XXXXX"><ImageFile1>Icon_XXXX.png</ImageFile1>…
…="Bkg_Default"><ImageFile1>Bkg_Default.jpg</ImageFile1>…
<BackColor>XXXXXX</BackColor>
The background color of the control
Code:
… "Img_Chart"><BackColor>D3D3D3</BackColor>…
…="LeftBox_Chart"><BackColor>102C52</BackColor>…
<BorderColor>000000</BorderColor>
Color of the border
Code:
..lor><BorderColor>000000</BorderColor><Font>T…
…olor><BorderColor>000000</BorderColor><F…
<Font>[Font], [Size], [Formatting]</Font>
Font of the control
[Font] Font name
[Size] Size of the font
[Formatting] The formatting of the font (bold etc.)
Code:
…lor><Font>Tahoma, 5, Bold</Font>…
…r><Font>Tahoma, 8, Regular</Font><Fore…
<ForeColor>XXXXXX</ForeColor >
Code:
…nt><ForeColor>D3D3D3</ForeColor><Opac…
…nt><ForeColor>808080</ForeColor></Con…
These sections represent the topbuttons, main surrounding panel of the home menu, panel with for example the instructions, Clock colors, date colors, etc.
In the Beta these values can change. Best thing to do is to change is color to white FFFFFF, save the file and start SleepSense
<Opacity>XXX</Opacity>
Definite the opacity of the control, From 255 to 0, which is transparent
Code:
…r><Opacity>125</Opacity><Ba…
…Color><Opacity>80</Opacity><Ba…
Note: all colors must be in HTML color codes (like FFFFFF or 708090)
How to release your theme officially​
If you want to publish you personal theme send it to [email protected] in a zip file. We will check your theme and give, where necessary, advice and update this topic with your theme
Any way of advertising through a theme is forbidden.
When your theme is checked by the SleepSense team, we will add it to this topic.
While choosing a new theme in SleepSense the user will have the option to choose from these themes in this topic too. The selected theme is downloaded, unzipped into the Themes folder and ready for use.
Why?
We decided to check themes to improve the quality of the themes. It has also benefits for the developer:
*He will get useful advices
*His theme will be showed in the theme showcase of this thread
*His theme will be included with SleepSense
What must I send?
The theme folder with the images
At least 3 screenshot
(Optional) a cab installer
​

Showcase​
for now, there no SleepSense skins...
Read the tutorial and make your one

also reserved for future

Waiting to see what is coming...

suscribed to see some work

[Theme][q]Miui - a black and green beta d1 theme

How does one go about changing the text of certain things like the area in the dropdown notification and incorporating it into the theme?
Taking an existing theme and editing the files was cake.
However...
I ran into issues when i tried to add png icons the theme did not come with.
saved as the official name of the apk's icon.... com.xxxx.xxxx-x.png and placed it in the icons folder of the zipped theme.
wouldn't even display the theme in theme manager until i deleted any extra files I tried to add.
I made a theme. Open for criticism. It's my first time though, be gentle ....
For D1
forums.miui-dev.com/showthread.php?1224-THEME-D1-Black-and-Green&p=12203#post12203

DixieNormus said:
How does one go about changing the text of certain things like the area in the dropdown notification and incorporating it into the theme?
Taking an existing theme and editing the files was cake.
However...
I ran into issues when i tried to add png icons the theme did not come with.
saved as the official name of the apk's icon.... com.xxxx.xxxx-x.png and placed it in the icons folder of the zipped theme.
wouldn't even display the theme in theme manager until i deleted any extra files I tried to add.
I made a theme. Open for criticism. It's my first time though, be gentle ....
For D1
forums.miui-dev.com/showthread.php?1224-THEME-D1-Black-and-Green&p=12203#post12203
Click to expand...
Click to collapse
You have to create a folder called icon. Your other icons for non stock programs go there.
your folders from (lets call it )the root of your zip file should read
com.android.launcher
com.android.mms (if you are changing the messaging theme)
framework
icon
preview
descriptions.xml
Also join miui-dev and click on themes, there is a guide there

woody_2k said:
You have to create a folder called icon. Your other icons for non stock programs go there.
your folders from (lets call it )the root of your zip file should read
com.android.launcher
com.android.mms (if you are changing the messaging theme)
framework
icon
preview
descriptions.xml
Also join miui-dev and click on themes, there is a guide there
Click to expand...
Click to collapse
The pre-existing theme already had an icon folder, to which i did place the files into, and labeled correctly. just wouldn't allow the theme to display afterwards

[ICONS] UPDATED and COMPLETE: 3D SHINE and 3D TEXT ICON PACKS

3D SHINE ICONS
These are thirteen icon packs for LauncherPro. All icons are modified versions from source icondownloads.mysitemanage.com, so I can't take all the credit. Really I'm just looking for feedback on these... Enjoy, and let me know how they work for you!
This .zip file contains THIRTEEN icon packs, each with 103 icons, and each in a different color.
SCREEN SHOTS BELOW...
COLORS INCLUDED: Red, Cherry, Tangerine, Lemon, Lime, Green, Cyan, Baby Blue, Blueberry, Purple, Pink, Moonlight, and Silver.
**SEE BELOW FOR ADDITIONAL ICON PACK .ZIP FILES**
Install: Unzip and apply to your home screen or launcher dock via Gallery, BetterCut, or Folder Organizer.
3D RAINBOW ICONS - 3D SHINE DARK RAINBOW ICONS - 3D SHINE INVERTED RAINBOW ICONSThese are all modified versions of my 3D SHINE ICONS. Each zip file contains ONE icon pack. SCREEN SHOTS FOR THESE ARE NOT POSTED AS OF YET.
INSTALL METHOD SAME AS ABOVE.
**KEEP GOING... SCROLL DOWN THIS PAGE FOR MORE GOODIES**

cant wait to try these

3D STRAIGHT TEXT ICONS
These are EIGHT icon packs for LauncherPro. Each pack contains 164 icons, and each in a different color. Enjoy, and PLEASE POST SCREEN SHOTS!
COLORS INCLUDED: Homicide, Bubblegum, Lemon, Limeade, Blue Candy, Indigo, Grape, and Chrome.
SCREEN SHOTS WILL BE POSTED FOR THESE SOON...
Install: Unzip and apply to your home screen or launcher dock via Gallery, BetterCut, or Folder Organizer.

3D SONIC CUT THRU ICONS
These are ELEVEN icon packs for LauncherPro. Each pack contains 160 icons, and each in a different color. Enjoy, and PLEASE POST SCREEN SHOTS!
COLORS INCLUDED: Homicide, Tangerine, Lemon, Android, Tha Chronic, Bluez, Indigo, Grape, Bubblegum, Moonlight, and Chrome.
SCREEN SHOTS BELOW...

3D BUBBLES TEXT ICONS
These are ELEVEN icon packs for LauncherPro. Each pack contains 160 icons, and each in a different color. Enjoy, and PLEASE POST SCREEN SHOTS!
COLORS INCLUDED: Cherry, Tangerine, Lemon, Limeade, Mint, Cyan, Blueberry, Grape, Bubblegum, Moonlight, and Chrome.
SCREEN SHOTS BELOW...

Sweet setup thanks to Brit!
Sent from my FroyoEris using XDA App

these are really nice looking icons! wish i was still on launcher pro to use them!

NOTE: you can use these with any home screen if you set them using FOLDER ORGANIZER and choose "pick from gallery".
hazard99 said:
these are really nice looking icons! wish i was still on launcher pro to use them!
Click to expand...
Click to collapse

I know this may sound dumb.... but how do we install them? flash with the the zip via custom ROM? extract them to a certain folder?

Omnichron said:
I know this may sound dumb.... but how do we install them? flash with the the zip via custom ROM? extract them to a certain folder?
Click to expand...
Click to collapse
Here's what I did. Extract to where you want, unmount and mount sdcard to make the phone read it again. Then use whatever launcher you are using (launcher pro in my case) to change icons. In launcher pro, you long-press on the icon on the dock that you want to change, pick change icon, custom icon, then choose from gallery and all your icons should show up.
Hope that helps.
Oh and brtny, I'm showing off your work over in the Eris forums. They like it.

Omnichron said:
I know this may sound dumb.... but how do we install them? flash with the the zip via custom ROM? extract them to a certain folder?
Click to expand...
Click to collapse
Instructions are at the top of this post, and apply to all .zip files here. But just so you don't have to go through the trouble of scrolling up... After downloading the .zip file, go into your file manager (I prefer Linda File Manager found in the Market), locate the file and extract it... this will automatically move the .pngs to your gallery. Install to the DESKTOP of any home screen using Folder Organizer (also found in the Market) and choose "pick from gallery" when prompted. For use as DOCK icons with LauncherPro or ADW: install by longpressing on your dock, choose "apply shortcut" and choose your preferred application. Then select "choose custom icon", and finally select "pick from gallery" when prompted. The folder containing the icons will be there waiting for you. From there, scroll thru the .pngs and pick the one you want to place on your screen. Easy as sex. I mean pie.

helllooooo all. im totally a newb! question. is this a tron theme with seperate icons? or is this just a wallpaper with separate icons? please help. Im loovin the look. thanks

chill636 said:
helllooooo all. im totally a newb! question. is this a tron theme with seperate icons? or is this just a wallpaper with separate icons? please help. Im loovin the look. thanks
Click to expand...
Click to collapse
Sorry it took me so long to get back to you... I haven't checked my post in a long time, and now I'm under a different username, but to answer your question: this is not a theme or a wallpaper. Just icon packs. Hope you like.

[Theme Kitchen] For theme chooser and CM7

This is a kitchen I had used in the past. It was updated for CM7 and today added support for editing themes in the t-mo theme chooser that comes with cm7.
http://forum.xda-developers.com/showthread.php?t=990829
NOT MY WORK. I am just letting you guys know cause I have used it with great success on my eris both with the flashable theme and the theme chooser.
Direct link to the kitchen: http://uot.dakra.lt/
You need to unzip your rom's flashable file to make a flashable theme. The theme chooser uses the apk for a theme. For example, you can grab the circle batt on stock that I uploaded below and change batt and icons to your liking. You can edit battery, status bar icons, status bar, unlock animations, and boot animations with the kitchen. In order to make the file flash correctly on Amons RA 1.6.2, I had to select amend scripting in the file upload tab of the kitchen.

This is the default system theme with a circle battery. Just install the apk and use the theme chooser. It works well for me.
Also anroidian with circle batt.
Note: in order to see the circle battery, you must have the battery % in CM unchecked.

Screenshots please?

Pictures should be attached. One is stock with circle. The other is Androdian with circle battery. Battery changes from blue to green, yellow, orange, red. In the kitchen, you can make it whatever colors you want. I left all the status icons as default colors and icons, but you can change them to whatever you want.
Sorry for the quick screenshots. I didn't want to mess with it to much, my phone is going to verizon tomorrow and so it is stock. I had to steal my wife's phone and apply them before I had to give it back. The kitchen has options for pretty much any combination of colors. Previews for each option are shown on the site. It's actually pretty indepth. If you want me to show any specific shots, let me know. The two i attached showed the circle battery which should be the only difference from the original themes.
edit: more pictures of the batteries available at- http://forum.xda-developers.com/showthread.php?t=990829

[instructions]Edit themes

As always, use at your own risk!
Quelle
BecauseI know I'm not theonly one whowants tounderstandit a lot,I'll showyoua way.Inspirationand ideasI got from this article.​ Huawei EMUI Themes gestalten und verändern [Teil 1]
What is needed:
- 7zip
- Sublime Text 3
Here we go. The prerequisite is time to rest and work accurately!
After you have installed the two programs are set to go.
Think up a folder where the issues come in here (.hwt). Always works only with copies!
Here you should create a subfolder with the topic name you now. There you unpacked the topic. Go into that folder and subfolders again sets each with the appropriate name. example:
com.android.settings = com.android.settings e
So you keep track of things.
The repeated her with the topic, which ye icons, etc you want to have.
Now comes the actual act. Take the issue of the want to edit it, in my case, Edward Returns.hwt and clicks it right (not extract!), Just select Open.
Next, locate the com.android.settings and open it again.
Here again open the res folder. Here delete the contents (click there and delete right).
Now we take the topic from which we want the icons. Also re-open and click through to the folder res. Now we select the content and push it, hold by the left, into the folder from another topic. We confirm the prompt with Yes. Now is the content in the other folder. Now we can both close, confirm the prompt with Yes and we already did it. Only on Mate7, select and look the topic. If you want, you can even assign a name. For the description.xml with Sublime Text 3 Open Notepad and then copy into the theme.
You can also use your own icons here on size, format and name eighth! It is also possible to take files from other themes if they do not exist.
Of course, goes even more, color etc, but you will still need to edit the corresponding .XML files.
Here are a few paths:
- Contacts com.android.contacts
- Gallery com.android.gallery3d: Here lies the Gallery widget.
- Player com.android.mediacenter: Here the player is widget.
- Settings com.android.settings: Here is what you see under settings and submenus.
- Links com.android.systemui: Here is what you see Status Bar / Benarichtigungen / Verküpfungen.
- Designs com.huawei.android.thememanager: Here is what you see under Themes.
- Clock / weather widget
com.huawei.android.totemweather / res
drawable-nodpi: Here are the wallpapers
drawable-sw360dp-xxhdpi: Here are the symbols
- Icons icons: This is what you see on the homescreen icons.​
​

Thanks , i would like to create a theme for me, a dark one, simple and clear but unfortunately, i really didnt understand the procedure Is it possible for you to make a step by step guide ? Taking the default theme and changing it ?
I need one with dark toggle background, and white toggles, the one selected blue or red.
Than the notifications background black and white text and icons.
on settings , dark background and white text + icons.
So sorry i dont understand , i would have tried to make some themes
Thanks !

For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html

Fooox1 said:
For the font you need to edit the corresponding XML files. This is tedious. It is easier to look for the best ducks already in coarse threads and replace only the background, symbols etc is.
A Guide for the XML I'm not going to write, which is too complex, as there is also still required Chinese.
You can read here.
http://forum.xda-developers.com/mate-7/themes-apps/mod-thememessages-notification-panel-t2973486
Or here keeping an eye out for suitable topics.
http://www.android-hilfe.de/root-cu...7/654285-themes-der-grosse-themes-thread.html
Click to expand...
Click to collapse
Thank you dude !

cool instruction
i also want to edit this specific theme Edward Returns for my Ascend p7, the theme is as of now only for Mate 7 it cant be found on p7 online themes, so i downloaded this theme and installed on my p7, everything is as it should be except the icons, the system Apps icons are well, but the apps that i have installed their icons dont fit in the icon frame of the theme, they are bigger than the theme icons so they come on top of the frame, but some of the Apps that have smaller icons i can see the icon frame of the theme behind them. So i wanna know if it is possible to resize the icons so they fit the icon frame? and how it can be done?
Thanks in advance :good:

Unpack theme, edit icons and then copy the unzipped not matter.

Does anyone know how to change the background color in Messeges? i have a really cool theme but there is some error in its Messages App the background is white while the timestamp in the left side is also in white color so i can read the time... i dont know which line in themes.xml should i change????

Unfortunately, I do not quite understand you. The background images are. Just as the symbols of the timeline. About the xml you lay down only the text color and the assignment.

can you help me of that modified whatsapp called WhatsMaap changing icon cause it looks so bad because the whatsapp icon is circle so there is a black or green background the app icon
this is the app dude : https://plus.google.com/communities/111022663413469989470

I need to modify the text colour of notifications into NOTIFICATION PANNEL.
Not the standard text you find below email notification or whatsapp notifications, just the ones poping up with text surrounded by circle and asking to close a particular application consuming too much battery, for example.
Actually these notifications text are in black and, since the background is black, they aren' t readeble at all, while the others notifications (i.e. whatsapp notifications, email notifications, etc. etc.) are properly in white (see picture attached).
Considering that I need to keep the background as black, I would need to modify the notifications text colour only, from black to....white, or light blue, or other which result more readable on the black background.
I tried to edit and modify the hwt file, as well as the XML file contained into the com.android.systemui file, but unsuccesfully.
Can you explain me which file and line I must modify in order to have fixed this?

None can help me??? Fooox1, Kolembo,Hannanzikrea, please assist.

I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app

mighty_moose said:
I've edited the stat_sys_battery_15.png file on a theme, but every time my phone goes down to that level the battery icon reverts to stock. All other times the battery icon displays the custom one. Anyone know why and/or how to fix this?
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app

hannanzikrea said:
You should add another .png file with name stat_sys_battery_15_new.png and stat_sys_battery_7_new.png
Sent from my HUAWEI MT7-L09 using XDA Free mobile app
Click to expand...
Click to collapse
Okies, thanks. I thought they were extraneous and deleted them... Then forgot all about them lol
Sent from my HUAWEI MT7-L09 using XDA Free mobile app

My modified dark theme
https://drive.google.com/folder/d/0Bw1wBQi9rn3WMnc1cHQ0eVNUQTQ/edit
Here's my modified theme Dark Knight v3.2.9. Some bug fix for Honor 6.