{"id":13474550,"url":"https://github.com/PROxZIMA/Sweet-Pop","last_synced_at":"2025-03-26T21:31:47.000Z","repository":{"id":40455810,"uuid":"200810582","full_name":"PROxZIMA/Sweet-Pop","owner":"PROxZIMA","description":"Sweet_Pop! Beautify, Customize Firefox. Minimalist animated oneliner theme for Firefox perfectly matching Sweet Dark.","archived":false,"fork":false,"pushed_at":"2023-03-25T10:54:34.000Z","size":12515,"stargazers_count":264,"open_issues_count":6,"forks_count":10,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-24T04:53:01.402Z","etag":null,"topics":["css","firefox","firefox-theme","firefoxcss","theme","userchrome"],"latest_commit_sha":null,"homepage":"https://proxzima.dev/Sweet-Pop/","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/PROxZIMA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"custom":"https://www.buymeacoffee.com/proxzima"}},"created_at":"2019-08-06T08:35:04.000Z","updated_at":"2025-02-24T17:28:01.000Z","dependencies_parsed_at":"2024-01-13T18:10:27.209Z","dependency_job_id":"dfc43278-2630-415c-8323-c83a07479a6f","html_url":"https://github.com/PROxZIMA/Sweet-Pop","commit_stats":null,"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PROxZIMA%2FSweet-Pop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PROxZIMA%2FSweet-Pop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PROxZIMA%2FSweet-Pop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PROxZIMA%2FSweet-Pop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PROxZIMA","download_url":"https://codeload.github.com/PROxZIMA/Sweet-Pop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245738743,"owners_count":20664336,"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-theme","firefoxcss","theme","userchrome"],"created_at":"2024-07-31T16:01:13.113Z","updated_at":"2025-03-26T21:31:46.941Z","avatar_url":"https://github.com/PROxZIMA.png","language":"CSS","funding_links":["https://www.buymeacoffee.com/proxzima"],"categories":["CSS"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  # [Sweet_Pop!](https://github.com/PROxZIMA/Sweet-Pop)\n  **A minimalist animated oneliner theme for Firefox perfectly matching Sweet Dark**\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/preview.png\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eFloating Navigation with Animated Background\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/navbar.gif\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eAuto-hide Scrollbars\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/scrollbar.gif\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eContext Menu\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/context.png\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eLibrary\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/library.png\"\u003e\u003c/p\u003e\n\n## Folder structure\n\n```css\n .\n├──  assets\n│  └──  preview images\n├──  css\n│  ├──  myChanges.css\n│  ├──  icons.css\n│  ├──  reddit.css\n│  ├──  discordCatppuccin.css\n│  ├──  responsiveNavbar.css\n│  └──  other .css files\n├──  icons\n│  ├──  animation.svg\n│  └──  many icons in .svg format\n├──  LICENSE\n├──  programs\n│  ├──  install-cfg.sh\n│  ├──  install-curl.sh\n│  ├──  install.sh\n│  ├──  install-curl.bat\n│  ├──  install.bat\n│  ├──  local-settings.js\n│  ├──  mozilla.cfg\n│  └──  user.js\n├──  README.md\n├──  script\n│  ├──  floatingToolbox.uc.js\n│  └──  hideScrollbar.uc.js\n├──  userChrome.css\n├──  userContent.css\n└──  utils\n   ├──  boot.jsm\n   └──  chrome.manifest\n```\n\n### [`userChrome.css`](./userChrome.css)\nThis helps to customize Firefox User Interface.\n\n### [`userContent.css`](./userContent.css)\nThis helps to customize web content like a specific site.\n\n### [`floatingToolbox.css`](./css/floatingToolbox.css)\nMakes the toolbox float. Can be accessed via hovering over top of browser.\u003cbr\u003e\nAll imports are present in `css` folder as well.\n\n### [`hideScrollbar.uc.js`](./script/hideScrollbar.uc.js)\nIt's now possible to autohide scrollbars.\n\n### [`floatingToolbox.uc.js`](./script/floatingToolbox.uc.js)\nEnable disable floating toolbox from menubar/`about:config`.\n\n### [`navbarToolbarButtonSlider.uc.js`](https://github.com/aminomancer/uc.css.js#navbar-toolbar-button-slider)\nAs this is a one-liner theme, one must drop some buttons to add sufficient space for urlbar and tabbar. That's why I mentioned in [issue 2](https://github.com/PROxZIMA/Firefox-Theme/issues/2) to move the add-ons to overflow menu. But this messed up with their widths. Take a look [here](https://www.reddit.com/r/FirefoxCSS/comments/n9asta/addons_width_changes_to_a_fixed_value_when_placed/). I did some temporary fix(which was not that good). But [u/MotherStylus](https://www.reddit.com/user/MotherStylus) came up with an awesome `uc.js` script.\u003cbr\u003e\nSo basically this adds a button slider to navbar toolbar. [This](https://raw.githubusercontent.com/PROxZIMA/Firefox-Theme/master/assets/navbar.gif) is how it looks. Read the file description to configure it properly.\n\n### [`user.js`](./programs/user.js)\nContains required user preferences. Change these before copying it to it's location because your default preferences will be overridden by this once you restart your browser.\n\n## **But how does it work?**\nCustom startup-script (aka [`mozilla.cfg`](./programs/mozilla.cfg) here) is loaded using [`local-settings.js`](./programs/local-settings.js). This startup-script adds \"loader\" scripts from `utils` folder that loads arbitrary javascript files from the `script` folder into Firefox\u003cbr\u003e\n`mozilla.cfg` also helps in setting local webpage as your homepage. Details in [Installation](#Installation).\n\n\u003e **Note**\n\u003e\n\u003e Firefox team has removed XBL from Firefox starting with version 72, so userChrome.js would not work :/\n\n# Installation\n\n\u003e **Note**\n\u003e\n\u003e If you are planning to set a local page as home page then in [`mozilla.cfg`](https://github.com/PROxZIMA/Sweet-Pop/blob/master/programs/mozilla.cfg#L12-L14), uncomment line `12, 13, 14` and at line `13` change `newTabURL_` to the local page location or any other URL.\n\n\u003cdetails\u003e\u003csummary\u003eScript Installation\u003c/summary\u003e\n\n1) Clone the repository and enter folder:\n\n    ```console\n    $ git clone https://github.com/PROxZIMA/Sweet-Pop.git \u0026\u0026 cd Sweet-Pop\n    ```\n\n2) Run installation script\n\n    This script will lookup default Firefox profile location and install the theme with default configurations.\n\n    \u003cdetails\u003e\u003csummary\u003eLinux/MacOS\u003c/summary\u003e\u003cbr\u003e\n\n    ```console\n    $ ./programs/install.sh # Standard\n    $ ./programs/install.sh -f ~/.var/app/org.mozilla.firefox/.mozilla/firefox # Flatpak\n    ```\n    \u003c/details\u003e\n\n   \u003cdetails\u003e\u003csummary\u003eWindows\u003c/summary\u003e\u003cbr\u003e\n\n    ```powershell\n    \u003e programs\\install.bat REM Standard\n    \u003e programs\\install.bat -e -b \"C:\\Program Files (x86)\\Mozilla Firefox\" REM Disable fx-autoconfig and Custom binary folder\n    ```\n    \u003c/details\u003e\n\n    #### Script options\n    - `-b \u003cbinary_folder\u003e` *optional*\n        - Set custom Firefox binary folder path, for example `/usr/lib32/firefox`\n        - Default: Auto detects in linux. `C:\\Program Files\\Mozilla Firefox` in windows\n\n    - `-f \u003cfirefox_folder\u003e` *optional*\n        - Set custom Firefox folder path, for example `~/.mozilla/icecat/`\n        - Default: `~/.mozilla/firefox/` in linux. `%APPDATA%\\Mozilla\\Firefox` in windows\n\n    - `-p \u003cprofile_name\u003e` *optional*\n        - Set custom profile name, for example `4htgy4pu.app`\n        - Default: Profile folder name found in `profiles.ini` at -\u003e\n        ```\n        [Install4F96D1932A9F858E]\n        Default=1yrah0xg.default-release\n        Locked=1\n        ```\n\n    - `-e` *optional*\n        - Install [`fx-autoconfig`](https://github.com/MrOtherGuy/fx-autoconfig)\n        - Runs sudo to copy `mozilla.cfg` and `local-settings.js` to Application Binary folder\n        - Default: True\n\n    - `-h` *optional*\n        - Shows help message with flags info\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eCurl based Installation\u003c/summary\u003e\n\n- You can also install this theme with one command:\n\n    \u003cdetails\u003e\u003csummary\u003eLinux/MacOS\u003c/summary\u003e\u003cbr\u003e\n\n    ```console\n    $ curl -s -o- https://raw.githubusercontent.com/PROxZIMA/Sweet-Pop/master/programs/install-curl.sh | bash # Standard\n    $ curl -s -o- https://raw.githubusercontent.com/PROxZIMA/Sweet-Pop/master/programs/install-curl.sh | bash -s -- -f ~/.var/app/org.mozilla.firefox/.mozilla/firefox # Flatpak\n    ```\n    \u003c/details\u003e\n\n   \u003cdetails\u003e\u003csummary\u003eWindows\u003c/summary\u003e\u003cbr\u003e\n\n    ```powershell\n    \u003e curl -sL \"https://raw.githubusercontent.com/PROxZIMA/Sweet-Pop/master/programs/install-curl.bat\" \u003e %TEMP%\\install-curl.bat \u0026\u0026 %TEMP%\\install-curl.bat REM Standard\n    \u003e curl -sL \"https://raw.githubusercontent.com/PROxZIMA/Sweet-Pop/master/programs/install-curl.bat\" \u003e %TEMP%\\install-curl.bat \u0026\u0026 %TEMP%\\install-curl.bat -b \"C:\\Program Files (x86)\\Mozilla Firefox\" REM Custom binary folder\n\n    ```\n    \u003c/details\u003e\n\n    This will download the master branch and run the installation script.\n    `mozilla.cfg` can be configured after complete installation\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eManual Installation\u003c/summary\u003e\n\n1) Open `about:support` in new tab and click `Open Directory` near `Profile Directory`.\n\n2) Open this directory in terminal and clone the repository\n\n    Note: If you already have a `chrome` folder under `Profile Directory`, rename it to `chrome_bak` or anything else to preserve your old theme.\n\n    ```console\n    $ cd {Your profile directory}\n\n    $ git clone https://github.com/PROxZIMA/Sweet-Pop.git chrome\n\n    $ cd chrome\n    ```\n\n3) Install `boot.jsm` file from [fx-autoconfig](https://github.com/MrOtherGuy/fx-autoconfig/tree/master/profile/chrome/utils) in the `chrome/utils` folder (make sure it matches above Folder Structure).\n\n    ```console\n    $ curl -sL \"https://raw.githubusercontent.com/MrOtherGuy/fx-autoconfig/master/profile/chrome/utils/boot.jsm\" \u003e \"utils/boot.jsm\"\n    ```\n\n4) Move `user.js`, `mozilla.cfg` and `local-settings.js` to their destination.\n\n    \u003cdetails\u003e\u003csummary\u003eLinux\u003c/summary\u003e\u003cbr\u003e\n\n    - `about:support` \u003e `Application Binary` \u003e `{Installation folder}firefox-bin`\u003cbr\u003e\n    Generally `Installation folder` is `/usr/lib/firefox/`\n\n    ```console\n    $ ln -s \"`pwd`/programs/user.js\" ../user.js\n\n    $ cp ./programs/mozilla.cfg /usr/lib/firefox/\n\n    $ cp ./programs/local-settings.js /usr/lib/firefox/defaults/pref/\n    ```\n    \u003c/details\u003e\n\n   \u003cdetails\u003e\u003csummary\u003eMacOS\u003c/summary\u003e\u003cbr\u003e\n\n    - `about:support` \u003e `Application Binary` \u003e `{Installation folder}firefox`\u003cbr\u003e\n    Generally `Installation folder` is `/Applications/Firefox.app/Contents/MacOS/` (`Firefox Nightly` for Nightly version)\n\n      For `MacOS`, our destination folder is `/Applications/Firefox.app/Contents/Resources/`\n\n    ```console\n    $ ln -s \"`pwd`/programs/user.js\" ../user.js\n\n    $ cp ./programs/mozilla.cfg /Applications/Firefox.app/Contents/Resources/\n\n    $ cp ./programs/local-settings.js /Applications/Firefox.app/Contents/Resources/defaults/pref/\n    ```\n    \u003c/details\u003e\n\n    \u003cdetails\u003e\u003csummary\u003eWindows\u003c/summary\u003e\u003cbr\u003e\n\n    - `about:support` \u003e `Application Binary` \u003e `{Installation folder}firefox.exe`\u003cbr\u003e\n    Generally `Installation folder` is `C:\\Program Files\\Mozilla Firefox\\`\n\n    ```powershell\n    \u003e mklink ..\\user.js \"%cd%\\programs\\user.js\"\n\n    \u003e copy .\\programs\\mozilla.cfg \"C:\\Program Files\\Mozilla Firefox\\\"\n\n    \u003e copy .\\programs\\local-settings.js \"C:\\Program Files\\Mozilla Firefox\\defaults\\pref\\\"\n    ```\n    \u003c/details\u003e\n\n5) Download [`navbarToolbarButtonSlider.uc.js`](https://github.com/aminomancer/uc.css.js/blob/master/JS/navbarToolbarButtonSlider.uc.js) and place it in `script` folder along with `hideScrollbar.uc.js`.\n\n    ```console\n    $ curl -sL \"https://raw.githubusercontent.com/aminomancer/uc.css.js/master/JS/navbarToolbarButtonSlider.uc.js\" \u003e \"script/navbarToolbarButtonSlider.uc.js\"\n    ```\n\n\u003c/details\u003e\n\n#### Follow-up changes\n1) In Firefox\n    - Right click hamburger button \u003e `customize toolbar` disable `Title Bar`, `Drag Space`.\n    - Remove `Flexible Space` from urlbar.\n    - Set Density to `Compact/Normal/Touch` and Themes to `Dark` or `Light` (`Compact` is buggy in Windows).\n\n2) Open `about:support` \u003e `Clear startup cache...` \u003e `Restart` ***twice***\n\n3) ### **Voilà**\n\n## Configuration\n1) `programs/user.js` contains user preferences that are automatically loaded at startup. So no need to manually set them during installation\n\n2) You can set any background in the toolbox. Edit `--tabbar-gradient-color` in [`userChrome.css`](./userChrome.css) to a static color or linear-background or any SVG `¯\\_༼ •́ ͜ʖ •̀ ༽_/¯`.\n\n3) You can change `--tab-radius` and `--tab-border-width` to increase/decrease tab border radius and width respectively to match `normal` and `touch` density.\n\n4) Hide menu icons by commenting [Line 9](https://github.com/PROxZIMA/Sweet-Pop/blob/master/userChrome.css#L9) in [`userChrome.css`](./userChrome.css).\n\n5) You can disable any of the `script/*.uc.js` from `Toolbar Menu \u003e Tools \u003e userscripts \u003e script`. Restart ***twice***, every time you enable/disable the script.\n\n6) You can also edit `hideScrollbar.uc.js` to customize the scrollbars according to your taste.\n\n7) For adding your own customizations make changes in `myChanges.css` file under `css` folder.\n\n8) If something breaks on your system then please raise a issue\n\n9) [@ArataKamikaze](https://github.com/ArataKamikaze) mentioned in [#5](https://github.com/PROxZIMA/Sweet-Pop/issues/5) that [Firefox Color](https://addons.mozilla.org/en-US/firefox/addon/firefox-color) breaks/overwrite existing theme so disable the extension if you face similar issue.\n\n## Credits\n- I started with this amazing material theme : [MaterialFox](https://github.com/muckSponge/MaterialFox) by [muckSponge](https://github.com/muckSponge)\n\n- One of the best dark theme for Firefox : [ShadowFox](https://overdodactyl.github.io/ShadowFox) by [overdodactyl](https://github.com/overdodactyl)\n\n- Floating Toolbox : [u/oldworlds](https://www.reddit.com/r/FirefoxCSS/comments/koa71w/minimalfox_a_compact_and_minimal_theme/)\n\n- [Theme inspiration](https://www.reddit.com/r/FirefoxCSS/comments/ci7i69/another_oneline_theme/) by [u/SENDMEJUDES](https://www.reddit.com/user/SENDMEJUDES/)\n\n- [u/It_Was_The_Other_Guy](https://www.reddit.com/user/It_Was_The_Other_Guy) helped me a lot on [r/FirefoxCSS](https://www.reddit.com/r/FirefoxCSS/)\u003cbr\u003e\nAlso this theme uses his [`fx-autoconfig`](https://github.com/MrOtherGuy/fx-autoconfig) to load the javascripts files.\n\n- [`navbarToolbarButtonSlider.uc.js`](https://github.com/aminomancer/uc.css.js#navbar-toolbar-button-slider) script by [u/MotherStylus](https://www.reddit.com/user/MotherStylus) adds button slider to navbar toolbar. More details [here](https://www.reddit.com/r/FirefoxCSS/comments/n9asta/addons_width_changes_to_a_fixed_value_when_placed/)\n\n- [Setting local page as homepage](https://www.reddit.com/r/firefox/comments/ge86z4/newtab_page_to_local_file_firefox_76_redux/)\n\n- Auto hide scrollbars : details [here](https://www.reddit.com/r/FirefoxCSS/comments/jptrf8/is_it_still_possible_to_autohide_and_show/) by [u/mimecry](https://www.reddit.com/user/mimecry/)\n\n- [Prism](https://github.com/PROxZIMA/prism): A minimalist, beautiful startpage forked from [Prismatic Night](https://github.com/3r3bu5x9/Prismatic-Night)\n\n- [Installation script](https://github.com/rafaelmardojai/firefox-gnome-theme) details.\n___\n\n## Stargazers over time\n\n[![Stargazers over time](https://starchart.cc/PROxZIMA/Sweet-Pop.svg)](https://starchart.cc/PROxZIMA/Sweet-Pop)\n\n[Back to top](#sweet_pop)\n___\n\u003cp align=\"center\"\u003eMade with ❤️\u003c/p\u003e\n\u003ch2 align=\"center\"\u003eARIGATOU\u003c/h2\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FPROxZIMA%2FSweet-Pop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FPROxZIMA%2FSweet-Pop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FPROxZIMA%2FSweet-Pop/lists"}