{"id":15164906,"url":"https://github.com/Hakanbaban53/RealFire","last_synced_at":"2025-09-30T20:31:51.773Z","repository":{"id":192127747,"uuid":"686412615","full_name":"Hakanbaban53/RealFire","owner":"Hakanbaban53","description":"A minimalist animated oneliner theme for Firefox perfectly matching real Dark.","archived":false,"fork":false,"pushed_at":"2025-01-14T06:44:32.000Z","size":63163,"stargazers_count":29,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-14T07:39:58.463Z","etag":null,"topics":["css","firefox","firefox-css","firefox-theme","javascript","realfire","userchrome","userscript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":false,"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/Hakanbaban53.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-02T17:50:53.000Z","updated_at":"2025-01-14T06:44:35.000Z","dependencies_parsed_at":"2023-09-02T19:26:55.692Z","dependency_job_id":"69c509bd-d521-420c-a059-9d6e58686d56","html_url":"https://github.com/Hakanbaban53/RealFire","commit_stats":null,"previous_names":["hakanbaban53/realfire"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hakanbaban53%2FRealFire","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hakanbaban53%2FRealFire/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hakanbaban53%2FRealFire/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hakanbaban53%2FRealFire/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hakanbaban53","download_url":"https://codeload.github.com/Hakanbaban53/RealFire/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234774942,"owners_count":18884527,"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","javascript","realfire","userchrome","userscript"],"created_at":"2024-09-27T04:00:56.193Z","updated_at":"2025-09-30T20:31:51.767Z","avatar_url":"https://github.com/Hakanbaban53.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# [RealFire 🔥](https://github.com/Hakanbaban53/RealFire)\n\n**A minimalist animated oneliner theme for Firefox perfectly matching real Dark**\n\n\u003c/div\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/preview.png\"\u003e\u003c/p\u003e\n\n## 🏞 Screenshots\n\n\u003cdetails\u003e\u003csummary\u003eClick me 🐈\u003c/summary\u003e\n\n\u003ch3 align=\"center\"\u003eAdaptive Tab Bar Extension Support\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/adaptive-tab-bar-extension-support.gif\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eMacOs Window Control \u0026 Fonts\u003c/h3\u003e\n\u003cp align=\"center\" style=\"max-heigh:250px\"\u003e\u003cimg src=\"./assets/mac_os_theme.gif\"\u003e\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eAnimated Background\u003c/h3\u003e\n\u003cp align=\"center\" style=\"max-heigh:250px\"\u003e\u003cimg src=\"./assets/navbar.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\"\u003eAuto-hide Scrollbars\u003c/h3\u003e\n\u003cp align=\"center\" style=\"max-heigh:250px\"\u003e\u003cimg src=\"./assets/hide_scroll_bar.gif\"\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\u003ch3 align=\"center\"\u003eAdaptive Window Color With Windows \u0026 GNU/Linux\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"./assets/adaptive.gif\"\u003e\u003c/p\u003e\n\n\u003c/details\u003e\n\n## 📃 Browser JS Files\n\n### [`userChrome.css`](./userChrome.css)\n\nThis helps to customize Firefox User Interface.\n\n### [`userContent.css`](./userContent.css)\n\nThis helps to customize web content like a specific site.\n\n### [`hideScrollbar.uc.js`](./JS/hideScrollbar.uc.js)\n\nIt's now possible to autohide scrollbars.\n\n### [`macosTheme.uc.js`](./JS/macosTheme.uc.js)\n\nThis script to convert font and window controls to macos style.\n\n## ❓ **But how does it work?**\n\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) (Currently Not Working!).\n\n## 💡 Installation\n\n\u003cdetails\u003e\u003csummary\u003e\u003cstrong\u003e\u003cem\u003eGUI Installation\u003c/em\u003e\u003c/strong\u003e\u003c/summary\u003e\n\u003csummary\u003eFirefox Theme Installer\u003c/summary\u003e\n\n### [Check This Repo](https://github.com/Hakanbaban53/Firefox-Theme-Installer?tab=readme-ov-file#--------firefox-theme-installer--)\n\nExplore the Firefox Theme Installer repository for an easy and efficient way to install and manage your Firefox themes.\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003e\u003cstrong\u003e\u003cem\u003eCurl based Installation (You can install this theme with one line command)\u003c/em\u003e\u003c/strong\u003e\u003c/summary\u003e\n\n\u003cdetails\u003e\u003csummary\u003eGNU/Linux \u0026 MacOS\u003c/summary\u003e\u003cbr\u003e\n\n    ```console\n    $ curl -s -o- https://raw.githubusercontent.com/Hakanbaban53/RealFire/main/programs/install-curl.sh | bash # Standard\n    $ curl -s -o- https://raw.githubusercontent.com/Hakanbaban53/RealFire/main/programs/install-curl.sh | bash -s -- -f ~/.var/app/org.mozilla.firefox/.mozilla/firefox # Flatpak\n    $ curl -s -o- https://raw.githubusercontent.com/Hakanbaban53/RealFire/main/programs/install-curl.sh | bash -s -- -f ~/snap/firefox/common/.mozilla/firefox/ # Snap\n    ```\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/Hakanbaban53/RealFire/main/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/Hakanbaban53/RealFire/main/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\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\n\u003c/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003e\u003cstrong\u003e\u003cem\u003eScript Installation\u003c/em\u003e\u003c/strong\u003e\u003c/summary\u003e\n\n1. Clone the repository and enter folder:\n\n   ```console\n   $ git clone https://github.com/Hakanbaban53/RealFire.git \u0026\u0026 cd RealFire\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\u003eGNU/Linux \u0026 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   $ ./programs/install.sh -f ~/snap/firefox/common/.mozilla/firefox/ # Snap\n   ```\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\n    \u003c/details\u003e\n\n   #### Script options\n\n   - `-b \u003cbinary_folder\u003e` _optional_\n\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\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\n     - Set custom profile name, for example `4htgy4pu.app`\n     - Default: Profile folder name found in `profiles.ini` at -\u003e\n\n     ```\n     [Install4F96D1932A9F858E]\n     Default=1yrah0xg.default-release\n     Locked=1\n     ```\n\n   - `-e` _optional_\n\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\u003e\u003cstrong\u003e\u003cem\u003eManual Installation\u003c/em\u003e\u003c/strong\u003e\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/Hakanbaban53/RealFire.git chrome\n\n   $ cd chrome\n   ```\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\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    ```\n\n\u003c/details\u003e\n\n- 🗑️ If you want to remove the Theme:\n\n    #### GNU/Linux \u0026 MacOS\n    ./programs/uninstall.sh\n    \n    #### Windows\n    ./programs/uninstall.bat\n    \n\n#### 🔧 Follow-up changes\n\n1. In Firefox\n\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`.\n\n2. Open `about:support` \u003e `Clear startup cache...` \u003e `Restart` **_twice_**\n\n3. ### **Voilà**\n\n## ⚙️ Configuration\n\n1. You can use the [ realfire-config.css ](/includes/realfire-config.css) change the a lot of variables.\n\n2. If you run the automatic installation script, it will install all the files in the folders where they need to be installed.\n\n3. If something breaks on your system then please raise a issue\n\n4. If you want to use `vertical tabs`, you may need to edit this line in the [realfire-config.css](/includes/realfire-config.css#L59) file.\n\n## 📌 Known issues\n\n- Adaptive window color with windows not working on preferences page and start page (Windows only). If you want the change it use the [ realfire-config.css ](/includes/realfire-config.css) file.\n\n## 📂 Folder structure\n\n```css\n🗃 .\n├── 🖿 assets\n│   └── 🖻 preview images\n├── 🖿 img\n│   └── 🖻 new tab background image\n├── 🖿 includes\n│   ├── 🗎 realfire-checkbox.css\n│   ├── 🗎 realfire-icons.css\n│   ├── 🗎 realfire-config.css\n│   └── 🗐 other .css files\n├── 🖿 JS\n│   ├── 🗎 aboutUserChrome.sys.mjs\n│   ├── 🗎 navbarToolbarButtonSlider.uc.js\n│   ├── 🗎 macosTheme.us.js\n│   └── 🗐 many script in .uc.js format\n├── 🖿 programs\n│   ├── 🗎 install-cfg.sh\n│   ├── 🗎 install.sh\n│   ├── 🗎 install-curl.sh\n│   ├── 🗎 install.bat\n│   ├── 🗎 install-curl.bat\n│   ├── 🗎 local-settings.js\n│   ├── 🗎 mozilla.cfg\n│   ├── 🗎 uninstall.bat\n│   ├── 🗎 uninstall.sh\n│   └── 🗎 user.js\n├── 🖿 resources\n│   └── 🖿 icons\n│       └── 🗐 many icons in .svg format\n├── 🖿 utils\n│   ├── 🗎 .editorconfig\n│   ├── 🗎 boot.sys.mjs\n│   ├── 🗎 chrome.manifest\n│   ├── 🗎 fs.sys.mjs\n│   └── 🗎 utils.sys.mjs\n├── 🗎 README.md\n├── 🗎 userChrome.css\n└── 🗎 userContent.css\n\n```\n\n## Credits\n\n- I started with this amazing material theme : [Sweet_Pop!](https://github.com/PROxZIMA/Sweet-Pop) by [PROxZIMA](https://github.com/PROxZIMA)\n\n- One of the best dark theme for Firefox : [ShadowFox](https://overdodactyl.github.io/ShadowFox) by [overdodactyl](https://github.com/overdodactyl)\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- [Installation script](https://github.com/rafaelmardojai/firefox-gnome-theme) details.\n\n---\n\n## Stargazers over time\n\n[![Stargazers over time](https://starchart.cc/Hakanbaban53/RealFire.svg)](https://starchart.cc/Hakanbaban53/RealFire)\n\n[Back to top](#RealFire_🔥)\n\n---\n\n\u003ch2 align=\"center\"\u003eHakan İSMAİL ❤\u003c/h2\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHakanbaban53%2FRealFire","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHakanbaban53%2FRealFire","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHakanbaban53%2FRealFire/lists"}