CSS Firefox

Open-source CSS projects categorized as Firefox | Edit details

Top 23 CSS Firefox Projects

  • GitHub repo MaterialFox

    A Material Design-inspired userChrome.css theme for Firefox

    Project mention: Meow | reddit.com/r/196 | 2021-10-14

    Once you've done that, install this stylesheet: https://github.com/muckSponge/MaterialFox

  • GitHub repo CustomCSSforFx

    Custom CSS tweaks for Firefox

    Project mention: Mozilla has defeated Microsoft’s default browser protections in Windows | reddit.com/r/Windows11 | 2021-09-13

    Personally I've been sticking with some old things since way back when using https://github.com/Aris-t2/CustomCSSforFx and my own tweaks. Here's a sample of modifications I did before updating the main browser since nightly can be installed separately. https://i.imgur.com/MtpHLtc.png

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo FlyingFox

    An opinionated set of configurations for firefox.

    Project mention: High CPU load | reddit.com/r/FirefoxCSS | 2021-10-10

    Finally got working FlyingFox theme , the only problem is the cpu load.

  • GitHub repo firefox-gnome-theme

    A GNOME👣 theme for Firefox🔥

    Project mention: GNOME Web overview and comparison | reddit.com/r/linux | 2021-10-15

    Web integrates well with the rest of the GNOME desktop, since it is a GNOME program built using GNOME technologies. Firefox's default theme is completely out of place. This can be fixed using the wonderful GNOME theme for Firefox.

  • GitHub repo Qogir-theme

    Qogir is a flat Design theme for GTK

    Project mention: Square Buttons in Titlebar | reddit.com/r/linuxquestions | 2021-10-07

    You need to install a custom theme to make titlebar buttons square. Look into Qogir theme and install the theme, then from Zorin Appearance change the theme to this one.

  • GitHub repo SimpleFox

    🦊 A Userstyle theme for Firefox minimalist and Keyboard centered.

    Project mention: https://np.reddit.com/r/FirefoxCSS/comments/pkekv6/cascade_a_responsive_oneline_theme_based_on/hc2w1nt/ | reddit.com/r/backtickbot | 2021-09-08

    Cascade is a Firefox Theme based on SimpleFox. This theme was known previously as "ag.proton"—but let's be honest: That sounds hella boring. What you get is a really simple one-line layout that works well with the new Proton UI.

  • GitHub repo blurredfox

    A sleek, modern and elegant Firefox CSS theme

    Project mention: Perfect KDE Plasma compositing combo: Kwin + Picom | reddit.com/r/kde | 2021-08-20
  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo firefox-sweet-theme

    :candy: A dark and modern theme for firefox with vibrant colors

    Project mention: Firefox 86 Introduces Total Cookie Protection | reddit.com/r/technology | 2021-02-23

    It's a feature so that you can drag the window easily if your tab bar is full. You can get rid of it by enabling the title bar, but that's even uglier imo, before - after. Another alternative is just using a theme with an entirely different layout, like firefox-sweet, not sure about this one specifically on windows tho.

  • GitHub repo photon-australis

    Bringing sexy curves back to Firefox Photon.

    Project mention: Want to revert latest firefox UI to look like attachment | reddit.com/r/FirefoxCSS | 2021-08-18
  • GitHub repo Quantum-Nox-Firefox-Dark-Full-Theme

    A customizable full dark theme for Firefox. You can also add extra functions using the CSS and JS files here apart from the theme.

    Project mention: Firefox 89 Proton Feedback Megathread | reddit.com/r/firefox | 2021-06-04

    As for the rest of the UI I mainly relied on CustomCSSforFx by Aris-t2: https://github.com/Aris-t2/CustomCSSforFx a bit of CSS from Quantum-Nox-Firefox-Dark-Full-Theme: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme by Izheil and some CSS that I liked.

  • GitHub repo slick-fox

    :fox_face: A firefox config that has rounded tabs and a url bar that can disappear when not selected on. It works with any theme.

    Project mention: How can I remove this gap between tabs and the top of the window on 89 (Proton) ? | reddit.com/r/FirefoxCSS | 2021-06-23

    There kinda is, but not like that. slick-fox seems to add a 6px top margin for tabs here - make that 0 or 0px and it should remove the space.

  • GitHub repo simpleMenuWizard

    Hide contextmenu items in Firefox Photon

    Project mention: Make App Menu taller | reddit.com/r/FirefoxCSS | 2021-09-12

    Hello, I'm using this script to remove some unneeded items from the App Menu & More Tools menus.

  • GitHub repo browser-extensions

    Browser extensions for Terms of Service; Didn't Read. “I have read and agree to the Terms” is the biggest lie on the web. We aim to fix that. Get informed instantly about websites' terms & privacy policies, with ratings and summaries from the www.tosdr.org initiative.

    Project mention: YSK about Terms of Service; Didn't Read | reddit.com/r/YouShouldKnow | 2021-04-06

    Why YSK: Terms of Service; Didn't Read (ToS;DR) is an open-source internet browser add-on that goes through the Terms of Service (ToS) of a website whenever you enter one. Each website (provided it's been reviewed) is marked with a rating from A to F (A being the highest and F being the grade I got in mathematics), depending on how safe or sketchy the Terms of Service are. It highlights the notable parts of the ToS and gives each point either a thumbs up or a thumbs down, again, depending on how safe or sketchy that part is. ToS;DR is a very useful add-on if you wish to know how reliable a site is without having to go through the Terms of Service. TOS;DR is available for Chrome, Firefox, Microsoft Edge, Opera and Safari.

  • GitHub repo WhiteSurFirefoxThemeMacOS

    MacOS Big Sur like theme for Firefox on MacOS & Windows. Make your Firefox look like Safari.

    Project mention: Firefox themes for MacOS | reddit.com/r/FirefoxCSS | 2021-06-24

    other than that, it's possible that the stylesheets you try weren't tested for macOS. but since windows is the most common that's probably pretty common. without knowing what specifically you're looking for it's hard to tell you what to do. did you try this one? I know for certain it works on macOS

  • GitHub repo Firefox-UWP-Style

    MDL2 + Sun Valley Theme for Firefox

    Project mention: Firefox Sun Valley Style (Beta) | reddit.com/r/FirefoxCSS | 2021-09-16

    Download Github

  • GitHub repo FirefoxW10ContextMenus

    Emulates the Windows 10 context menus in Firefox.

    Project mention: Does this code still work on firefox 93? | reddit.com/r/FirefoxCSS | 2021-10-13
  • GitHub repo Overlay-Scrollbars

    🎨 An overlay scrollbar customizable theme for Firefox and Chrome based browsers

    Project mention: how i can change the colors of the scroll bar? | reddit.com/r/FirefoxCSS | 2021-06-04
  • GitHub repo ff-ultra-compact-mode

    A Compact Mode for Firefox Proton

    Project mention: FF93.0 update has broken Compact Density | reddit.com/r/firefox | 2021-10-10

    I see your point. In case if you wanted the compact mode more even compact like i am for my laptop screen, there's this css to solve it: https://github.com/dannycolin/fx-compact-mode

  • GitHub repo Remove-Firefox-Megabar

    Remove the new Firefox Megabar using CSS

    Project mention: Firefox Tabs on Bottom of address bar! | reddit.com/r/firefox | 2021-04-22

    Have my CSS (using it in 84, probably breaks in proton of course). Depends on this CSS file for the 'megabar'.

  • GitHub repo Safari-Theme-for-Firefox

    Make Firefox look more native on macOS. Light Mode / Dark Mode.

    Project mention: Safori with minor changes, works great on Proton! | reddit.com/r/FirefoxCSS | 2021-06-03

    Based on https://github.com/diedummydie/Safari-Theme-for-Firefox and https://github.com/floriandierickx/Safari-Theme-for-Firefox

  • GitHub repo TZP

    TorZillaPrint: Firefox & Tor Browser fingerprint testing

    Project mention: Addons in Tor Browser don't Appear | reddit.com/r/TOR | 2021-04-28

    "TorZillaPrint (TZP) aims to provide a comprehensive, all-in-one, fingerprinting test suite": https://arkenfox.github.io/TZP/tzp.html

  • GitHub repo my_firefox_theme

    A theme that aims to look nice and clean while not compromising functionality.

    Project mention: What's the best way to use vertical tabs in Firefox ? | reddit.com/r/firefox | 2021-06-05

    Or you can try themes from: https://firefoxcss-store.github.io/ some of them integrate well with Tree Style Tab, but you can use Sidebery if you like that one. My personal preference is My Firefox Theme — screenshots

  • GitHub repo FirefoxCSS

    minimalFOX: my Firefox theme.

    Project mention: Need some help with a One Line Configuration | reddit.com/r/FirefoxCSS | 2021-07-25

    /* One Line Code adapted from https://github.com/khuedoan/one-line-firefox/blob/master/userChrome.css*/ /* Title bar */ .titlebar-buttonbox { display: none !important; } .titlebar-spacer { display: none !important; } /* Tab bar */ #navigator-toolbox { border: 0px !important; } #TabsToolbar { margin-left: 61vw !important; width: 100% !important; } /* Nav bar*/ #urlbar-container { margin-right: 10vw !important; } /* Nav bar*/ #nav-bar { background: transparent !important; margin-top: -36px !important; margin-right: 50vw !important; /*! width 100% !important */ width: 100vw !important; } #urlbar { width: 48vw; } /* URL bar */ #back-button { display: none !important; } #forward-button { display: none !important; } #tracking-protection-icon-container { display: none !important; } #urlbar-container { min-width: 100px !important; } #urlbar { background: transparent !important; border: none !important; box-shadow: none !important; } #page-action-buttons { display: none !important; } #PanelUI-button { display: none !important; } /* User Added */ :root[uidensity="compact"] { --bookmark-block-padding: 3px !important; } :root { --toolbarbutton-border-radius: 0px !important; --toolbarbutton-inner-padding: 0px !important; } #urlbar { --urlbar-height: 36px !important; --urlbar-toolbar-height: 36px !important; } #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) { border-radius: 0px; } #scrollbutton-up[disabled="true"] image { opacity: 0%; } #scrollbutton-down[disabled="true"] image { opacity: 0%; } #urlbar[open="true"] { width: 100vw !important; transition: width 50ms !important; } :root { --tab-border-radius: 0px !important; } #urlbar[breakout] { left: -3px !important; } /* AUTOHIDE */ /* Adapted from https://github.com/marmmaz/FirefoxCSS/blob/master/userChrome.css */ /*Auto Hide Top Bar - to disable auto-hide feature delete rows 1 - 86*/ :root { --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */ --uc-toolbox-rotation: 65deg; /* This may need to be lower on mac - like 75 or so */ } :root[sizemode="maximized"] { --uc-toolbox-rotation: 63deg; } :root[sizemode="fullscreen"] { margin-top: 0px !important; } #navigator-toolbox { position: fixed !important; display: -webkit-box; transition: height 50ms; transform-origin: top; transform: rotateX(var(--uc-toolbox-rotation)); opacity: 0; line-height: 0; z-index: 1; pointer-events: none; } /* #mainPopupSet:hover ~ box > toolbox, /* Uncomment the above line to make toolbar visible if some popup is hovered */ #navigator-toolbox:hover, #navigator-toolbox:focus-within { transition-delay: 50ms !important; transform: rotateX(0); opacity: 1; } #navigator-toolbox > * { line-height: normal; pointer-events: auto; } /* Don't apply transform before window has been fully created */ :root:not([sessionrestored]) #navigator-toolbox { transform: none !important; } :root[customizing] #navigator-toolbox { position: relative !important; transform: none !important; opacity: 1 !important; }

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-10-15.


What are some of the best open-source Firefox projects in CSS? This list will help you:

Project Stars
1 MaterialFox 1,666
2 CustomCSSforFx 1,346
3 FlyingFox 1,103
4 firefox-gnome-theme 1,059
5 Qogir-theme 1,047
6 SimpleFox 964
7 blurredfox 634
8 firefox-sweet-theme 566
9 photon-australis 420
10 Quantum-Nox-Firefox-Dark-Full-Theme 360
11 slick-fox 252
12 simpleMenuWizard 210
13 browser-extensions 162
14 WhiteSurFirefoxThemeMacOS 133
15 Firefox-UWP-Style 126
16 FirefoxW10ContextMenus 103
17 Overlay-Scrollbars 88
18 ff-ultra-compact-mode 79
19 Remove-Firefox-Megabar 65
20 Safari-Theme-for-Firefox 57
21 TZP 43
22 my_firefox_theme 39
23 FirefoxCSS 33
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives