/* * In this file you can enable styles which apply to Firefox' user interface. * To enable a specific feature, uncomment its @import line by removing "/*" at * the beginning of the line. To disable it, put the "/*" back. */ /******************************************************************************* * GNOME Theme * Pick whichever variant you like, it doesn't have to match your GNOME version, * but it will probably look better if it does. Remember that your GTK theme * variant must match the variant you pick here, eg. if you pick a light * variant, you must also run Firefox using the light variant by either * disabling global dark theme in GNOME Tweak Tool or running Firefox explicity * with the light theme: * $ GTK_THEME=Adwaita:light firefox * The opposite applies to the dark variant, you must either enable global dark * theme or run Firefox like this: * $ GTK_THEME=Adwaita:dark firefox */ /* GNOME 3.18 light theme */ /*@import "ui/gnome-3.18-light.css"; /**/ /* GNOME 3.18 dark theme */ /*@import "ui/gnome-3.18-dark.css"; /**/ /* GNOME 3.26 dark theme */ /*@import "ui/gnome-3.26-dark.css"; /**/ /******************************************************************************* /* Client-side decorations (optional) * This feature is currently only available on Firefox Nightly (59) and Firefox * 57 on Fedora, which includes a CSD patch. You can enable Firefox' CSD support * in the app menu → Customize... → uncheck "Title Bar" at the bottom of the * window. Fedora's version also requires enabling a key in about:config — * widget.allow-client-side-decoration. */ /* Enable CSD for Firefox 59 */ /*@import "ui/csd.css"; /**/ /* Enable CSD for Firefox 57 (Fedora only) */ /*@import "ui/fedora-csd.css"; /**/ /* Window controls: just 1 button */ /*@import "ui/csd-1-button.css" /**/ /* Window controls: 2 buttons */ /*@import "ui/csd-2-buttons.css" /**/ /* Window controls: 3 buttons */ /*@import "ui/csd-3-buttons.css" /**/ /******************************************************************************* * Other features (optional) */ /* Make all tab icons look kinda like symbolic icons */ /*@import "ui/symbolic-tab-icons.css"; /**/ /* Import a custom stylesheet * Everything you add in your customChrome.css file (it doesn't exist by * default) will be included here and preserved between updates, so you can move * your configuration to that file if you don't like setting it up after every * update. You can also apply your own custom styles in that file. */ @import "customChrome.css"; /**/