No description
Find a file
2018-12-31 16:04:32 +02:00
chrome Add option to handle no-favicon scenario 2018-12-31 16:04:32 +02:00
content remove unnecessary semicolon 2018-12-29 17:12:54 +02:00
LICENCE.md initial commit 2018-10-21 18:44:14 +03:00
README.md Add notification that theme files should be imported first 2018-12-29 17:21:06 +02:00
userChrome.css Disable nav-buttons-in-urlbar in example as it requires specific layout 2018-12-06 22:11:23 +02:00
userContent.css Add example userChrome and userContent files 2018-12-06 21:39:20 +02:00

Collection of random CSS hacks for Firefox

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.

Usage

Use stylesheets under "chrome" in userChrome.css

Use stylesheets under "content" in userContent.css

You can import the stylesheets with @-rule import like this:

@import url("path/filename.css");

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.

Theme

Stylesheets prefixed with theme_ require theme_color_variables.css to be imported.

Example userChrome.css resulting in rather complete dark blueish-grey UI:

@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.

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.