https://github.com/sameerasw/my-internet
My custom CSS for websites I visit the most.
https://github.com/sameerasw/my-internet
css custom custom-css customcss
Last synced: about 1 year ago
JSON representation
My custom CSS for websites I visit the most.
- Host: GitHub
- URL: https://github.com/sameerasw/my-internet
- Owner: sameerasw
- License: mit
- Created: 2025-02-08T11:26:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-02T14:49:19.000Z (about 1 year ago)
- Last Synced: 2025-04-02T15:36:38.946Z (about 1 year ago)
- Topics: css, custom, custom-css, customcss
- Language: CSS
- Homepage: https://addons.mozilla.org/en-US/firefox/addon/zen-internet/
- Size: 1.61 MB
- Stars: 120
- Watchers: 3
- Forks: 19
- Open Issues: 75
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/sameerasw/my-internet) (More website themes available)
[Visit my website](https://www.sameerasw.com)
[How to get transparency in Zen](https://sameerasw.notion.site/Zen-Transparency-1939c6099d4080468f02cf05ae50e827?pvs=4)
## Contributing styles
- You can use the [example.com.css](https://github.com/sameerasw/my-internet/raw/refs/heads/main/websites/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](https://github.com/sameerasw/my-internet/blob/main/styles.json) 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
[](https://github.com/sameerasw/my-internet/blob/main/userChrome.css)
---
### youtube.com
[](https://github.com/sameerasw/my-internet/blob/main/youtube.com.css)
### aistudio.google.com
[](https://github.com/sameerasw/my-internet/blob/main/aistudio.google.com.css)
### chat.openai.com
[](https://github.com/sameerasw/my-internet/blob/main/chat.openai.com.css)
### discord.com
[](https://github.com/sameerasw/my-internet/blob/main/discord.com.css)
### facebook.com
[](https://github.com/sameerasw/my-internet/blob/main/facebook.com.css)
### gemini.com
[](https://github.com/sameerasw/my-internet/blob/main/gemini.google.com.css)
### github.com
[](https://github.com/sameerasw/my-internet/blob/main/github.com.css)
### google.com
[](https://github.com/sameerasw/my-internet/blob/main/google.com.css)
### instagram.com
[](https://github.com/sameerasw/my-internet/blob/main/instagram.com.css)
### monkeytype.com
[](https://github.com/sameerasw/my-internet/blob/main/monkeytype.com.css)
### music.youtube.com
[](https://github.com/sameerasw/my-internet/blob/main/music.youtube.com.css)
### notion.so
[](https://github.com/sameerasw/my-internet/blob/main/notion.so.css)
### pexels.com
[](https://github.com/sameerasw/my-internet/blob/main/pexels.com.css)
### pinterest.com
[](https://github.com/sameerasw/my-internet/blob/main/pinterest.com.css)
### reddit.com
[](https://github.com/sameerasw/my-internet/blob/main/reddit.com.css)
### sourceforge.net
[](https://github.com/sameerasw/my-internet/blob/main/sourceforge.net.css)
### speedtest.net
[](https://github.com/sameerasw/my-internet/blob/main/speedtest.net.css)
### twitch.tv
[](https://github.com/sameerasw/my-internet/blob/main/twitch.tv.css)
### unsplash.com
[](https://github.com/sameerasw/my-internet/blob/main/unsplash.com.css)