Making any website temporarily appear the way you want instead of the way its designer meant it to is rather easy if you use Opera and (not quite necessarily) have at least very basic knowledge of the simplest CSS statements. There's a useful feature you may have not cared about until now and I'm ready to provide you with a brief description of this function that could make your web surfing experience even more pleasant.
Every now and then I switch the current presentation mode in my browser to make an unsuitably designed page (too low or too high contrast, badly styled elements, etc.) draw in a way that ensures a good readability at all times. Whether your reason to change the style of websites you visit is to make them more legible and accessible, ease the strain in your eyes caused by bright backgrounds for better comfort or just make them look as fancy as possible, it can be easily achieved by using custom or even pre-arranged CSS files that come with Opera.
The two basic modes between which you may switch at will are called the "Author mode" and "User mode" while the former mentioned is according to its name a mode where the original stylesheet file bound to that particular website is used, whereas the latter mentioned doesn't have a solid form since its appearance depends which custom stylesheet is used. For a good start, you may want to give it a try by simply pressing the Shift+G trigger hotkey which immediately switches from Author to User mode and vice versa. You can see some significant changes taking place among the contents of that website and the point is these changes can be simply adjusted to suit your ideas and requirements.
Take the built-in "High contrast W/B" stylesheet for instance. You get a dark-room-like environment with well visible elements atop it where especially longer texts are far easier to read. Now it's possible to simply copy the contents of %Opera_root_folder%\styles\user\Contrastwb.css, paste them into the default CSS file used by "User mode" which can be found in %Opera_root_folder%\styles\user (after making a backup) and perhaps even mess with the code a bit to make it better for your needs. Of course you have the opportunity to start from scratch and code your own User mode design entirely by yourself, just don't forget to use the "!important" statement with your definitions to avoid any interferences with the original css used for websites. The possibilities are virtually limitless.
Just a note that the following under View > Style > Manage modes... should be checked in order to make your stylesheet affect the display method correctly:
Check out the example below (download in case you don't wanna bother making your own CSS):
User mode (customized)
Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.
We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.
If you like our content, and would like to help, please consider making a contribution:
Ghacks is a technology news blog that was founded in 2005 by Martin Brinkmann. It has since then become one of the most popular tech news sites on the Internet with five authors and regular contributions from freelance writers.