# Installation

First of all, download flyingfox from release page.

userChrome

• extract and copy /user.js file to your profile directory.
• extract and copy chrome/ directory in your userprofile folder. If you don't know where your profile directory is, type about:support in firefox urlbar and hit enter > look for Profile Directory.
• under customize, make sure you have selected either dark or light themes. The newer default and alpenglow themes aren't supported.

Options

See previews for all the options here

The userChrome CSS has few options that can all be controlled using the webapp. Alternatively, you can also control them yourself by editing the import statements in config.css as described below(You can set them pretty much anywhere but doing it config.css keeps them well managed and prevents including unnecessary files since some options overwrite others).

The lines with + in front should be included and, the ones with - should NOT be included for the corresponding option to be set properly.

• Sidebar

  • Sidebar Hover

    + @import "userChrome-hover.css";
    - @import "userChrome-static.css";

  • Sidebar Static

    - @import "userChrome-hover.css";
    + @import "userChrome-static.css";

• Handle Extension icons

  + @import 'icons/extension-icons.css';

• Include horizontal tabline

  - @import 'hide-tabline.css';
  - @import 'window-controls/wc-without-tabline.css';
  - @import 'window-controls/wc-wt-windowspatch.css';

• Window Controls

  Make sure under customize Title bar is unchecked.

  See customize window-controls for options to control window-controls positioning.

  • Without Tabline
    • on LEFT side

      + @import 'hide-tabline.css';
      + @import 'window-controls/wc-without-tabline.css';

    • on RIGHT side

      + @import 'hide-tabline.css';
      + @import 'window-controls/wc-without-tabline-r.css';

    • either LEFT/RIGHT for WINDOWS10 should also include this file

      + @import 'window-controls/wc-wt-windowspatch.css';

  • With Tabline

    • on LEFT side

      - @import 'window-controls/wc-without-tabline.css';
      - @import 'window-controls/wc-without-tabline-r.css';
      - @import 'window-controls/wc-wt-windowspatch.css';
      + @import 'window-controls/wc-with-tabline.css';

    • on RIGHT side

      WIP

    • either LEFT/RIGHT for WINDOWS10 should also include this file

      WIP: Tabline with window controls has not been tested on windows so might not work.

treestyletab CSS

• install treestyletab from here
• press ctrl+shift+aand go to treestyletab preferences.
• Appearance > Sidebar Position > select left side if you're using static sidebar, and right side if hover sidebar Make sure "Left Side" is selected.

- Appearance > themes > `No Decoration`

• Treestyletab types:

  • treestyletab/config.css for static sidebar

  • treestyletab/config-hover.css for hover sidebar.

• Advanced > Extra style rule >

  • Either paste your chosen css in the text area at the bottom
  • or select "Load from File" and select the respective tst css file.