Skip to content

Sidebery Configuration

soulhotel edited this page Nov 28, 2024 · 14 revisions

How to use Sidebery only (No Vertical-tab bar)

  1. Open Sidebery
  2. Enable ultima.disable.verticaltab.bar to completely hide the Vertical tab bar.
  3. (Optional) Enable ultima.disable.verticaltab.bar.withindicator to add a quick-access tab near the bottom of your browser.

ultima.disable.verticaltab.bar.withindicator allows you to still access the Vertical tab bar, if you ever want to quickly switch to other sidebars like (history, bookmarks, etc)

2024-11-28.04-45-52.mp4

A custom Sidebery theme for FF Ultima (optional)

To use a themed Sidebery with FF Ultima, just grab one of the Sidebery configurations below.

They should all be located in your chrome/theme folder, but you can click them in the table below to see/copy/paste it.

  1. Go to Sidebery Settings (Configure Panel)
  2. Go to the Style Editor Section
  3. Paste the CSS (code) inside
🖼️ pic

sidebery 2

Sidebery Data Preview
sidebery-default.css

sidebery-default.json

For the default dark and light mode color-schemes.

explorer_Iyz3pZjiWT
sidebery-alt-dark.css

Alternate Dark Style by frandmb
...
sidebery-cat-mocha.css

Catppuccin Mocha Style by Draff
preview-sidebery

For best compatibility Make sure you have pinned tabs settings as such:

sidebery

Another way to import Sidebery Styling:

  1. Grab the sidebery-default.json (already in your chrome/theme folder).
  2. Goto Sidebery Settings > goto the Sync Section.
  3. Import the sidebery-default.json, reset settings first if needed.

1