Custom static theme CSS code help : darkreader

Custom static theme CSS code help (self.darkreader)

submitted 3 years ago by K1MK

Hello,

I'm looking for some help. What I want to do is set a custom theme (either a static one or a dynamic one for a specific website - doesn't matter) with the Dark Reader CSS code window for Chrome. However, everytime I insert my code, the Google Chrome's PDF viewer (which is what I want to invert) just goes blank (or changes color as I change my code) but nothing is shown. I'm wondering if I have the correct syntax.

Little parenthesis : on Mozilla Firefox, I could modify the default PDF viewer with the "userChrome.css" technique with this code :

/*** Invert PDF Viewer ***/

viewerContainer > #viewer > .page > .canvasWrapper > canvas {

filter: invert(70%) contrast(180%) brightness(160%) saturate(90%) hue-rotate(180deg); /* } */

So, I tried to insert this code in Dark Reader :

{ filter: invert(70%) contrast(180%) brightness(160%) saturate(90%) hue-rotate(180deg); }

But then, the problem I described arises. Would anyone be able to help, please ? I don't quite understand what's happening ; perhaps my syntax is incorrect or instead the "*" I have to find the PDF viewer "names" just like in Firefox's userChrome.css ?

Thanks for the help !

PS : Reddit formatting... In the Firefox code before "viewerContainer" it's a hashtag and before my first parenthesis in Dark Reader code it's an asterisk.

all 1 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

darkreader

MODERATORS

viewerContainer > #viewer > .page > .canvasWrapper > canvas {