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

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