-
Notifications
You must be signed in to change notification settings - Fork 4
Config Options
An interactive configurator is available at https://zapsnh.github.io/zcpt-configurator/. To apply the settings, place the exported user.js file in your profile folder/directory (Profiles > XXXXXXXX.profile), launch Firefox, and then delete it afterwards.
For the WebExtension version, the configurator is can be found in the extension's option page. The settings apply after you click Apply.
Note
Make sure you're creating these configs as a Boolean and not as a String
In about:config, if you want native (Windows) context menus, you can create:
| Config Name | Result | Image |
|---|---|---|
uc.contextmenu.win-10 |
Windows 10 styled menu | ![]() |
uc.contextmenu.win-11 |
Windows 11 styled menu, Also kinda looks the GNOME context menu | ![]() |
uc.contextmenu.dark |
Makes the context menu dark |
|
uc.contextmenu.light |
Makes the context menu light |
|
If you don't set uc.contextmenu.light or uc.contextmenu.dark, then the context menu will take the colors from the theme:

In about:config, if you want to reduce the megabar or disable it, create:
| Config Name | Result | Image |
|---|---|---|
| none | Default Photon Megabar | ![]() |
uc.reduced-megabar |
Slightly smaller Proton-sized Megabar | ![]() |
uc.no-megabar |
No megabar | ![]() |
For themes where the tab color and navbar color are different (and for people who want them to be the same), go to about:config and create:
| Config Name | Result | Image |
|---|---|---|
| none | Default behavior Top: Theme in Proton Bottom: Theme with config |
|
uc.theme.tab-color-same-as-navbar |
Tab color takes the navbar color Top: Theme in Proton Bottom: Theme with config |
|
uc.theme.navbar-color-same-as-tab |
Navbar color takes the tab color Top: Theme in Proton Bottom: Theme with config |
There is basic support for Sidebery. You can turn it on with:
| Config Name | Result | Image |
|---|---|---|
uc.sidebery |
Vertical Tabs | ![]() |
- You will need to insert this into Sidebery's style editor.
- To be able to switch between vertical tabs mode and normal mode, turn on
Add preface to the browser window's title if Sidebery sidebar is activeand set the preface value to[VT](incl. space at the end). - Using
uc.reduced-megabaroruc.no-megabaris recommended. - Set the font-size to
XXSunder the Appearance section. (where?) - Set the theme to
plainunder the Appearance section. (where?) - Set the density to
relaxedunder the Appearance section. (where?)
In about:config, you can turn on bottom tabs with:
| Config Name | Result | Image |
|---|---|---|
uc.bottom-tabs |
Bottom Tabs | ![]() |
uc.bottom-tabs.bookmark-on-top |
Bottom Tabs with bookmarks on top | ![]() |
- Using
uc.reduced-megabaroruc.no-megabaris recommended.
In about:config, you can turn on a new tab background with:
| Config Name | Result | Image |
|---|---|---|
uc.newtab.background |
New tab background | ![]() |
- For Firefox 127 (nightly) and above, you can also enable this pref without an image in the
chrome/resourcesfolder alongside a new tab wallpaper. - Add
background.pngin theresourcesfolder with your own PNG image.
In about:config, you can turn on full width tabs with:
| Config Name | Result | Image |
|---|---|---|
uc.full-width-tabs |
Full width tabs Can be coupled with uc.bottom-tabs if you want the 🤮Safari🤮 look. |
![]() |
In about:config, you can enable HTML Form styling with:
| Config Name | Result | Image |
|---|---|---|
uc.style-forms |
HTML Form styling | ![]() |
- May break HTML Form styling on websites.
In about:config, you can revert the all tabs button behavior with:
| Config Name | Result | Image |
|---|---|---|
uc.revert-all-tabs-behavior |
Only shows the all tabs button when the tab bar is overflowing just like pre-Photon/early-Proton | ![]() |
In about:config, you can always show the tab close button with:
| Config Name | Result | Image |
|---|---|---|
uc.always-show-close-button |
Always shows the tab close button even when the tabs are small. | ![]() |
In about:config, you can swap the current Firefox logos with the older ones with:
| Config Name | Result | Image |
|---|---|---|
uc.logo.quantum |
Pre-Firefox 70 quantum logos everywhere. | ![]() |
uc.logo.quantum.beta |
Uses the beta quantum logos. (requires uc.logo.quantum) |
![]() |
uc.logo.quantum.dev |
Uses the developer edition quantum logos. (requires uc.logo.quantum) |
![]() |
uc.logo.quantum.nightly |
Uses the nightly quantum logos. (requires uc.logo.quantum) |
![]() |
In about:config, you can enable toolbar transparency effects with:
| Config Name | Result | Image |
|---|---|---|
uc.toolbar.transparency |
Makes the toolbar transparent to allow transparency effects such as Mica or Acrylic. (effects can be configured using programs such as MicaForEveryone). |
![]() |
In about:config, you can enable menu transparency effects with:
| Config Name | Result | Image |
|---|---|---|
uc.popups.transparent |
Transparent menus for Windows 11 and macOS (untested). | ![]() |
- Set
widget.windows.mica.popupsto 2 if you're using Windows 11.
In about:config, you can disable menu fading effects with:
| Config Name | Result | Image |
|---|---|---|
uc.popups.disable-transition |
No popup fading | n/a |
In about:config, you can disable disable accent color on titlebar with system themes with:
| Config Name | Result | Image |
|---|---|---|
uc.toolbar.force-disable-accent-color |
Force disables toolbar accent coloring on system themes. | n/a |


















