fenix-fox/README.md

41 lines
1.4 KiB
Markdown
Raw Normal View History

2018-10-21 18:27:25 +00:00
# Collection of random CSS hacks for Firefox
2018-10-21 15:44:14 +00:00
2018-12-04 18:22:05 +00:00
Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted.
2018-10-21 18:27:25 +00:00
# Usage
2018-10-21 15:44:14 +00:00
Use stylesheets under "chrome" in userChrome.css
Use stylesheets under "content" in userContent.css
You can import the stylesheets with @-rule import like this:
```css
@import url("path/filename.css");
2018-12-04 18:22:05 +00:00
```
## Important!
Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file.
**Most notably, you are advised to import theme_ files before any other modules.**
2018-12-04 18:22:05 +00:00
# Theme
Stylesheets prefixed with `theme_` require `theme_color_variables.css` to be imported.
Example userChrome.css resulting in rather complete dark blueish-grey UI:
```css
@import url(theme_color_variables.css);
@import url(theme_sidebar.css);
@import url(theme_toolbars.css);
@import url(theme_popups_and_menus.css);
/* Your other rules here */
```
You can use individual modules from theme such as to only include popups_and_menus. But it would still be required that you import the theme_color_variables.css or you'll have to manually edit all the colors.
2018-12-06 19:49:25 +00:00
Example userChrome.css and userContent.css can be used as is to enable theme + certain features after /chrome and /content folders are copied into your profile.