๋กœ๊ทธ์ธ

GNOME Light Theme for Firefox ์ œ์ž‘์ž: 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๊ฐœ)
์‚ฌ์šฉ์ž ์—†์Œ
Firefox ๋‹ค์šด๋กœ๋“œ ๋ฐ ํ…Œ๋งˆ ์„ค์น˜
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
์ด ํ…Œ๋งˆ ์ •๋ณด
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
0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
์ถ”๊ฐ€ ์ •๋ณด
๋ฒ„์ „
1.0
ํฌ๊ธฐ
7.54 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
2๋…„ ์ „ (2024๋…„ 4์›” 30์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ