Inverting Custom Reading Colors (solved)

[tephra]

I've gotten my layout (Stepping Stones) how I like it except for one little detail... the way it uses the custom reading colors is exactly opposite how I expect them. In other words, the color I pick for the foreground gets used where I would expect the background color to be used (and vice versa). Short of manually resetting all my custom colors, is there a way to invert them?

The CSS of my reading page does list out all the custom colors, which I was pleased to see, but I'm not sure if I can change them in one shot rather than adding them all into my custom CSS individually (requiring an update whenever I add or remove journals from my reading list/circle).

A customized reading color ends up in the CSS as this:

.journal-journalname div.userpic a img {border: solid; border-color: #ffcc99; }
.journal-journalname div.userpic a img {padding: 2px; background-color: #663300; }

I want to swap the border-color value and the background-color value. Presumably there is a way to wildcard the journalname, the problem is the color swapping. Is there a way to do that?

Comments

[afuna]

I am going to assume here that you are familiar with adding a property via a theme layer. If you are, then add this code to your theme layer:

set custom_colors_template = "%%new%% div.userpic a img {border: solid; border-color: %%background%%; padding: 2px; background-color: %%foreground%% }";

If you aren't, let me know and I can point you in the right direction :)

[tephra]

I am completely unfamiliar, and also using a free account, if that comes into play.

[afuna]

Gotcha. Free accounts on Dreamwidth can have less layers than paid accounts, but you can edit layers nonetheless.

I just remembered that I had an old tutorial up: http://dw-styles.dreamwidth.org/13219.html

Let me know if that works out for you; if you run into any stumbling blocks, I'd be happy to help you get past them :)

[tephra]

Well that was painless, thank you! :)

[afuna]

Awesome! Happy I could help *g*