dreamscapes | Two Transmogrified themes

Current Mood: scared

Entry tags:

Two Transmogrified themes

I promised I'd submit this before New Years. I wanted to clean it up; take out code that I didn't modify, but I honestly cannot for the life of me, remember what I changed and didn't. :(

I've been having a terrible time remembering things...

I had been working on a theme a while ago, for DW Transmogrified. It morphed into two themes, Tehotenion, a purple and White and black theme named in honor of my Dad, and a black and white one with shadows. They aren't done, and they are messy - code-wise.

Previews:

Tehotenion

Shadow Boxing

Layer info:

Tehotenion

Shadow Boxing

This needs testing on Windows machines, (IE in particular) and Linux.

Flat | Top-Level Comments Only

Interesting!

Thanks...but, what is wrong with them?? :)

Nothing that I can see! But I am not on your target testbed of Windows/IE users.

Oh, these are so pretty!

Niawenhko:wen (Thank you very much)

These are lovely!

I'm glad you like them. Thank you.

Very nice!!

Thank you very much!!

Hi baggyeyes,

Two questions if you don't mind:
- Do you think this still needs testing?
- Have you sent a CLA? You're listed as not having done so but maybe I need to poke someone to get the list updated. :)

I have no idea - no one has stepped forward and said if there are any issues under Windows.

I did send a CLA for a bug back in closed beta. I have no idea if that no longer applies.

Well, it looks very fine to me in FF and IE8 on Windows 7.

Will do some poking then. :)

Edited (typO) 2010-02-26 13:27 (UTC)

Thank you for poking!

Your CLA's been found! :)

I'm working on converting your layers and here's what I got for Tehotenion:
http://www.dreamwidth.org/customize/advanced/layersource?id=104094
http://www.dreamwidth.org/customize/preview_redirect?themeid=104094

Would you tell me if everything looks the same to you, please?

Edited 2010-03-01 15:06 (UTC)

My apologies for not replying sooner. I hadn't checked my email. They look fine.

Some questions about Shadow Boxing because you have several colors for the header/title area:

In your props, you have set the background to black:
set color_page_title_background = "#000000";

In your CSS, you have set it to be transparent with curved borders (invisible on a transparent background, though):
#header {
background: transparent;
border-bottom-left-radius: 8px;
-moz-border-bottomleft-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottomright-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

As for the text, you have two different dark colors in your CSS: #272727 and #133C40.

Would you tell me which ones are the right ones?

Same question for:
set color_comments_form_border = "#000000";

and:
#postform {
margin-top: 20px;
border: solid 1px #402c6a;
}

Those are supposed to be the same color.

Edited 2010-03-01 16:48 (UTC)

And another one:

set color_archivemonth_title = "#6C3E49";

vs

.month-wrapper h3 {
color: #4a4a4a;
}

Also on the Tags Page:

set color_tagspage_title_border = "#895de5";
set color_tagspage_title = "#6C3E49";

vs

.page-tags #content h2 {
border-left: solid 1px #000000;
border-top: solid 1px #000000;
border-right: solid 3px #000000;
border-bottom: solid 3px #000000;
color: #4A4A4A;
}

Edited 2010-03-01 17:01 (UTC)

In the footer:

set color_footer_background = "#000000";
set color_footer_link = "#6C3E49";
set color_footer_text = "#995667";

vs

.module-section-three {
background-color: #ffffff;
color: #4A4A4A;
}

.module-section-three a {
color: #e6f8e4;
}

In modules

set color_module_link = "#995667";
set color_module_link_active = "#e5e9d6";
set color_module_link_hover = "#e6f8e4";
set color_module_link_visited = "#cbcebe";

vs

.module-section-two a {
color: #6C3E49;
}

.module-section-two a:visited {
color: #553039;
}

.module-section-two a:hover {
color: #995667;
}

.module-section-two a:active {
color: #995667;
}

and

set color_header_background = "#ffffff";
set color_header_hover = "#995667";
set color_header_hover_background = "#995667";
set color_header_text = "#272727";

vs
.module-section-one ul {
background-color: #ffffff;
color: #4A4A4A;
}

.module-section-one li a {
background-color: #ffffff;
color: #4A4A4A;
}

.module-section-one ul li a:hover, .module-section-one ul li.active a {
background-color: #6C3E49;
color: #ffffff;
}

Still in modules:

set color_module_background = "#ffffff";
set color_module_text = "#6C3E49";

vs

.module {
background: #000000;
}

.module-section-two .module {
color: #4A4A4A;
background-color: #ffffff;
}

And:

.month .day-has-entries p a { color: #5B333D; }
.month .day-has-entries {
background-color: #5B333D;
color: #ffffff;
text-decoration: none;
}

.month .day-has-entries a:hover {
background-color: #ffffff;
color: #5B333D;
text-decoration: none;
}

vs

.month .day-has-entries p a { color: #4C2B33; font-weight:bold; }
.month .day-has-entries {
background-color: #ffffff;
color: #553039;
text-decoration: none;
}
.month .day-has-entries a:hover {
background-color: #ffffff;
color: #995667;
text-decoration: none;
}

Edited 2010-03-01 18:49 (UTC)

A lot of the problems you're running into is that I meant to do a cleanup, and ...foggy brain... didn't. I can do it now and post the results?

I'll do my best to be as speedy as possible.

Also, Shadow Boxing was based on Tehotenion, and some of the properties were carried over by mistake. I tried to catch all of them, and didn't.

I will clean it up and post the results.

Edited (foggy brain.) 2010-03-02 13:37 (UTC)

Sure and no worries. At first, I thought you had tried to make a black and white version (which would have looked fantastic too) then switched to a mostly white one hence the differences between the props and the CSS.

If it can help you, here's the current layer I've got (I kept the colors from the CSS if I'm not mistaken): http://www.dreamwidth.org/customize/advanced/layersource?id=104104

Oh, thank you! Yes, that will help.

I've edited the layers now. If I've missed anything, please let me know. :)

Thank you, Baggyeyes. I'll try to work on this today and get back to you whether this is all good or I have more questions. ;)

Final versions of the layers:

http://www.dreamwidth.org/customize/advanced/layersource?id=104094
http://www.dreamwidth.org/customize/advanced/layersource?id=104104

And previews so that you can check everything's ok:

http://www.dreamwidth.org/customize/preview_redirect?themeid=104094
http://www.dreamwidth.org/customize/preview_redirect?themeid=104104

They look good. How do they look to you?

Also, I noticed it says 'Layout'. Is there no way to say Theme rather than layout, as the layout is by Yvonne, and not by me? :)

I looked at your journal, by the way. You really have a lovely layout.

They look very fine.

Ah, there's a bug filed for this as we really want to give layout *and* theme makers proper credit.

Thank you! Unfortunately, I have problems finding shareable graphics which could replace some of those I have so I can't make if an official layout yet. I haven't given up, though. :)

Aaaaannnnnd I meant to say, Thank you!

You're most welcome! Here's a link to the bug: http://bugs.dwscoalition.org/show_bug.cgi?id=2419 if you want to check on its progress.

Hi baggyeyes,

I'm working on fixing Transmo so that modules don't look completely silly when moved to the header and I've realized text/links are unreadable in Tehotenion when I do that. Would it be ok with you to change page colors to module colors? Or do you have another scheme in mind?

Edit: imo, the biggest issue if I do this is that it'll change navigation colors but, using other existing colors, this is what I came up with: http://system.ninetydegrees.hack.dreamwidth.net/?skip=1
Tell me what you think, please. :)

Edited (typo) 2010-04-26 17:22 (UTC)

That's fine. You have far better color-scheme skills than I do, so I bow to your expertise.

*blushes* You're too kind. I think your color-scheme skills are more than fine!

Flat | Top-Level Comments Only

Two Transmogrified themes

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Tehotenion

Re: Tehotenion

Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Re: Shadow Boxing

Final check

Re: Final check

Re: Final check

Re: Final check

Re: Final check

Page colors?

Re: Page colors?

Re: Page colors?