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! ♥

[melly]

This is wonderful, thank you!

[ironjill]

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

[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.)

[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.

[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. :(

[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.

[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.

[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!