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)

Visit my website

How to get transparency in Zen

• You can use the example.com.css as a starter for most websites.

• 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)

• Please respect auto theming for day and night themes. If the website does not have a dark theme, account for dark reader.

• Do not use wildcards such as applying transparency for all div elements since that is handled with force theming in the addon.

• 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