🚩 Release notes
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 andwallpaper-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 inuserChrome.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
- 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
Migrate from 2.0
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.
If you new user, skip it.
Migrate from 3.4
If you migrating from 3.4 you need delete Sidebery styles from its settings.
To do it go to the Sidebery settings > Styles editor
If you new user, skip it.
-
Download theme files
-
Install and configure Userchrome toggle Extended
-
Install Sidebery
Note
This means a clean install. If you have used Sidebery before, reset the settings to default. If you want to get exactly the same experience as mine, import the Sidebery settings file that comes with the theme.
-
Close Firefox and then put
chrome
folder, anduser.js
into your profile directory. -
Launch Firefox and and if you seeing "Open Sidebery" notification just open Sidebery in the sidebar. To do this, click on the Sidebery icon. It's most likely in the extensions menu.
-
Go to the customizing page (
> more tools > customize toolbar) and move buttons to something like that:
Note
Redo the steps 1 and 4 is enough for updating to new version
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 your browser yourself with Firefox Color. Presets from screenshots: pink, turquoise
-
Install the Adaptive Tab Bar Color extension and then ShyFox will adapt to the colors of the currently open website.
You can change new tab wallpaper to your own. There is two wallpaper files in chrome
folder:
wallpaper.png
- for dark themewallpaper-light.png
- for light theme
To use one image for all themes just delete wallpaper-light.png
.
You can change browser accent color. To do it change value of --shy-color
variable in ShyFox/shy-variables.css
.
Settings that can be toggled in about:config
Setting | true | false / not exist (default) |
---|---|---|
shyfox.disable.floating.search |
Floating search disabled | Floating search enabled |
shyfox.disable.compact.unified.extensions |
Using default extensions menu | Using compact extensions menu |
shyfox.remove.window.controls |
min max close buttons removed at all |
These buttons removed only in fullscreen |
shyfox.enable.ext.mono.toolbar.icons |
Supported* extensions get monochrome icons as toolbar buttons | Standard icons used |
shyfox.enable.ext.mono.context.icons |
Supported* extensions get monochrome icons as context menu items** | Standard icons used |
shyfox.enable.context.menu.icons |
Many context menu items get icons** | No icons in context menus |
* - Supported extensions
- Userchrome Toggle Extended - toolbar button (panels icon)
- Bitwarden - both toolbar and context menu (+ submenu items)
- uBlock Origin - both toolbar and context menu
- Simple Translate - only context menu item
- Dark Reader - toolbar button (moon icon)
- Privacy Badger - toolbar button (ugly extension's own icon, looking for fancy svg)
- Clear URLs - only context menu item (eraser icon)
Feel free to suggest icons for other extensions
** - On macOS you need to disable native context menus to see icons. widget.macos.native-context-menus
=> false
- The theme works and is only tested on the latest version of Firefox. Firefox-based browsers, ESR versions, or just older versions are not supported. It may work, but I am not responsible for it.
- Support for macOS is limited. Theme works, but I personally can't test it there, because I don't have a mac.
The browser interface has been divided into three panels:
- On left - Sidebar - Just Sidebery. Functionality of this extension is incredible. It is in charge of managing tabs and bookmarks. Above the main sidebar is a small bookmarks bar.
- On top - Navbar - panel where you can find the address bar and everything related to it
- On right - Toolbar - a panel with customizable buttons
The core of the theme is the Userchrome toggle Extended extension. With the help of toggles added by it the main feature of this theme is realized.
Each of three panels has two states - visible and hidden. This state can be toggled independently for each panel.
The visible state is normal state, panel is just there on the screen.
In hidden state panel moves out of the window border and a bar appears on the border, when hovering over it panel moves out. The first three toggles are responsible for this case.
There is also a fourth toggle - Clean Mode. When Clean Mode is activated, the previous toggles are ignored and entire browser interface is hidden without any possibility to interact with it. Simply put, Clean Mode removes everything unnecessary, leaving you alone with the currently open website. Note that you can only exit it with a keyboard shortcut.
№ | Name | Recommended shortcut |
---|---|---|
1 | Hide Sidebar | Ctrl + Alt + A |
2 | Hide Toolbar | Ctrl + Alt + D |
3 | Hide Navbar | Ctrl + Alt + S |
4 | Clean Mode | Ctrl + Alt + X |
- Add navbar on bottom support
- Make it clearer when a window is in focus and when it is not
MrOtherGuy - Thanks for the fx-autoconfig (not used here anymore) and the repository with cool css's.
MightyFox concept - Thanks for the cool concept and main idea.
arcticfox-theme - I used this theme as a base to create my own, but there was a bit of commonality left in the process.
minearchive - That's where I got this wallpaper
Ты думал здесь что-то будет?