[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71867":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":16,"starSnapshotCount":16,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},71867,"Firefox-UI-Fix","black7375\u002FFirefox-UI-Fix","black7375","🦊 I respect proton UI and aim to improve it.","",null,"SCSS",5839,197,53,193,0,4,8,30,12,77.89,"Mozilla Public License 2.0",false,"master",true,[27,28,29,30,31,32,33,34,35,36,37,38,39],"firefox","firefox-css","firefox-customization","firefox-theme","firefox-tweaks","hacktoberfest","theme","unixporn","user-interface","userchrome","userchrome-styles","userchromecss","userstyles","2026-06-12 04:01:01","* Lepton (old name: Proton Fix)\n  :PROPERTIES:\n  :TOC:      :include all\n  :END:\n\n\n*Table of Contents*\n:CONTENTS:\n- [[#lepton-old-name-proton-fix][Lepton (old name: Proton Fix)]]\n  - [[#introduction][Introduction]]\n  - [[#installation-guide][Installation Guide]]\n  - [[#why-proton][WHY Proton?]]\n  - [[#why-not-proton][WHY Not Proton?]]\n  - [[#padding-comparisons][Padding Comparisons]]\n  - [[#sponsors--contributors][Sponsors & Contributors]]\n  - [[#bug--questions][Bug \u002F Questions?]]\n  - [[#faq][FAQ]]\n:END:\n\n-----\n\n🔔🔔 Does the theme not work after installation?\n\nYou should copy [[.\u002Fuser.js][ ~user.js~ ]] file before the theme works.\n\nThe option system depends on user configuration, and nothing applies without settings. \\\\\nAlso, real-time changes are difficult because of [[.\u002Fdocs\u002FRestrictions.md#supports][technical limitations]] and require a restart.\n\nSome settings [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FOptions#using-userjs][can be conflicted]] and should be explicitly set to =false=.\n\n-----\n\n🔔🔔 Is your Firefox version =v102= or lower?\n\nYou [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FCompatibility-Issues-Solution#accent-color-at-v102-or-lower][have to set]] =userChrome.compatibility.accent_color= to =true= additionally.\n\n-----\n\n** Introduction\n  [[https:\u002F\u002Fwiki.mozilla.org\u002FFirefox\u002FProton][Proton]] is Firefox's [[https:\u002F\u002Facorn.firefox.com\u002F][new design]], starting from Firefox 89. \\\\\n  [[https:\u002F\u002Ffirefoxux.github.io\u002Fphoton\u002F][Photon]] is the old design of Firefox which was used until version 88.\n\n  Proton's [[#why-proton][overall feel is good]], but there were a few things I [[#why-not-proton][didn't like]] and wanted to improve. \\\\\n  That's why this project was born, and Lepton to denote light theme layer.\n\n  \u002FDisclaimer:\u002F It works on *Firefox 89* and above!!\n  | *Wiki*             |             |          |         |                               |      |                      |\n  | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FInstallation-Guide][Installation Guide]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FScreenshots][Screenshots]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FTutorial][Tutorial]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FOptions][Options]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FCompatibility-Issues-Solution][Compatibility Issues Solution]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FTips][Tips]] | [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FShow-Off-Your-Config][Show Off Your Config]] |\n\n  [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F119774062-20942280-beb1-11eb-80aa-c18dd52f18d7.png]]\n\n (Lepton's design :arrow_up:)\n\n  @@html:\u003Cdetails>@@@@html:\u003Csummary>@@ *Feature List (Click)* @@html:\u003C\u002Fsummary>@@\n\n  - *Color*\n    - Default light\u002Fdark theme contrast enhancement\n    - Colorful context menu\n    - More dark mode support\n    - Windows\u002FMac\u002FLinux system theme support\n    - Windows 7 compatibility\n  - *Icons*\n    - Panel\n    - Context Menu\n    - Global Menu\n    - Library's open context\n    - Video Player\n  - *Padding Narrower*\n    - Tab\n    - Panel\n    - Menu\n    - Density\n    - Others…\n  - *Tab Bar Layouts*\n    - Tabs on Bottom\n    - One Liner\n    - Vertical Tab Support\n  - *Tab Design*\n    - General:\n      - Connect with toolbar (buttons like tabs)\n    - Selected:\n      - Box Shadow: Highlight the selected tab\n      - Bottom Rounding: Natural\n    - MultiSelected\n      - Adjust Color: Easily recognizable\n    - Unselect:\n      - Divide Line: React to hover like chrome\n    - Unloaded:\n      - Dimmed: Looks like inactive\n    - Clipped:\n      - Clearer Text: Adjusted clipped gradation\n      - Closed Button: Visible on hover\n    - Sound:\n      - Remove Second Label\n      - Show Favicon: Always show favicon\n      - PIP Icon\n    - Container Tab:\n      - Highlight line position: Displayed under tab\n  - *Button Design*\n    - New tab: Looks like tab\n  - *Activity Stream Design*\n    - Search Bar:\n      - Focused Shadow: Same as the accent color\n      - Hand off to Awesomebar\n    - Icons:\n      - Size: Fill (Changes dynamically to your size)\n  - *Error Page Design*\n    - Illustrations: Restore error page illustrations\n  - *Video Player*\n    - Background Style\n    - Size at fullscreen\n  - *Fullscreen*\n    - Overlap mode\n  - *Others*\n    - Animations\n    - Hidden & Auto Hide\n    - Activate calculator at address bar\n    - Mouse pointer for each context\n\n@@html:\u003C\u002Fdetails>@@\n\n** Installation Guide\n\n   *Installation script (experimental)*\n\n   Linux\u002FMac users:\n   #+BEGIN_SRC bash\n   bash -c \"$(curl -fsSL https:\u002F\u002Fraw.githubusercontent.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fmaster\u002Finstall.sh)\"\n   #+END_SRC\n\nWindows users: Run with powershell ([[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FCompatibility-Issues-Solution#windows-7-powershell-script-not-works][Does not work at Win7?]])\n   #+BEGIN_SRC powershell\n   Powershell -c \"Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iwr https:\u002F\u002Fraw.githubusercontent.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fmaster\u002Finstall.ps1 -useb | iex\"\n   #+END_SRC\n\n   *Manual Installation*\n\n   You can see the [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FInstallation-Guide][installation guide]] with screenshots on the wiki.\n\n  1. Download files\n     - Click the green \":arrow_down: Code\" button above\n     - Select \":package: Download ZIP\"\n  2. Find your profile directory\n     - Open =about:support= in a new tab\n     - Find the =Profile Directory(Linux)= \u002F =Profile Folder(Windows)= entry\n     - Click the =Open Directory(Linux)= \u002F =Open Folder(Windows)= button\n  3. Copy downloaded files\n     - Extract the downloaded zip file\n     - Copy the =user.js= file to the previously opened profile directory\n     - Create a new directory inside your profile directory called =chrome=\n     - Copy the remaining files from the extracted zip-file into previously created the =chrome= directory\n  4. Restart Firefox\n     - Click the =Clear startup cache…= at the top of =about:support=\n\n  If you prefer Photon, see [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Ftree\u002Fphoton-style][Lepton's photon-style]].\\\\\n  If you prefer Proton, see [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Ftree\u002Fproton-style][Lepton's proton-style]].\n\n\n** WHY Proton?\n   I think a lot has improved.\n\n   [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F119773764-a6639e00-beb0-11eb-8023-498b6293c4b2.png]]\n\n   (Proton's design :arrow_up:)\n\n   - Neatly organized menu\n   - Icon beautiful enough to remind you of Edge\n   - Nice color scheme\n   - Satisfied Rounding\n   - Modal window & Scrollbar!!\n\n** WHY Not Proton?\n   However, there are also many flaws.\n\n   [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F119773812-b5e2e700-beb0-11eb-923c-55ae1a8ca249.png]]\n\n   (Photon's design :arrow_up:)\n\n   - Is it a tab or a button?\n   - Where are the menu icons?\n   - Icons in ActivityStream are too small\n   - Padding gaps are wide\n   - :warning: Address bar 3-point menu, screenshot moves to toolbar (can't fix)\n\n** Padding Comparisons\n  [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F120262626-8c97d180-c289-11eb-87a6-68e285d6d77c.png]]\n  [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F120253257-6ae11f00-c276-11eb-93cf-393f9845f30b.png]]\n  [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F118402352-1e33fc00-b659-11eb-89fc-3cb38207fe39.png]]\n  [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F124066951-0eb21c00-da29-11eb-9ac4-c6b82a268c6f.png]]\n\n  - Photon (Quantum)\n  - Proton\n  - Lepton\n\n\n** Sponsors & Contributors\n\nThanks to all sponsors & contributors to this project for providing help and developing features!\n\n*Sponsors*\n\n[[https:\u002F\u002Fwww.oss.kr\u002F][https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F203210367-9f2eed69-666a-4218-acde-128892aa09d8.png]]\n[[https:\u002F\u002Fgithub.com\u002FBrowserWorks][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F78850935?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fojaha065][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F37581768?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FDPS0340][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F32592965?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FZachKnife1][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F114311925?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fkanlukasz][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F30685349?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fnikkehtine][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F27138416?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FBabbiorsetto][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F36596647?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FMike-Kennelly][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F151653777?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FCyberax][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1136550?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FAuRiMaS666][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F59185222?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Ffirefox9067][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F80527364?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002FYgg01][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1146204?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fengelju][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F2188152?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fxrstf][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F127499?s=60&v=4\"\u002F>@@]]\n[[https:\u002F\u002Fgithub.com\u002Fakwala][@@html:\u003Cimg width=\"60\" height=\"60\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1786?s=60&v=4\"\u002F>@@]]\n\n- A donation was received on [[https:\u002F\u002Fko-fi.com\u002Fblack7375][Ko-Fi]]\n  - [[https:\u002F\u002Fko-fi.com\u002Fhome\u002Fcoffeeshop?txid=97e5fa0d-c73e-4308-a2fd-6b44b08cd828][Safira]]\n  - [[https:\u002F\u002Fko-fi.com\u002Fduncanyoyo1][duncanyoyo1]]\n  - [[https:\u002F\u002Fko-fi.com\u002Fhome\u002Fcoffeeshop?txid=a84c4838-f0e8-45b4-8b61-46684697e9b2][Minithra]]\n  - [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fissues\u002F1095#issuecomment-3682151859][Kevin Ernst]]\n- Private sponsors: 5\n\n*Contributors*\n\n[[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fgraphs\u002Fcontributors][@@html:\u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=black7375\u002FFirefox-UI-Fix\"\u002F>@@]]\n\nA list of all contributors can be found in [[.\u002FCREDITS][CREDITS]].\n\n** Bug \u002F Questions?\n\nIf you found a bug, please contact [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fissues][issue]]. \\\\\nIf you have any questions or inquiries, please contact [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fdiscussions][discussions]].\n\n** FAQ\n\n  - *Black pixels around the selected tab bottom corners* \\\\\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F5571586\u002F120401980-edf58a00-c2f5-11eb-9e64-ce50c5b189b2.png]]\n\n  Please follow the [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FInstallation-Guide][Installation Guide]], \\\\\n  or set =about:config='s =svg.context-properties.content.enabled= to =true= .\n\n  - *The closed button and some panel menu icons are not visible.* \\\\\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F77958663\u002F130395848-7af58241-bbbf-4273-bb62-14382c44098d.png]]\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F120487528-93b40200-c3a5-11eb-98ad-3498beb9f38e.png]]\n\n  Please follow the [[https:\u002F\u002Fgithub.com\u002Fblack7375\u002FFirefox-UI-Fix\u002Fwiki\u002FInstallation-Guide][Installation Guide]], \\\\\n  or copy the =icons= directory to =chrome= .\n\n\n  - *Less icons in the panel with photon-style*\\\\\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F123761424-5746c980-d8b1-11eb-9a0f-83fb305f9f08.png]]\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F123762962-d4bf0980-d8b2-11eb-8492-d497d330c72a.png]]\n\n    I didn't put all the icons like before.\\\\\n    [[https:\u002F\u002Fuser-images.githubusercontent.com\u002F25581533\u002F123602947-dd4b0d80-d7e8-11eb-93a6-2b263bdd99f7.png]]\n","Firefox-UI-Fix 是一个旨在改进 Firefox Proton UI 的项目。它通过 SCSS 语言提供了多种用户界面调整选项，包括增强默认浅色\u002F深色主题对比度、多彩上下文菜单、更多暗模式支持以及对 Windows\u002FMac\u002FLinux 系统主题的支持。此外，该项目还优化了图标样式，并且兼容 Windows 7。适用于希望自定义和优化 Firefox 浏览器界面的用户，特别是那些使用 Firefox 89 及以上版本并希望改善视觉体验的用户。",2,"2026-06-11 03:39:00","high_star"]