Filter invert - how to get the changed CSS code ?

jeevanism

Hi,
I was trying the vivaldi page actions and I tried filter invert on a website. I like the inverted design and color but how do I get the new changed CSS ( the inverted one ) ? I did inspect element but it shows the original CSS.

Kindly let me know how to get the updated css code.

thanks

DoctorG

@jeevanism Welcome in our Vivaldi Community

Some useful links for you:

Do not hesitate to ask, we are a community to help users.

Enjoy browsing with Vivaldi.

DoctorG

@jeevanism The Invert filter of Vivaldi does not generate a complete new CSS.
Vivaldi applies a CSS filter to the website.

The applied filter has the CSS:

html {
  color: #ffffff;
  background: #000000;
  filter: invert(100%) !important;
}

/* Inverting images or video does not do any good */
img, video {
  filter: invert(100%) !important;
}

More on CSS filters:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_filter_effects/Using_filter_effects
https://developer.mozilla.org/en-US/docs/Web/CSS/filter
https://css-tricks.com/almanac/properties/f/filter/

jeevanism

@DoctorG
thank you for the swift reply - Could you please guide me to get the inverted CSS file somehow ? Is there any way to get the css code ?

DoctorG

@jeevanism Open in Windows Explorer the Vivaldi program sub folder
C:\Program Files\Vivaldi\Application\6.1.3035.257\resources\vivaldi\user_files\
There all filters for Vivaldi are defined.

jeevanism

@DoctorG said in Filter invert - how to get the changed CSS code ?:

@jeevanism Open in Windows Explorer the Vivaldi program sub folder
C:\Program Files\Vivaldi\Application\6.1.3035.257\resources\vivaldi\user_files\
There all filters for Vivaldi are defined.

thank you

DoctorG

@jeevanism You are welcome.