Color Theme Multi-Layout Bundle: NNWM 2009

[zvi]

This is, in some ways, a proof of concept for something I suspected was true but wanted to find out for sure. I made a color theme for every current official style to match this year's NaNoWriMo webbadges. Once I worked out the basic color scheme, I was able to port to most system styles with minimal adjustment. A couple of branchandroot's styles call the color of an element from a non-standard place (e.g., the footer link in Stepping Stones gets it color from the pagetitle), a few I adjusted for minor aesthetic reasons (usually adjacent blocks of the same color making an odd shape), and I did Transmogrified completely differently because the alternating entry colors can be controlled via the wizard.

They are, at the moment, all named NNWM 2009, but that might be confusing. If I could get comments on that as well, I'd appreciate it.


Theme name/layout: Bases/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=154
Image info: None
Preview

Theme name/layout: Blanket/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=156
Image info: None
Preview

Theme name/layout: Boxes and Borders/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=152
Image info: None
Preview

Theme name/layout: Brittle/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=158
Image info: None
Preview

Theme name/layout: ColorSide/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=160
Image info: None
Preview

Theme name/layout: Crossroads/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=162
Image info: None
Preview

Theme name/layout: EasyRead/NNWM 2009 (EasyRead is not an official style yet.)
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=164
Image info: None
Preview

Theme name/layout: Fluid Measure/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=166
Image info: None
Preview

Theme name/layout: Funky Circles/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=169
Image info: None
Preview

Theme name/layout: Modish/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=171
Image info: None
Preview

Theme name/layout: Negatives/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=173
Image info: None
Preview

Theme name/layout: Stepping Stones/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=175
Image info: None
Preview

Theme name/layout: Sunday Morning/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=177
Image info: None
Preview

Theme name/layout: Tabula Rasa/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=178
Image info: None
Preview

Theme name/layout: Tranquility III/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=181
Image info: None
Preview

Theme name/layout: Transmogrified/NNWM 2009
Author: zvi
Layout info: http://zvi.hack.dreamwidth.net/customize/advanced/layersource?id=183
Image info: None
Preview

Comments

[cesy]

Sounds like a great idea. Is there a quick way to see previews of these?

[zvi]

No, I might put them into styles sometime tomorrow.

[zvi]

Links to previews have been added

[afuna]

Went through the previews -- these look great! Love the effect on the Funky Circles theme, especially :)

If you're going to make the patches, I suggest making EasyRead a different patch, so it can go along with the rest of the EasyRead themes.

[cesy]

Those look very cool. Thanks for doing this!

[baggyeyes]

Just based on your preview of Funky Circles - Your module-calendar cuts off the numbers on the right side in Flock (2.5.2, Mac, based on Firefox 3.5).

I looked at it in Safari, and noted it looked not only cool, but wasn't cut off.


For some reason, the sidebar wouldn't load in Firefox 3.5.3. Maybe that's my dial up connection interfering.

I love your mod of Bases.

[zvi]

Not trying to dodge responsibility, but those seem like positiong problems, so they should probably be addressed at the layout layer. (I did a little bit of positioning modification on a few themes, but Funky Circles wasn't one of them.)

I'll let 900degrees know, I can't remember if she uses a Mac or not.

(For reference, I can see the whole calendar just fine on FF 3.5.5pre on Xubuntu 9.10)

[ninetydegrees]

The problems are the same in Firefox. :) It's because the padding of each calendar is a little to big. I see I should also center the table...

Will file and fix. Thanks for noticing and telling me about it. :)

Sidebar loaded - after I posted. Of course.

[baggyeyes]

Funky Circles Module-Calendar:
Firefox 3.5.3

[ninetydegrees]

Would you take a look at http://system.ninetydegrees.hack.dreamwidth.net/ and tell me if it looks ok in both browsers for you please? I only have FF.

[baggyeyes]

It was perfect in the two Mac browsers that are Mozilla based (Flock 2.5.2, Firefox 3.5.4) as well as Safari 4.0.3.

Then I looked at it in Opera 10.01:


Ah, well.

[ninetydegrees]

;_; *goes to install Opera*

At least it doesn't look as bad as what it used to look like in the other ones.

[ninetydegrees]

Weird. I don't see it like this. I see it like on Firefox.

[baggyeyes]

Opera is the only one that shows it like that. I haven't got updated browsers on Linux, so I can't tell you how it looks there.

[ninetydegrees]

Do you have non-default settings for Opera (font and font size I guess)? And which resolution are you seeing it in? (Mine's 1440). I'm completely puzzled by the fact that we see it differently.

[baggyeyes]

No. I haven't changed anything. The only I've done is update to the newest Opera. That's all.

[ninetydegrees]

I'm clueless then. :/

[karieauthoress]

I was excited to see this as I am in NaNoWriMo this year and LJ doesn't have anything like this. But I was disappointed that only one of the two new pics were used in the color scheme. Are there plans to use the other icon colors as well, maybe on a white background instead of a black this time, to make them different?

This is what I ended up choosing for my LJ, http://karieflybabe.livejournal.com/

Personally I'm not sure if there is *enough* contrast in this layout and color scheme, but it works well with the blue and green icon and pictures.

The Authoress

[zvi]

??? All of the NaNo color schemes use colors from both sets of icons. The main body is from the black/blue/green icons, and the sidebar is the red/orange/beige icons. The only exception is Transmogrified, which alternates those schemes for entries and comments and uses the red/white/blue website colors for the background of the whole journal.

I don't have time to work up a new set of color schemes, but if you wanted to do so the color theme tutorial explains what you have to do.

[afuna]

Ohh there's a thought. The color scheme is pretty much the orange and black dominating, with the green as a secondary color. Maybe we can do one with the green etc dominating and the orange and black as secondary.

Can't promise anything, though :-)