My custom CSS for websites I visit the most. Click on the preview to view the file or visit the repo.
Browse the repository (More website themes available)
How to get transparency in Zen
-
Make sure the file is named in the correct format [website domain].css (google.com.css and docs.google.com.css are 2 styles which are not merged)
-
Every property should include
!important
to make sure it gets applied. -
Do NOT leave commented out code.
-
Add propper comments for each section of a feature at the beginning with a clear but compact description.
-
Each comment of the same file should have a unique domain specific identified prefix (yt- ytm- gh- ...) which will help the browser to separately apply themes.
/* yt-transparency */ :root{ --colorBgApp: transparent !important; } /* yt-no footer */ footer.app-footer { display: none !important; }
-
Once comitted to the repository, github actions will parse the css file and update/ generate the styles.js and then will be deployed to the github pages allowing the add-on to fetch from it.
-
Thank you <3