Google Chrome My Custom.css

Theme link:

[link]

After experiencing a few days with Google Chrome, I've found a new way to change the look of the pages displayed with CSS.
The complete file is called "Custom.css" and is located in:

Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

PC: C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css

Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css

All we have to do is write the css you want to apply, no need to restart and the changes are instantaneous.
But we must be careful to choose items to modify, avoiding general and trying to be as specific as possible.

For example, if we write:
html {background: red! important;}
All pages we visit will have a red background and not the most desirable.
If we are wrong, or do not like, we can erase the contents of "custom.css" without problems, has no danger.

Attached in the file my "custom.css" so you can see or modify the result.
I put some comments to explain briefly what the code does.