my-internet

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

Contributing styles

• 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

---

userChrome.css - my Zen browser styling

youtube.com

aistudio.google.com

chat.openai.com

discord.com

facebook.com

gemini.com

github.com

google.com

instagram.com

monkeytype.com

music.youtube.com

notion.so

pexels.com

pinterest.com

reddit.com

sourceforge.net

speedtest.net

twitch.tv

unsplash.com