webOS Nation Forums >  Stuff for your webOS Device >  webOS Themes > Syn (Orange + Gray)
Syn (Orange + Gray)
View Poll Results: What do you think of this theme so far?
Meh. More of the same stuff everyone else makes... 2 28.57%
Hate. Why do people even bother? 1 14.29%
I could get used to it. I'd like to see this however (suggest in thread below) 2 28.57%
I love it as-is. I see what you are saying, keep working at it! 2 28.57%
Multiple Choice Poll. Voters: 7. You may not vote on this poll

  Reply
 
Thread Tools Display Modes
Old 12/10/2011, 02:28 AM   #1 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
This is the thread for my Work In Progress theme called Syn.
Simply put, it is a pretty pervasive desaturation/hue-shift of the stock webOS 1.4.5 theme.

I've tried to modify every application that was included by default, and some of the more common 3rd party ones.

I will continue to work on this skin, please do not consider this a final by any stretch of the imagination.

Please comment & leave feedback.

Thanks,
Saij

What Needs Work:
Messaging App: The highlights for inbound/outbound are nowhere near final. I'm happy with my edge detailing on it (fits the rest of the theme) but the colors and transparency are all wrong.

Emoticons: I've not remade all of the icons yet (24px->32px)

Phone: Green section separator bar (GRR!)

Videos: Background is bland (stock webOS image)

Launcher: My wave background is shorter than the stock, so the launcher appears to be about 7-10px too short. I'm looking into fixing this problem now.

App Catalog: The top search bar is glaring white now. It needs to be darkened. Similarly, the gold crossbar is not fitting with the theme of orange, though IMO it looks fine on the darker background.

All Apps: I'm homogenizing every app to use the same top/bottom fades as the browser/Music app. I feel like this inconsistency across apps is kind of inexcusable. The fade is very dark/subtle so it only implies that there is more content as opposed to obscuring the bottom of the app like the stock white/gray one does.

Last edited by Saijin_Naib; 12/10/2011 at 02:40 AM.
Saijin_Naib is offline   Reply With Quote
Old 12/10/2011, 02:31 AM   #2 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
More Images
Saijin_Naib is offline   Reply With Quote
Old 12/15/2011, 05:17 AM   #3 (permalink)
Member
 
grasshoper's Avatar
 
Posts: 536
I like the launcher.

I'm using 2.1.2 though...
__________________
Proud Veer and Touchpad owner
grasshoper is offline   Reply With Quote
Old 12/15/2011, 10:22 AM   #4 (permalink)
Member
 
MudShark22's Avatar
 
Posts: 915
Roll it up for Theme Manager usage! (Pre3)
__________________
This space for rent or lease. Inquire within.
MudShark22 is offline   Reply With Quote
Old 12/15/2011, 11:01 AM   #5 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Grasshopper, the launcher in webos 2.x isn't skinnable, right?
Hopefully with the new opensource initiative we can fix that soon

I will certainly try MudShark. I may need to redo the theme though, I don't have any of the 1.5 folders/images that the Pre3 uses

Any suggestions for background images for video and messaging? They are too bland right now.

Autodidact, anything I can do to make the theme more appealing?

Last edited by Saijin_Naib; 12/15/2011 at 11:34 AM.
Saijin_Naib is offline   Reply With Quote
Old 12/18/2011, 01:54 AM   #6 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Update:
Some new top-bar icons to fit more of the look I'm going for.

I want the central UI desaturated with orange being used to call attention to critical items for the user.

I think that the aesthetics of the white on black top bar are great, and mine certainly can't top that. However, I think that the monochromatic notification icons in webOS miss an opportunity to communicate information better to their user.

To this end, I've redone some of the top bar icons to incorporate color in an effort to better communicate level information to the user.
Each of the icons incorporates the same fade from red to green (empty to full) to keep it consistent. Each icon also incorporates a "fill" line that offers secondary confirmation to the user about the state of the icon being viewed. I fell in love with this style of indicator while playing Halo as I thought the Plasma Rifle did a superb job of communicating heat-soak status using this very same style of icon.

As you may notice, the GPS icon and the Speaker icon have not yet been changed. I've not come up with a design for them that is distinct yet will fit the theme of the other icon redesigns. Similarly, the bluetooth icon is colored for its various states currently but otherwise does not match the feel of my other indicators. I don't think I can redesign it in a way that will still maintain the instant recognizability that the Bluetooth icon brings.
Attached Images
File Type: png drbattery_2011-18-12_023401.png (132.1 KB, 23 views) Email Attachment
File Type: gif Battery Charge.gif (12.8 KB, 140 views) Email Attachment
File Type: gif Battery Discharge.gif (10.8 KB, 141 views) Email Attachment
File Type: gif RSSI.gif (6.3 KB, 141 views) Email Attachment
File Type: gif Wifi Strength.gif (5.5 KB, 140 views) Email Attachment
Saijin_Naib is offline   Reply With Quote
Old 01/25/2012, 02:50 AM   #7 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Some further minor updates:
New chat balloons. I think these are much nicer, and they're also semi-transparent for when I continue to change backgrounds.

New card background. It follows the theme of the launcher more closely, and also has transparency. Due to some webOS limitation, cards are only transparent when not fullscreen.

New loading glow color. Made it match orange highlight theme of skin.

New boot images + colored boot glow image.
Saijin_Naib is offline   Reply With Quote
Old 01/26/2012, 10:07 AM   #8 (permalink)
Member
 
MudShark22's Avatar
 
Posts: 915
Totally dig the way this theme looks; just don't have a 1.4.5 phone anymore to use it on.

Is it available in preware yet? Or are you still privately tinkering?
__________________
This space for rent or lease. Inquire within.
MudShark22 is offline   Reply With Quote
Old 01/26/2012, 12:41 PM   #9 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Still tinkering. I'm not yet satisfied with a lot of the art I've created and my final tweak that I want to include with the skin is also proving difficult.

Basically, I'm trying to change the default mojo .css file to the Dark one so every app that loads the regular one is automagically set to the Dark Palm theme.

I also have to skin the Mojo and Enyo frameworks and they are just massive.

I'm working on it, but I've lost momentum of late as school is getting more intense.
Saijin_Naib is offline   Reply With Quote
Old 03/31/2012, 02:28 AM   #10 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Tried loading the Dark css files using global.css.

That was a spectacular failure! No button, text entry field, or anything else worked properly. It also failed to make any app load the dark theme. I need to think of a new approach for this haha.

I've made some other minor updates to the images in the Messaging app (what I stare at most of the time), and am working on what to do with the Top Bar and the Speaker/GPS icons now.

Any suggestions?
Saijin_Naib is offline   Reply With Quote
Old 03/31/2012, 09:08 AM   #11 (permalink)
Moderator

 
sledge007's Avatar
 
Posts: 6,335
Aside from the emoticons, I think it looks great! Almost reminds me of Android-esque emoties, which I can't say I like much, but other than that nice work!
__________________
Due to the cancellation of the penny, I no longer give 2 about anything. I may however, give a nickel
sledge007 is offline   Reply With Quote
Old 03/31/2012, 11:34 AM   #12 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Thanks Sledge They are the Steam vbulletin chat icons, just re-drawn. I needed something, and they always make me chuckle for some reason.

Does anyone know what the file is that determines the image used behind the App Title in the Top Bar?

Does anyone know if it is possible to use an image file for the background of the Top Bar as opposed to plain black fill?

Thanks!
Saijin_Naib is offline   Reply With Quote
Old 03/31/2012, 11:42 AM   #13 (permalink)
Moderator

 
sledge007's Avatar
 
Posts: 6,335
Something like TopBar Full Screen Wallpaper patch in Preware? or you want to have a seperate image for the top bar?

I used to have an animated .gif as part of my TopBar as seen in this thread. Not sure if it's been updated to 2.x and above.
Animated Top Bar Backgrounds? There's a patch for that too!
__________________
Due to the cancellation of the penny, I no longer give 2 about anything. I may however, give a nickel
sledge007 is offline   Reply With Quote
Old 03/31/2012, 11:45 AM   #14 (permalink)
Member
 
Saijin_Naib's Avatar
 
Posts: 265
Ideally, I'd like a separate image for the Top Bar that follows the double-outline theme my other containers have (cards, launcher, wave). I also want to change the image behind the App Title to be square and double-lined, again, more in line with the rest of the theme.

Some more minor tweaks to messaging app. Mojo Framework is almost completely skinned now.

Last edited by Saijin_Naib; 03/31/2012 at 01:57 PM.
Saijin_Naib is offline   Reply With Quote
Reply

 

Tags
desaturate, syn, theme

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0