Invert web page colours in Opera

2

I want to have inverted colours in Opera (including pictures) for browsing web content. How can I achieve that?

I found in How to invert web pages colour scheme in Firefox? another that one should use this line

html { -webkit-filter: invert(); }

But I have no idea where I should put it.

Jānis Erdmanis

Posted 2015-11-27T00:50:37.260

Reputation: 123

Answers

2

Open Opera's developer tools / code inspector by pressing Ctrl+Shift+I.

Then right click where it you see the <html> line begin, and choose "Edit as HTML".

At the end, find where <head> begins. Paste in the following:

<style>html { -webkit-filter: invert(); }</style>

Example using this exact page:

Click out, and it works (click here for a full size image):

Remember of course that this will not save upon refreshing the page. What you're doing is editing local HTML.

Insane

Posted 2015-11-27T00:50:37.260

Reputation: 2 599

Are there an extension which does this copy and paste automatically? – Jānis Erdmanis – 2015-11-27T13:00:09.597

@JānisErdmanis Not to my knowledge, no. – Insane – 2015-11-27T13:02:30.997

0

Use https://chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph
(in Chrome, Opera , Vivaldi, and other Chromium-powered browsers) ,
or use Vivaldi which has the feature built-in. (though not as elegant a solution as in classic Opera)

Matti Nescio

Posted 2015-11-27T00:50:37.260

Reputation: 364