Professional Documents
Culture Documents
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.
This causes a slight displacement. Having changed it so that the night mode margin matches that of
the default fixes the problem.
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?).
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:
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, .resnightmode .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 isnt 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.