ShyFox 3.8.1

[!WARNING] This theme is not maintained right now and can be broken

<br/> <details><summary>🚩 Release notes</summary> <br/>

3.8.1:

Added mono icons for Auto Tab Discard, Midnight Lizard and Video Download Helper
Changed sidebar invisible symbol

3.8:

Migrating to invisible titleprefixes & new Userchrome Toggle
about:debugging page now shrinks at small window width
Added about:config option to make context menus larger
Some bugfixes

3.7.3:

New tab colors rework
Added Privacy Badger svg icon
Redesigned logic of pinned tabs

3.7.2:

Native themed window control buttons can now be enabled for Linux
Accent color can be equated to fill color of toolbar buttons
Changed colors of some context menus
Maybe fixed some bugs

3.7.1:

Window brightness now reduces when window is inactive
Sidebery tab dragging has been fixed
Istall guide rework
Another small fixes

3.7:

The theme now responds adequately to the missing Sidebery
Added the ability to enable and disable native tabs when missing Sidebery (not for regular use)
Added some icons in some places
Весь добавленный темой текст переведён на русский
Small fixes

3.6:

Searcbar can now be putted into vertical toolbar
Bookmark toolbar items can be placed on a vertical toolbar and will be a single button
The wallpaper in a new tab now depends on the theme. wallpaper.png for dark theme and wallpaper-light.png for light theme
Some context menu items now have icons (disabled by default)
Added bunch of about:config settings

3.5.1:

Ton of small paddings/margins fixes
Print dialog fix
Sidebery drag-n-drop fix for Linux

3.5:

Moved Sidebery styles from its own settings to userContent.css
Splitting userContent.css to separate files, just like is it in userChrome.css
To change the accent color, you now only need to change it in shy-variables.css. Same with the other variables
Some little improvements

3.4:

Added Clean Mode
README redesign
Some Fixes

3.3.2:

Integrating screenshot tool with the theme (ctrl + shift + s)

3.3.1:

Fake tab loading progress on navbar

3.3:

Hidden panels no longer pop out if the Firefox View button located on them is active
Downloads progress indicator on hidden right toolbar
Using a bit of clownish code

3.2.5

Applied accent color to Sidebery
Better show/hide animations for panels
Just small fixes

3.2.4:

Notifications are now colored in the color of the theme
Window controls are now positioned vertically when appropriate
GTK window controls now adapt to theme colors
Minor fixes and improvements

3.2.3:

Added accent colors support
Added rounded corners to Firefox settings page
Instead of leaving one long pinned tab at the bottom, the pinned tabs in the last row are now grouped 4 at a time.
Small bugfixes

3.2.2:

Rounded corners don't break from the blur on the site
Increased hover hitboxes on hidden panels
Added blur to new tab

3.2.1:

Fix window controls on linux broken in Firefox 125
Now if you hover over the right toolbar window controls are not highlighted

3.2:

Code comments rework
Enhanced readability
Lot of bugfixes

3.1.2:

Fixed transparent context menus in some places
Bookmarks toolbar improvements

3.1.1:

Improved rounded corners
Fixed notification panel

3.1:

Panels in the hidden state are now floating and do not touch the window edge
Findbar rework
If you disable bookmarks toolbar all still look fine

3.0:

Navigation bar now on top. I plan to add the ability to move it down like I did in version 2.0 but I don't want to delay this update any longer
Bookmarks toolbar used now and putted above sidebar. Since it's quite short, it will be more convenient to use folders with short names and emoji instead of regular links
Thin sidebar mode are removed. This mode was rather inconvenient and I didn't use it. Maybe I'll bring it back someday if someone asks for it
All panels can be shown or hidden independently. Interestingly enough, I tried to implement it with various crutches for a long time, but nothing worked. It turned out that in userChrome Toggle settings it was possible to enable this functionality

2.0 version still available here

Shy on surface, but heavy inside

</div> <div align="center"> <img width="33%" src='https://github.com/user-attachments/assets/5fe8d381-7f28-48f0-b313-dd5640d9d0b9'><img width="33%" src='https://github.com/user-attachments/assets/a0f849f3-9b68-4639-bb4d-ab8c7bb2ef7e'><img width="33%" src='https://github.com/user-attachments/assets/a8a920a8-6fc4-479b-812e-ec8cbfb89518'> </div>

🎦 Video showcase ; 💲 Support project! ; 🔊 Telegram community

Usage

Install

Step 1 - Download files

Download and unzip theme files

Step 2 - Configure extensions

Install Userchrome toggle Extended
<details><summary>Configure Userchrome toggle Extended</summary> <br/>
You need to turn on "Allow multiple styles to be active together" and turn on the first four toggles. If you will be using a popup, enable "Close popup after clicking toggle" and rename the toggles for convenience. Play with the rest of the settings as you wish. Make sure you click "Apply changes" button after all

It would also be nice to customize the shortcuts for toggles. I recommend these:

<br/> </details>
Install Sidebery
<details><summary>Configure Sidebery</summary> <br/>
If you used Sidebery before, it would be better to reset its settings to default.

Then import sidebery-settings.json from unzipped theme files

<br/> </details>

Step 3 - Moving files to a profile folder

Find your profile directory
Close Firefox

Move chrome folder and user.js file from unzipped theme files into your profile directory

<details><summary>Profile folder structure</summary> <br/>

{random characters}.default-release // Profile folder itself
|_ chrome // chrome folder you put in
|  |_ userChrome.css
|  |_ userContent.css
|  |_ ShyFox
|  |  |_ ... // css files
|  |_ icons
|  |  |_ ... // svg icons
|  |_ wallpaper.png
|  |_ wallpaper-light.png
|_ user.js // user.js file you put in
|_ ... // a lot of files that was there before

Open Firefox

Step 4 - Buttons layout

Go to the customizing page. <img src="https://github.com/Naezr/ShyFox/assets/95460152/49d963a3-ccb4-48f9-8892-f206894315d7"> > More tools > Customize toolbar
Move buttons to something like that:
<details><summary>Customizing menu</summary> <br/>

NOTE
If you don't add Flexible Space to the right toolbar, all buttons except Menu and Extensions will be centered on the panel

<br/> </summary>

[!NOTE] System theme - auto can cause problems in some cases

Upgrading

Migrate from old version
<details><summary>Migrate from 2.0 </summary> <br/>
If you migrating from 2.0 you need delete fx-autoconfig.
To do it, at first clean up chrome folder, at second delete config.js and /defaults/prefs/config-prefs.js from Firefox installation folder.
</details> <details><summary>Migrate from 3.4 </summary> <br/>
If you migrating from 3.4 you need to reset Sidebery settings to default and import new ones.
</details>
In other cases redo the installation steps 1 and 3 is enough for updating to new ShyFox version

Customization

If you don't like the way the standard dark and light themes look, you can colorize your ShyFox!

There are three ways you can do it, choose one:

Install some theme from Firefox Add-ons (not all will be well compatible)
Color y

ShyFox

Install / Use

README