fluentui-system-icons VS FirefoxSidebar

Try downloading the source code of this.. You'll find the SVG folder, which contains the icons.

You can find them as a font preinstalled with Windows 11 (I suggest installing UWP Character Map to copy the icons from there) called Segoe Fluent Icons, you can also find another font for fluent icons here: https://github.com/microsoft/fluentui-system-icons

The icon font is Segoe Fluent icons which comes bundled with Windows 11, you can view and copy the icons in it using UWP Character Map. There are also more fluent icons in Fluent System Icons which you can find here: https://github.com/microsoft/fluentui-system-icons

But there are numerous free Icons, also beside UTF-8 - e.g. I would prefer something like this: https://icon-sets.iconify.design/fluent/calendar-today-28-regular/ (MIT-Licence https://github.com/microsoft/fluentui-system-icons/blob/master/LICENSE) - you can use e.g. the svg.

You can find Windows and MS Office icons in these websites: - https://fluenticons.co/ - https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font - https://uifabricicons.azurewebsites.net/ - https://github.com/microsoft/fluentui-system-icons

So your best bet is to check out the SVG icons from the open source variant of their font fluent-ui-system-icons assets (github) . Their you can view the source blob of an icon copy it and change the fill color.

These are the icons we were using before, hope this helps https://github.com/microsoft/fluentui-system-icons

CSS is really the magic feature of Firefox and seems very underutilized by its users. Using the combo of Sidebery and Firefox Sidebar (https://github.com/drannex42/FirefoxSidebar) you can get Edge-style vertical tabs that pop out when you hover over the sidebar. You can also use the mouse wheel to scroll between the tabs and middle click any where in the sidebar to close the currently open tab. Once you get used to the flow it’s so fast to use. For added style points you can use Adaptive Tab Bar Color which will change the top navigation to a color that matches the site you’re using (sort of like Safari does it).

I have to give credit to drannex42 on github for the fix.

If you use those two styles from my repository then you probably want to disable that one window_controls.css from the other repo.

Wait what, i've been running a few Vertical tab CSS configs and its never broken, the latest one being https://github.com/drannex42/FirefoxSidebar, however i do agree it should be a option..

Generally I use this CSS as a base: https://github.com/drannex42/FirefoxSidebar

I used a userchrome.css from github to modify my sideberry extension. I dont know much about css just some basic stuff, I tried to tweak some values in the css file but wasnt able to remove the space before the back and forward button. The space is also not available on title bar aswell (when turning on menu bar).

https://github.com/drannex42/FirefoxSidebar (seems to have some sort of support for Sidebery)

I'm using this vertical tab implementation: https://github.com/drannex42/linux-utils/tree/main/firefox