How to make a dark / inverted web page connection? : Royal Apps

S

Sonny Ferguson

started a topic almost 6 years ago

I would love having a feature to invert web browser colors. Typically I use a chrome extension to add this ability, though current chrome engine doesn't support that. I know CSS override is available, but I would like a one size fits all solution.

Is there any workaround to accomplish this?

Best Answer

S

Sonny Ferguson said almost 6 years ago

Hey Stefan, I understand such a feature may not be do-able at this point in time, but hopefully it's something that can be integrated in the future.

For anyone else curious on using css to accomplish this, I had a good success rate with this simple snippet of css, worked on ~75% of my required sites. Create ChromeWebObject > Advanced > Engine > Use Dedicated Engine checkbox > Advanced Tab > Paste Custom CSS

body {
filter: invert(100%);
}

Stefan Koell

said almost 6 years ago

Hi Sonny!

We use a 3rd party component which wraps a chromium engine and allows us to embed it in our app. Unfortunately there are a couple of limitations what we can do. To my knowledge, CSS overrides are the only way to manipulate colors from "outside". You could use bulk-edit to apply the same CSS overrides to all your connections to make it easier for you to manage it but other than that, I'm not sure what we could do.

Regards,
Stefan

S

Sonny Ferguson

said almost 6 years ago

Answer

Hey Stefan, I understand such a feature may not be do-able at this point in time, but hopefully it's something that can be integrated in the future.

For anyone else curious on using css to accomplish this, I had a good success rate with this simple snippet of css, worked on ~75% of my required sites. Create ChromeWebObject > Advanced > Engine > Use Dedicated Engine checkbox > Advanced Tab > Paste Custom CSS

body {
filter: invert(100%);
}

Stefan Koell

said almost 6 years ago

Thanks for sharing your solution, Sonny! I've moved the topic to the Questions section and marked your workaround as "answer".

How can we help you today?