Userstyle, “muted”

[terra]

Larger Preview

This is a userstyle for Dreamwidth that widens the layout and turns the site a purple-grey color. It works via the Stylus browser extension for Chrome/Firefox.

If you know what you're doing with stylus and dreamwidth, set your display scheme to "Tropospherical Purple" and install the style here.

For Firefox

1. Go here and check that your site scheme is set to "Tropospherical Purple."
2. Install Stylus, an extension that lets you add custom CSS to sites.
3. Install the Muted site scheme here.

For Google Chrome

1. Go here and check that your site scheme is set to "Tropospherical Purple."
2. Install Stylus, an extension that lets you add custom CSS to sites.
3. Install the Muted site scheme here.

The logo in this modified scheme was made with the font French Canon by Ignio Marini.

Update!! The latest codepush bonked some of the CSS overrides of this userstyle. Never fear though, I have released an update, which you should be able to install by visiting the userstyles.org page.

Update 7/25/2020 — updated to latest codepush.

Update 7/27/2018 — updated links to stylus instead of the de-supported stylish extension.

Update 6/9/2013 — fixed the comments to the latest codepush. You can install the update by visiting userstyles.org or by clicking the "check for update" button in the extensions > Stylish > options menu.

Update 9/30/2016 — fixed the broken images! You can install the update by visiting userstyles.org or by clicking the "check for update" button in the extensions > Stylish > options menu.

Comments

[larissa]

Oh man, this is exactly what I needed -- the regular purple's a little too bright to sneak a peek at at work. Thanks for sharing it! ♥

[terra]

NP, heh. Glad you found it useful!

[larissa]

And thanks for updating it! ♥ Came here to look and see if it had been and was thrilled that it already had been.

[melly]

This is wonderful, thank you!

[terra]

No problem, I'm glad other people found it helpful.

[ironjill]

Just tried it out! It's wonderful, thank you!

[terra]

Oh good!! I'M GLAD IT WORKED.

[allegory]

Love this, thanks! :D

[cicer]

Ooh, I like this a lot. Thanks!

[gacha]

This is awesome. Thank you!

[disprove]

Nice! I really like the color scheme you chose -- really easy on the eyes.

(I think you should be more specific with your elements though -- for instance #footer also affects journal layouts like mine, not just the DW site pages. Something like #canvas #footer instead would do, I think.)

[terra]

#canvas is container for all DW layouts, not just the main site, so #canvas #footer has basically no effect at making things more specific. (I tried that!)

[disprove]

Weird! I added #canvas and that fixed it for me. I see you've now added #page before the #footer, and I tried to see what that would do without #canvas, and it still affected my layout. *scratches head*

Anyway, my current theme is Mixit if that makes any difference. Also, several of the links in my journal that are supposed to be blue or gray became purple with "Muted" applied. So I added #canvas to the first three 'a' elements and luckily, that fixed it, too. Idk, maybe my using a custom stylesheet originally made for LJ has something to do with it? I checked the page source of my journal and I didn't have a canvas id in there (and neither does your personal journal btw, so it's not just me all sad and alone in my canvas-less state). So idk really. Eh, whatever works for me, I guess! :)

Thanks for making and sharing this style!

(Apologies for the double post, but the previous icon kind of made me look like a smug jerk. [Sorry, Seishirou!])

[milkymoon]

This is fantastic; using it now! :)

[hlagol]

Totally love this theme, and have used it ever since I found it browing through the "dreamwidth" tag on userstyles.org!

A few days ago the custom logo stopped showing up, though. Broken link? Change in DW base code? I don't know, but I figured I'd give you a shout. Visted links are also dark red, and I can't rememeber if that's always been the case or if it's another instance of DW base layout bleeding though.

[terra]

That's what the layout looks like when you haven't set your userpreference to the tropospherical purple skin instead of the default tropospherical red.

It also can happen if you log out!

[hlagol]

I think it's the logging out that did it - thanks for the tip, and again, thanks for making such a nice-looking theme!

[wallflowering]

Using! Works and looks great, thank you so much. ♥

[rtydmartel]

I'm so glad I found this, I love it already. Thank you!

[marieto]

Thank you so much for this. It's made my DW experience that much more enjoyable. I love the way this looks.

[lotton]

This is fantastic, thank you so much!

[wrabbit]

I didn't know that dreamwidth could be skinned like that. This is pretty, thank you.

[musyc]

Oh god, thank you for being so quick to fix/update this after the code push tonight. I came here the second I realized the skin was borked to beg you to update, and you already had. Yayyyyyyyyyyyyyyy. XD

[amihan]

Just found this. Thanks for sharing! :)

[darjeeling]

It's so classy! I love it, thanks!

[lilmoka]

Wow, this is amazing! *-*/

[zaluzianskya]

Just commenting to let you know -- if you don't already -- that Dreamwidth's newest code push unfortunately broke this script. :(

[terra]

The script works fine, but the things it affects moved around a bit. Anyway, I released an update that gets the comments showing up about like they did before.

[zaluzianskya]

Ahhh yes ♥ Thank you so much!

[sunnysummoner]

It's gorgeous! Unfortunately I can't get it to work on Firefox, only Chrome. I followed the directions and started from scratch a few times, but it won't work at all.

I'm running Firefox 24.0 if that helps.

[sunnysummoner]

Ah, I figured it out. Sorry, it was on Stylish's end.

[axilla]

Hey! I've been using this (gorgeous) script for a while now, but it suddenly started acting weird today. It's a fairly minor problem, but it looks like there's a random space (example here) at the top of every comment?

[zaluzianskya]

I love this script, but I was wondering, is there a way to make it only work on site-skin comment pages? I ran into some issues when working on some layouts because it messed up the custom comment pages and the calendar pages.

[amusphere]

since userstyles.org is down, would you mind posting the css for this somewhere else? ):

[sketchesforsummer]

This is so much better. I don't know why such bright colours where chosen for the site skin. It's too much.

[hyde]

Hi, thanks so much for creating this!

I'm having a bit of an issue with it. No matter what I do, I can't make the background white, it's retaining the colour of the default dw layout (f7f7f7). If I remove the .tropos id on canvas it will make it white, however, it also changes every journal layout. I'm really stumped on this one. Is there any way to make only the default site/comment pages white? Thanks.

[terra]

You should be able to modify it like this:


#canvas {
border-color: #575271 !important;
background: #fff;
}


[hyde]

Thanks! That works, but it gives me the same problem as the other edits I was doing -- it overrides the journal layouts and makes their backgrounds white as well.

I'm not sure there's a workaround for this, honestly!

[terra]

Yeah, what happened is DW changed their CSS in in some code push or another to remove the "tropo" signifier entirely, which makes it really hard to target the site skin specifically. #canvas is the least specific selector so the easiest to override, so if that doesn't work I'm not sure there is a straightforward way.

[hyde]

Thank you for the help and the explanation! I don't know enough about this kind of thing to pin it down, so I wasn't sure if it was just me or a site problem. Thanks!

[bluedreaming]

This is fabulous! I haven't really tested it substantially, but my default is the red one and it seems to work (I hadn't changed to purple yet). I'll switch it if I have any issues though.

[killkinds]

hi! i wanna say first of all that this is the best thing to ever happen to me; i've been using it for YEARS and recommend it to literally everyone i know. absolute life- (and eye-)saver.

recently though, the body of entries and comments sets to acertain width and does not flex with the size of my browser. i use edge and have it applied with the stylish extension; i've used this combination in the past and not had any problems, and i'm not sure what caused the change! here is an example.

i was wondering if there's a way to make the width reactive again? or at least a way to set it as wider than what it currently is? thank you!