Add-ons voor Firefox Browser
  • Extensies
  • Thema’s
    • voor Firefox
    • Woordenboeken en taalpakketten
    • Websites voor andere browsers
    • Add-ons voor Android
Aanmelden
Voorbeeld van GNOME Light Theme for Firefox

GNOME Light Theme for Firefox door Mr A.Cloud

Another GNOME Light Theme for Firefox inspired by Rafael Mardojai's Firefox GNOME Theme. This theme was created using Firefox Color Add-on. Looks best with my custom userChrome.css file

0 (0 beoordelingen)0 (0 beoordelingen)
1 gebruiker1 gebruiker
Firefox downloaden en het thema ontvangen
Bestand downloaden

Metagegevens van extensie

Over dit thema
Unfortunately, I don't know why, the awesome Firefox GNOME theme by Rafael Mardojai (https://github.com/rafaelmardojai/firefox-gnome-theme) doesn't work for me. Therefore I decided to create my own GNOME Light Theme with Firefox Color (https://color.firefox.com/).

Tested with
  • Debian GNU/Linux Stable 12.5
  • Gnome 43.9
  • Adwaita Light Style
  • Firefox browser 115.10.0esr

For the best experience you need to create a separate file for CSS and remove Firefox' title bar

Remove title bar:
  1. Right click on Tabs bar (empty space near tabs) > Customize Toolbar
  2. In the bottom left, uncheck the "Title Bar" option

Create a userChrome.css file:
  1. Go with Firefox to about:config and find the preference toolkit.legacyUserProfileCustomizations.stylesheets set it to true. BE CAREFUL! This preference is required to load the custom CSS in Firefox.
  2. Find your Profile and create a folder named chrome
  3. Quit Firefox
  4. Create a new text file inside the chrome folder named userChrome.css
  5. Edit userChrome.css with your text editor and paste this code:
    .titlebar-button{
    list-style-image: none !important;
    appearance: none !important;
    }
    .titlebar-button > .toolbarbutton-icon{
    appearance: auto !important;
    background: none !important;
    width: unset !important;
    height: unset !important;
    }

    .titlebar-min {
    appearance: auto !important;
    -moz-default-appearance: -moz-window-button-minimize !important;
    }
    .titlebar-max {
    appearance: auto !important;
    -moz-default-appearance: -moz-window-button-maximize !important;
    }
    .titlebar-restore {
    appearance: auto !important;
    -moz-default-appearance: -moz-window-button-restore !important;
    }
    .titlebar-close {
    appearance: auto !important;
    -moz-default-appearance: -moz-window-button-close !important;
    }

    .tab-background{
    outline: none !important;
    box-shadow: none !important;
    }
  6. Save the file
  7. Restart Firefox

Enjoy your new theme!

Tags: Debian Gnome Adwaita Theme Firefox Light Grey
Met 0 gewaardeerd door 0 beoordelaars
Meld u aan om dit thema te waarderen
Er zijn nog geen waarderingen

Sterrenwaardering opgeslagen

5
0
4
0
3
0
2
0
1
0
Nog geen beoordelingen
Meer informatie
Versie
1.0
Grootte
7,54 KB
Laatst bijgewerkt
één jaar geleden (30 apr. 2024)
Verwante categorieën
  • Dekkend
Licentie
Creative Commons Attribution-NonCommercial-Share Alike 3.0
Versiegeschiedenis
  • Alle versies bekijken
Toevoegen aan collectie
Deze add-on rapporteren
Naar Mozilla’s startpagina

Add-ons

  • Over
  • Firefox-add-onsblog
  • Extensieworkshop
  • Ontwikkelaarshub
  • Ontwikkelaarsbeleid
  • Gemeenschapsblog
  • Forum
  • Een bug melden
  • Beoordelingsrichtlijnen

Browsers

  • Desktop
  • Mobile
  • Enterprise

Producten

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Juridisch

Tenzij anders vermeld, is op de inhoud van deze website de Creative Commons Attribution Share-Alike License v3.0 of latere versie van toepassing.