MantisBT - websites
View Issue Details
0002738websites[All Projects] Generalpublic2020-02-08 22:152020-02-24 11:05
ReporterRava T 
Assigned To 
PlatformLinux x86-64OSSlackwareOS VersionSlackware 14.2
URL of problem page
Summary0002738: Night mode for Netsurf
DescriptionI am aware that this is more a question about a feature, and less of a bug but after browsing including its documentation I found no hint as how to accomplish my goal, therefore this report here. (I might have missed a info, though)

I prefer a dark GUI and an inverted or Night Mode display on all browsers I use, with Palemoon I am quite happy using Advanced Night Mode AddOn.
Sadly, there seems no way to define colour for: background, text, links and visited links in Netsurf.
Maybe there is, but not via the standard Settings window. Any tips of how to accomplish a night mode for all visited local or remote sites or pages greatly appreciated.
Steps To ReproduceAll web pages loaded are standard display: usually white or bright background and dark text. I prefer bright green text and dark or better black background.
Tagsinverse colours night mode
Attached Files

Michael Drake   
2020-02-21 10:10   
This sort of thing is done using a user stylesheet.
Rava T   
2020-02-21 18:03   
Thanks Michael Drake, I created ~/.netsurf/user.css and put this into that css file:

body { color:#6f3; background-color:#000; !important; } a:link { color:#66f; text-decoration:none; font-weight:bold; !important; } a:visited { color:#a6d; text-decoration:none; font-weight:bold; !important; } a:focus, a:hover { color:#f33; text-decoration:none; background-color:#fff; font-weight:bold; !important; } a:active { color:#fff; background-color:#000; font-weight:bold; !important; }

Only then I did start netsurf, but unfortunately nothing is happening, the colours are the standard ones. What did I do wrong?
My netsurf is: 3.9.4967 x86-64 Linux GTK3.
Michael Drake   
2020-02-24 11:05   
The path might actually be ~/.config/netsurf/user.css or something. I'm not sure where config files are stored.

For the CSS, the "!important" should be after every property, rather than at the end of the rule.

So, for example:

body {
    color: #6f3 !important;
    background-color: #000 !important;

Issue History
2020-02-08 22:15Rava TNew Issue
2020-02-08 22:15Rava TTag Attached: inverse colours night mode
2020-02-21 10:10Michael DrakeStatusnew => closed
2020-02-21 10:10Michael DrakeResolutionopen => no change required
2020-02-21 10:10Michael DrakeNote Added: 0002168
2020-02-21 18:03Rava TStatusclosed => feedback
2020-02-21 18:03Rava TResolutionno change required => reopened
2020-02-21 18:03Rava TNote Added: 0002171
2020-02-24 11:05Michael DrakeNote Added: 0002173