2018-03-18 22:44:43 +02:00
|
|
|
# Firefox GNOME Theme
|
2019-06-02 18:37:29 +03:00
|
|
|
A GNOME theme for Firefox 60+.
|
|
|
|
|
|
|
|
*This theme follows lastest GNOME default gtk theme adwaita*
|
2019-06-04 03:00:43 +03:00
|
|
|
|
2017-12-02 01:18:56 +02:00
|
|
|
![Screenshot of the theme](screenshot.png)
|
|
|
|
|
|
|
|
## Description
|
|
|
|
|
2019-06-02 18:37:29 +03:00
|
|
|
This is a bunch of CSS code to make Firefox look closer to GNOME's default
|
2019-06-04 03:00:43 +03:00
|
|
|
theme.
|
2017-12-02 01:18:56 +02:00
|
|
|
|
2019-06-04 03:00:43 +03:00
|
|
|
The `master` branch track current Firefox and GNOME stable.
|
2018-03-31 11:50:39 +03:00
|
|
|
|
2017-12-02 01:18:56 +02:00
|
|
|
## Installation
|
|
|
|
|
2019-06-04 18:26:47 +03:00
|
|
|
### Manual installation
|
|
|
|
1. Go to `about:support` in Firefox.
|
|
|
|
2. Application Basics > Profile Directory > Open Directory.
|
|
|
|
3. Create a folder named `chrome`.
|
|
|
|
4. Copy `userChrome.css` file and `theme` folder in `chrome`.
|
|
|
|
5. Go to `about:config` in Firefox.
|
|
|
|
6. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`.
|
|
|
|
7. Restart Firefox.
|
|
|
|
8. Open Firefox customization panel and:
|
|
|
|
1. Use *Title bar* option to toggle CSD if is not set by default.
|
|
|
|
2. Move the new tab button to headerbar
|
|
|
|
3. Select light or dark variants on theme switcher.
|
|
|
|
9. Be happy with your new gnomish Firefox.
|
|
|
|
|
2017-12-02 01:18:56 +02:00
|
|
|
|
|
|
|
## Development
|
|
|
|
|
2017-12-04 21:52:50 +02:00
|
|
|
If you wanna mess around the styles and change something, you might find these
|
|
|
|
things useful.
|
2017-12-02 01:18:56 +02:00
|
|
|
|
|
|
|
To use the Inspector to debug the UI, open the developer tools (F12) on any
|
|
|
|
page, go to options, check both of those:
|
|
|
|
|
2017-12-02 15:59:57 +02:00
|
|
|
- Enable browser chrome and add-on debugging toolboxes
|
|
|
|
- Enable remote debugging
|
2017-12-02 01:18:56 +02:00
|
|
|
|
|
|
|
Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser
|
|
|
|
UI.
|
|
|
|
|
|
|
|
Also you can inspect any GTK3 application, for example type this into a terminal
|
|
|
|
and it will run Epiphany with the GTK Inspector, so you can check the CSS styles
|
|
|
|
of its elements too.
|
|
|
|
|
2017-12-02 15:59:57 +02:00
|
|
|
```sh
|
|
|
|
GTK_DEBUG=interactive epiphany
|
|
|
|
```
|
2017-12-02 01:18:56 +02:00
|
|
|
|
|
|
|
Feel free to use any parts of my code to develop your own themes, I don't force
|
|
|
|
any specific license on your code.
|
2019-06-02 21:39:11 +03:00
|
|
|
|
|
|
|
## Credits
|
2019-06-03 20:47:03 +03:00
|
|
|
Developed by **Rafael Mardojai** and contributors. Based on **Sai Kurogetsu** work.
|