{"id":13475312,"url":"https://github.com/eromatiya/blurredfox","last_synced_at":"2025-04-12T23:39:50.181Z","repository":{"id":41374238,"uuid":"265458515","full_name":"eromatiya/blurredfox","owner":"eromatiya","description":"A sleek, modern and elegant Firefox CSS theme","archived":false,"fork":false,"pushed_at":"2023-06-27T10:12:27.000Z","size":6270,"stargazers_count":923,"open_issues_count":25,"forks_count":44,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-12T23:39:45.960Z","etag":null,"topics":["css","firefox","firefox-css","firefox-theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eromatiya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-05-20T05:12:16.000Z","updated_at":"2025-03-27T05:28:08.000Z","dependencies_parsed_at":"2022-07-19T01:17:16.581Z","dependency_job_id":"b1b3db81-4e29-40a5-b864-d7d2391370c2","html_url":"https://github.com/eromatiya/blurredfox","commit_stats":null,"previous_names":["eromatiya/blurredfox","manilarome/blurredfox"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eromatiya%2Fblurredfox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eromatiya%2Fblurredfox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eromatiya%2Fblurredfox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eromatiya%2Fblurredfox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eromatiya","download_url":"https://codeload.github.com/eromatiya/blurredfox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647255,"owners_count":21139081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","firefox","firefox-css","firefox-theme"],"created_at":"2024-07-31T16:01:19.304Z","updated_at":"2025-04-12T23:39:50.147Z","avatar_url":"https://github.com/eromatiya.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"## blurredfox\n\n### A modern Firefox CSS Theme\n\n\u003cp align=\"center\"\u003e\u003cimg alt=\"Firefox with blurredfox\" src=\"scrots/blurred.webp\"/\u003e\u003cbr/\u003e\u003ci\u003eFirefox with blurredfox CSS theme\u003c/i\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003cimg alt=\"Firefox with blurredfox\" src=\"scrots/solid.webp\"/\u003e\u003cbr/\u003e\u003ci\u003eblurredfox's layout with solid colors\u003c/i\u003e\u003c/p\u003e\n\n## Requirements\n\n+ The latest Firefox\n+ Compositor with blur support (optional)\n\n## Notes\n\n+ 100% working on linux.\n+ Untested on macOS.\n+ Transparency is broken on Windows 10 (has graphical glitches like flickering). The [solid color scheme](https://github.com/manilarome/blurredfox/blob/master/colors/solid.css) *may* work.\n+ No, the vertical titlebar is not included. Switch to Linux, then use AwesomeWM to achieve this gloriousness.\n\n## How to\n\n### Quick install for the linux lads\n\n#### Notes before running the script:\n\n+ If you have a multiple firefox builds, the script will still run without a problem. Just make sure to pass your target firefox build.\n+ If you or your firefox build have a multiple profile, the script will return an error! Make sure you only have one!\n+ It is advisible to check the script first before running it.\n+ You need `bash` to run it.\n+ If you have an existing chrome folder, the script will make a backup of it in your profile directory.\n+ The script will move a file named `user.js` that contains all the preferences needed for blurredfox to work. The existing one will be backed up.\n+ If the installation script is not working, feel free to submit an issue or a pull request.\n\n1. Run the script below. If you are using a different build like nightly, beta, etc., make sure to replace the 'stable' with the Firefox Build you are using. If leave empty, it will default to stable.\n\n\t```\n\t# Available parameters:\n\t# stable - Firefox Stable Build\n\t# dev - Firefox Developer Edition\n\t# beta - Firefox Beta\n\t# nightly - Firefox Nightly\n\t# esr - Firefox Extended Support Release\n\n\t# Examples:\n\n\t# Stable build's profile\n  \t$ curl -fsSL https://raw.githubusercontent.com/manilarome/blurredfox/script/install.sh |\n  \tbash -s -- stable\n\n  \t# Nightly build's profile\n  \t$ curl -fsSL https://raw.githubusercontent.com/manilarome/blurredfox/script/install.sh |\n  \tbash -s -- nightly\n  \t```\n\n2. After the confirmation message that the theme is successfully installed, open firefox. Change the colorscheme by **`Open Menu \u003e Customize \u003e Change colorscheme`**.\n\n### Manual Installation\n\n1. Open `about:config` page.\n2. A dialog will warn you, but ignore it, ~~just do it~~ press the `I accept the risk!` button.\n3. Search for these:\n\n\t+ **`toolkit.legacyUserProfileCustomizations.stylesheets`**\n\t+ **`layers.acceleration.force-enabled`**\n\t+ **`gfx.webrender.all`**\n\t+ **`gfx.webrender.enabled`**\n\t+ **`layout.css.backdrop-filter.enabled`**\n\t+ **`svg.context-properties.content.enabled`**\n\n\tThen make sure to **enable them all!**. Or you can just copy the `user.js` file to your profile.\n\n4. Go to your Firefox profile.\n\n\t+ Linux - `$HOME/.mozilla/firefox/XXXXXXX.default-XXXXXX/`.\n\t+ Windows 10 - `C:\\Users\\\u003cUSERNAME\u003e\\AppData\\Roaming\\Mozilla\\Firefox\\Profiles\\XXXXXXX.default-XXXXXX`.\n\t+ macOS - `Users/\u003cUSERNAME\u003e/Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX`.\n\n5. Create a folder and name it **`chrome`**, then assuming that you already have cloned this repo, just copy the theme to `chrome` folder.\n6. Restart Firefox.\n7. Finally, you can now change whatever color mode you want in the Cusomization Window.\n\n\t+ Default - Uses system colors, but uses the theme's layout.\n\t+ Dark - Dark colorscheme. Good for the night.\n\t+ Light - Bright colorscheme. Good for killing the eyes.\n\n## User Support\n\n### Some UIs are broken!\n\n1. Check if you're using the latest version of Firefox.\n2. It's broken because you're using Windows 10 and macOS or you're using an ancient version of Firefox.\n\n### If you're using Windows or macOS and something's wrong\n\n1. I only have Archlinux, macOS' untested while the theme is broken on Windows 10.\n2. If the transparency is broken, use the [solid color scheme](https://github.com/manilarome/blurredfox/blob/master/colors/solid.css). Edit the `userChrome.css` to switch.\n\n### Liar! The theme's name is `blurredfox`, ***where is the blur***?!\n\n1. Yeah, the name `blurredfox` is a lie, just like the cake. I named it blurredfox because it's designed to look gorgeous with a blur effect. You can, however, have the blur effect by:\n\n\t+ Making sure you have a compositor and it supports blur.\n\t+ If you're not using GNOME or KDE Plasma that has its own compositors, use [picom](https://github.com/yshui/picom). It includes the dual kawase blur shader.\n\t+ GNOME's compositor, mutter, doesn't support blur. Hey, GNOME devs, it's already 2020. Just kidding!\n\t+ If you're using KDE Plasma, read the next note below.\n\n### I'm using KDE Plasma, but there's no blur! How many other lies have I been told by the council?\n\n1. Enable the blur in your compositor. Go to `System Settings \u003e Desktop Effects \u003e Enable Blur`. Note that this will not enable the blur effect on all applications.\n2. Enable the blur effect on all applications by installing a KWin script called [Force Blur](https://store.kde.org/p/1294604/). Make sure to read its manual. Don't you ever dare to create an issue about Force Blur! Just kidding! But yeah, I'm serious.\n3. Go to `System Settings \u003e KWin Scripts \u003e Enable Force Blur`.\n4. Change its settings. If there's no settings/settings icon, Logout. Re-login.\n\n### How can I set or change the colors for the Default color mode?\n\n1. The default mode are from Firefox and it uses the system colors. Although I only tried and tested it with `GTK3`, it should work with any platforms or environment as long as Firefox can detect your system colors.\n\n\n### I hate the colors! Why is everything transparent?!\n\n1. Use the [solid color scheme](https://github.com/manilarome/blurredfox/blob/master/colors/solid.css) by editing the `userChrome.css`.\n2. You can change the colors yourself.\n3. The transparency is only applied to `Dark` and `Light` mode under the blurred color scheme. `No transparency == No blur`.\n4. You can read the next point.\n\n### Uninstall this now!\n\n1. Go to your profile directory.\n2. Delete the `chrome` folder.\n3. If you used the installation script or copied the `user.js` to your profile, delete it.\n4. Sayonara.\n\n## Got a problem?\n\nIf you have already read the README, free to open an issue [here](https://github.com/manilarome/blurredfox/issues)!\n\n## Got a patch?\n\nYou're absolutely welcome to submit a pull request [here](https://github.com/manilarome/blurredfox/pulls)!\n\n## TODO\n\nPR's are welcome!\n\n- [ ] Render site content under the navbar like macOS\n- [ ] Fix UI inconsistencies\n- [ ] Better CSS\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feromatiya%2Fblurredfox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feromatiya%2Fblurredfox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feromatiya%2Fblurredfox/lists"}