- Firefox 103
- Windows
- MacOS
- Linux
-
Download the
chrome
folder and put it in your user profile folder. For convenience, useabout:profiles
-
Go to
about:config
and activate the keys belowtoolkit.legacyUserProfileCustomizations.stylesheets
svg.context-properties.content.enabled
layout.css.color-mix.enabled
-
Specify the desired shape of the tabs.
userChrome.ProtonTabs-Enabled
userChrome.PhotonTabs-Enabled
userChrome.WaveFoxTabs-Enabled
userChrome.ChromeTabs-Enabled
userChrome.EdgeTabs-Enabled
userChrome.AustralisTabs-Enabled
userChrome.LegacyChromeTabs-Enabled
Works with modern versions of Windows 11 / Windows 10. System effects must be supported on the operating system side. Otherwise, you need third-party software, such as MikaForEveryone. Works only with the system theme.
Download and install MicaForEveryone from the link below.
https://github.com/minusium/MicaForEveryone/releases
userChrome.WindowsSystemEffects-Enabled
Works only with the system theme.
userChrome.SemiTransparentToolbar-Enabled
userChrome.TransparentToolbar-Enabled
(Proton Tabs Only)
Requires Linux with transparency support. Tested on Linux Manjaro KDE + ForceBlur. Transparency is active for all modes, but does not work everywhere. This may change with future browser updates. Works only with the system theme.
userChrome.LinuxSemiTransparency-Enabled
userChrome.LinuxTransparency-Enabled
gfx.webrender.all
(Required key)
userChrome.AdditionalContainerIndicator-Enabled
It is also possible to turn on the border and the shadow at the same time.
userChrome.LowBorderSaturation-Enabled
userChrome.MediumBorderSaturation-Enabled
userChrome.HighBorderSaturation-Enabled
userChrome.VeryHighBorderSaturation-Enabled
userChrome.IncreaseShadowBlur-Enabled
(Increases shadow blur above the default value)userChrome.LowShadowSaturation-Enabled
userChrome.MediumShadowSaturation-Enabled
userChrome.HighShadowSaturation-Enabled
userChrome.VeryHighShadowSaturation-Enabled
userChrome.TabSeparators-Enabled
By default context menus follow the selected interface density, but it is possible to set a fixed size.
Compact | Normal | Touch |
---|---|---|
userChrome.CompactContextMenu-Enabled
userChrome.NormalContextMenu-Enabled
userChrome.TouchContextMenu-Enabled
Regular | Filled |
---|---|
userChrome.RegularMenuIcons-Enabled
userChrome.FilledMenuIcons-Enabled
userChrome.LeftSideDragSpace-Disabled
userChrome.RightSideDragSpace-Disabled
userChrome.DragSpaceAboveTabsWindowedMode-Disabled
userChrome.DragSpaceAboveTabsMaximizedMode-Enabled
userChrome.DragSpaceAboveTabsFullscreenMode-Enabled
userChrome.SelectedTabHighlight-Enabled
userChrome.PinnedTabsWidthLowIncrease-Enabled
userChrome.PinnedTabsWidthHighIncrease-Enabled
The toolbar uses as much space as is needed for its contents. Leave only the most necessary elements. Place the optional ones in the hidden menu.
userChrome.OneLine-Enabled
(Proton Tabs Only)userChrome.ResponsiveBookmarksBar-Enabled
(In this mode, the bookmarks bar will never take up more than 20% of the available screen space)
Activation of the title bar in browser personalization may be required.
userChrome.TabsOnBottom-Enabled