Project

General

Profile

Feature #366

Switch to using WebView's new built-in dark theme

Added by Rayleigh Rayleigh over 1 year ago. Updated 11 days ago.

Status:
Closed
Priority:
Next Release
Start date:
01/02/2019
Due date:
% Done:

0%

Estimated time:

Description

Ever since leaving Firefox I miss having every website in a dark theme. I used Stylus and this: https://userstyles.org/styles/31267/global-dark-style-changes-everything-to-dark
style to do it, and I could do it without having to enable JavaScript.
Is it possible for Privacy Browser to do a similar thing, that is apply a dark theme without using JS? Also, if not, some inspiration could be taken from the aformentioned theme, seen as PB's theme doesn' really look good most of the time.

History

#1

Updated by Soren Stoutner over 1 year ago

  • Subject changed from Make dark theme better and work without JS. to Improve Night Mode CSS
  • Assignee set to Soren Stoutner

There is already a plan to allow Night Mode without JavaScript being enabled, but it cannot be implemented until after the release of Privacy WebView.

https://redmine.stoutner.com/issues/193

There is also a plan to let users customize the Night Mode CSS overrides, either globally or by domain.

https://redmine.stoutner.com/issues/272

#2

Updated by Soren Stoutner over 1 year ago

As described at https://www.stoutner.com/privacy-browser-2-6/, Night Mode uses the following CSS overrides:

* {
    background-color: #212121 !important;
    color: #BDBDBD !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    border: none !important;
}

a {
    color: #1565C0 !important;
}

If you have recommendations for changes to the default CSS I would be happy to consider them. They would need to work well with the majority of websites.

#3

Updated by Rayleigh Rayleigh over 1 year ago

Well, this (https://userstyles.org/styles/31267/global-dark-style-changes-everything-to-dark) theme is under CC BY-SA so I could take the CSS and modify it a bit to suit PB better.

It could also be done by just allowing the user to input their own theme, allowing a LOT of customisation.

#4

Updated by Soren Stoutner over 1 year ago

This CSS code is released under the CC BY-NC-SA, which can't be included in Privacy Browser because it is a commercial product.

As I already mentioned, there is a plan to let users customize the CSS used by Night Mode.

https://redmine.stoutner.com/issues/272

However, just creating a field where users can paste CSS is problematic. The CSS syntax is very specific and it is unlikely that most users could figure it out. I am not totally opposed to the idea, but it would result in a large number of bug reports and emails, which takes away from the limited time I have to dedicate to the development of Privacy Browser.

For example, the CSS code you linked to could not be used directly in Privacy Browser without being modified to remove the header and the regexp sections.

#5

Updated by Soren Stoutner over 1 year ago

  • Priority changed from 2 to 3.x
#6

Updated by Soren Stoutner 12 months ago

I am inclined to wait until after I see what Google does with Dark Mode in WebView before doing anything with this feature request.

https://9to5google.com/2019/02/19/android-chrome-webview-web-dark-mode/

However, if that doesn't work well, it would probably be possible to copy code from https://github.com/darkreader/darkreader, which is released under the MIT (expat) license and could be included in Privacy Browser.

#8

Updated by Soren Stoutner 6 months ago

  • Priority changed from 3.x to Next Release
#9

Updated by Soren Stoutner 17 days ago

  • Subject changed from Improve Night Mode CSS to Switch to using WebView's new built-in dark theme

Also available in: Atom PDF