[–] jorok 0 points 1 point 1 point (+1|-0) ago
No. Overriding subverse's CSS sounds nice and harmless but that is exactly the kind of thing that made RES nightmode very annoying to a lot of themers. The problem in /v/nightshift is a lazy mod. You should ask them to fix their CSS or disable custom style like suggested by other users.
[–] pembo210 0 points 2 points 2 points (+2|-0) ago (edited ago)
"Disable custom CSS" as mentioned, then get a stylesheet plugin like Stylish.
Click on "Write Style for Voat.co" then paste the following code into the box and save it. Here's the result. This also makes it 100% wide. notice no wasted space.
edit: Here's the result for v/nightshift
body{background-color:#101010;}
#header-container{background-color:#000;}
#container{background-color:#000;max-width: none; }
.even{background-color:#101010;}
.odd{background-color:#000;}
.comment .comment .comment, .comment .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #000;
}
.comment .comment, .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment .comment .comment, .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #101010;
}
pre, code {
color: #A7A2FC;
border: 1px solid #7f7f7f;
background: #000;
}
[–] riselife 0 points 1 point 1 point (+1|-0) ago
I agree. My current project at /v/improve would probably piss quite a few night mode people off (! Warning bright colors!)I was planning on making a night variant but probably won't get to it for a few weeks. This would be super helpful in the meantime.
[–] jorok 0 points 2 points 2 points (+2|-0) ago
If you don't have time to make you subverse nightmode compatible, I suggest you prefix all selectors with .light
For example, instead of this:
#container {
background: #FFF8DF;
}
.even {
background: #FFEFC6;
}
You should do this:
.light #container {
background: #FFF8DF;
}
.light .even {
background: #FFEFC6;
}
This way you'll only change the subverse in light mode and won't screw up nightmode.
[–] FutureNipples ago (edited ago)
There's a major problem with the current CSS configuration and this is one of the side effects.
On reddit, the server would set specific 'flags' in the HTML code for users who are logged on, modded, post authors, subscribed, etc. CSS could use these to create their own rules. For example. show a little message if the user is unsubscribed or hide the upvote buttons for non-subscribers.
Unfortunately Voat doesn't do this. We'll use the example of dark mode for this. Instead of a simple client-side class assignment on an HTML element, changing from dark to light mode reloads the entire site and sends the use a new 'theme' as dark or light mode.
Custom CSS is unable to know that these settings have been changed and can not display the right styles.
TL;DR Reddit changes a word in the HTML which CSS can see and adjust the style accordingly. Voat doesn't do this, so CSS customization is very limited. Almost no logic can be applied to the style -- including changing colors to match dark/light mode.
[–] [deleted] 0 points 3 points 3 points (+3|-0) ago
[–] derram 0 points 2 points 2 points (+2|-0) ago (edited ago)
That disables all custom CSS across the site.
[–] Ihmhi 0 points 2 points 2 points (+2|-0) ago
Oh, thank goodness for this. I almost always turn off custom CSS. I prefer a site to look uniform. Thanks a bunch!