2 Customization
overdodactyl edited this page 2018-04-21 21:14:28 -07:00

Customization

When you run the updater script for the first time, it will create a directory named ShadowFox_customization within the chrome folder. There will be several files within this folder you can use to customize ShadowFox.

IMPORTANT: Any time you alter any of these files, you will have to run the updater script again for the changes to go into effect.

colorOverrides.css

Any variables defined in color_variables.css can be redefined here. As an example, let's say you want to make ShadowFox one tone darker and use green as your accent color instead of blue. To do so, your colorOverrides.css file could look like this:

--tone-1: var(--grey-20);
--tone-2: var(--grey-30);
--tone-3: var(--grey-40);
--tone-4: var(--grey-50);
--tone-5: var(--grey-60);
--tone-6: var(--grey-70);
--tone-7: var(--grey-80);
--tone-8: var(--grey-90);
--tone-9: black;
--accent-1: var(--green-50);
--accent-2: var(--green-60);
--accent-3: var(--green-70);

userChrome_customization.css and userContent_customization.css

These files are used to customize userContent.css and userChrome.css. Any time the updater script is run, the contents of these files will be appended to the end of their corresponding file. As such, you can use this to override any rules in ShadowFox or add new ones.

internal_UUIDs.txt

This file is used to store the internal UUIDs of the extensions you want ShadowFox to style. The updater script can auto populate this file based on the extensions you have installed. If you want to manually maintain this file, you should place one entry per line in the following format:

extensionUUID=internalUUID

For example, if you want to style uBlock Origin and Tree Style Tab, your file should look something like this (with your own UUIDs):

uBlock0@raymondhill.net=72cc0bdd-b9ee-9d4a-b306-8d044cc4dd98
treestyletab@piro.sakura.ne.jp=efb99b92-8e90-4041-a9a3-924049c1819a