update README and the screenshot, closes #2
This commit is contained in:
parent
95ff2b4cf1
commit
85df6d10c5
37
README.md
37
README.md
|
@ -1,12 +1,12 @@
|
||||||
# Firefox Gnome Theme (dark variant only... for now)
|
# Firefox Gnome Theme
|
||||||
|
|
||||||
![Screenshot of the theme](screenshot.png)
|
![Screenshot of the theme](screenshot.png)
|
||||||
|
|
||||||
## Description
|
## Description
|
||||||
|
|
||||||
This is a bunch of CSS code to make Firefox 57+ look closer to GNOME's default
|
This is a bunch of CSS code to make Firefox 57+ look closer to GNOME's default
|
||||||
dark theme. It styles the UI and interal Firefox' pages like about: and
|
theme. It styles the UI and, if you pick the dark variant, interal Firefox'
|
||||||
view-source:. I only wrote styles for the dark variant, not the light one.
|
pages like about: and view-source:. Both light and dark variants are supported.
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
|
@ -21,14 +21,35 @@ Extensions can no longer style UI elements, but we can still use good old
|
||||||
git clone 'https://github.com/kurogetsusai/firefox-gnome-theme.git' chrome
|
git clone 'https://github.com/kurogetsusai/firefox-gnome-theme.git' chrome
|
||||||
```
|
```
|
||||||
|
|
||||||
You must run Firefox with the dark theme, either by setting it globally as your
|
3. The GTK theme variant must match the variant you picked for this Firefox
|
||||||
default theme in GNOME Tweak Tools, or by running Firefox with the GTK_THEME
|
theme, which means you must either enable (for the dark variant) or disable (for
|
||||||
variable like this:
|
the light one) global dark theme in GNOME Tweak Tools, or alternativelly, you
|
||||||
|
can run Firefox with a specific variant without changing the global theme by
|
||||||
|
supplying the GTK_THEME variable like this:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
|
# for the dark theme
|
||||||
GTK_THEME=Adwaita:dark firefox
|
GTK_THEME=Adwaita:dark firefox
|
||||||
|
|
||||||
|
# for the light one
|
||||||
|
GTK_THEME=Adwaita:light firefox
|
||||||
```
|
```
|
||||||
|
|
||||||
|
If you choose the light variant, you must also enable it in your
|
||||||
|
`userChrome.css` file and disable the dark one. Just uncomment the
|
||||||
|
`@import "ui/theme-light.css";` file and comment the
|
||||||
|
`@import "ui/theme-dark.css";` one, so it looks like this:
|
||||||
|
|
||||||
|
```css
|
||||||
|
/* Dark theme */
|
||||||
|
/*@import "ui/theme-dark.css"; /**/
|
||||||
|
/* Light theme */
|
||||||
|
@import "ui/theme-light.css"; /**/
|
||||||
|
```
|
||||||
|
|
||||||
|
The `userContent.css` file makes all the Firefox' internal pages dark, so if you
|
||||||
|
don't want them dark, just remove that file.
|
||||||
|
|
||||||
You might want to adjust your default link colors so they are more visible on
|
You might want to adjust your default link colors so they are more visible on
|
||||||
dark background, either drop the code below into your
|
dark background, either drop the code below into your
|
||||||
`(firefox profile)/user.js` file or change them manually in `about:config`.
|
`(firefox profile)/user.js` file or change them manually in `about:config`.
|
||||||
|
@ -63,8 +84,8 @@ issues here on GitHub and share your ideas if you know how to fix them.
|
||||||
|
|
||||||
## Development
|
## Development
|
||||||
|
|
||||||
If you wanna mess around the styles and change something, or create a light
|
If you wanna mess around the styles and change something, you might find these
|
||||||
variant of this theme, you might find these things useful.
|
things useful.
|
||||||
|
|
||||||
To use the Inspector to debug the UI, open the developer tools (F12) on any
|
To use the Inspector to debug the UI, open the developer tools (F12) on any
|
||||||
page, go to options, check both of those:
|
page, go to options, check both of those:
|
||||||
|
|
BIN
screenshot.png
BIN
screenshot.png
Binary file not shown.
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 85 KiB |
Loading…
Reference in New Issue