RES night style compatible

It should be mentioned in the install guide of Naut that the following line should be added to the

sidebar:

[This subreddit is night mode compatible](#/RES_SR_Config/NightModeCompatible)

In which the text between the square brackets can be omitted. This tells RES that the subreddit has a

night mode compatible styling (as documented here). Otherwise, as currently is the case as soon as

you do even anything RES changes it automatically to their own standard night mode style.

RES night tabmenu bug

Currently, in Naut Version 2.3 the tabmenu for RES night styling is:

.res-nightmode .tabmenu li {

margin: 8px 0px 0px 0px;

}

Compared to the non-night mode of:

.tabmenu li {

margin: 7px 0px 0px 0px;

}

This causes a slight displacement. Having changed it so that the night mode margin matches that of

the default fixes the problem.

RES night Submit a new text post background

Suggesting a change to the background-color of the .res-nightmode .sidebox class. RES night mode

does this automatically and currently no color is selected for it in naut’s css.

Therefore to bring it in line with the non-night mode button by simply adding the following lines to

the RES night section will make it look better (by setting the background color of that box to the color

of the background behind it):

.res-nightmode .sidebox {

background-color: #222222;

}

This changes it to the following result, which is what I think is intended to be like:

RESShortcutsEditContainer

The container is ever so slightly a bit off from the top. Showing a little bit across of the header

(image) beneath. Also the left part is in total a bit to low in height, while the right part sticks a bit out

(maybe intended?).

Removing (the strikethrough line) and adding the height line:

#RESShortcutsEditContainer{

top: 1px!important;

height: 18px;#

background-color: #2d2d2d!important;

}

And changing the height of the #RESShortcutsEditContainer class from 16px to 18px puts everything

(without extra space) on the exact same line as the sr-header-area. In the end it will look like this:

RES night sidebar link color (inside blue box)

Currently the text color of the subscribe button, the get naut h4 side bar link and the message the

mods button have blue text color, which isn’t visible by the blue box they are in, in RES night mode.

Caused by:

.res-nightmode .share-button .option, .res-nightmode #subscribe a, .res-nightmode .share

.option, .res-nightmode .tagline a, .res-nightmode .tagline .head .author, .res-nightmode

.footer a, .res-nightmode .wired a, .res-nightmode .side a, .res-nightmode .subredditbox li

a, .res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes, .res-nightmode a[rel="tag"], .res-nightmode .dsq-help, .res-nightmode #authorInfoToolTip h3

a, .res-nightmode .RES-keyNav-activeElement .md, .res-nightmode .help-toggle .option, .res-

nightmode .morecomments a, .res-nightmode .reddiquette, .res-nightmode .parent .author,

.res-nightmode .parent .subreddit, .res-nightmode .comment .md p a {

color: #5B92FA!important;

}

Add:

.res-nightmode .side h4 a, .res-nightmode .sidecontentbox a.helplink, .res-nightmode

a.option.active.add.login-required{

color: #EBEBEB!important;

}

In which the .res-nightmode .side h4 a can be left out as it isn’t standard in the theme, but for

instance used at /r/naut. Of course, it also could be fixed reversely by keeping the text color blue and

changing the background of the boxes to the same grayish background color of the submit a new text

post button.