0
0

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

0
1

[–] riselife 0 points 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.

0
2

[–] jorok 0 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.

0
1

[–] riselife 0 points 1 point (+1|-0) ago 

Great tip, thanks! I'll try implementing it in the morning!

0
2

[–] pembo210 0 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;
  }

0
1

[–] jorok 0 points 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.

0
1

[–] Ziusudra 0 points 1 point (+1|-0) ago 

What about Daymode overriding dark colors?

There is the option to "Disable custom subverse styles".

[–] [deleted] 0 points 3 points (+3|-0) ago 

[Deleted]

0
2

[–] Ihmhi 0 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!

0
2

[–] derram 0 points 2 points (+2|-0) ago  (edited ago)

That disables all custom CSS across the site.