You are on page 1of 5

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 nauts 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 isnt 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, .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.

You might also like