Chrome's built-in bookmarks bar separator, and how to recreate it

Chrome quietly ships its own bookmarks bar separator. It is the thin vertical line just before the All Bookmarks folder at the right end of your bar, and between your saved tab groups and your bookmarks. It looks exactly right in every theme, because Chrome draws it itself. There is just one catch: Chrome gives you no way to add more of them. Diviide includes a separator with the same geometry, so you can carry that clean, standard look through the rest of your bar.

Where Chrome shows its own separator

You will see the built-in divider in two places. The first is at the right end of the bar, just before the All Bookmarks folder. Chrome shows that folder whenever you keep bookmarks outside the bar, and draws the divider so it stands apart from the bookmarks you placed yourself. If your bar overflows, the small chevron button sits at that end too, but the divider belongs to the All Bookmarks folder, not the chevron.

The second is between saved tab groups and your bookmarks, once you turn on Show tab groups in bookmarks bar under Settings, then Appearance. Both lines look identical because Chrome draws them both the same way.

New to tab groups? Our guide to what tab groups are covers how saved groups end up on the bar in the first place.

How Chrome draws it

The separator is not an image. Chrome paints it procedurally: a line 2 pixels wide and 16 pixels tall, the full height of a favicon, with rounded ends and 8 pixels of breathing room on each side. Its color is not fixed either. Chrome reuses the frame color, the shade you see behind your inactive tabs, so the line re-tints itself automatically in light mode, dark mode, and any theme you install.

That theme link is the clever part, and it is why the built-in divider always looks like it belongs. We measured the exact default values in Chrome themes and your bookmarks bar colors, so you can reuse them.

Why you cannot add more of them

The divider is part of Chrome's own interface, not a bookmark. There is no setting, right click menu, or drag that produces another one. If you want the same visual break between your own groups of links, you need a bookmark that looks like the divider, which is exactly what a Diviide separator is.

Recreate it with the Chrome Separator

We added a separator called Chrome Separator that matches the built-in divider's proportions: the same full-height line, the same 2 pixel width at favicon size, the same rounded ends. To use it:

1. Open the tool and press /, then search for chrome.
2. Pick the color that matches your theme. In default light mode that is the frame color, and the themes guide lists the exact values and how to match any other theme.
3. Drag it onto your bar wherever you want the divide. Repeat for as many sections as you like.

Not sure which shade matches? Diviide's eyedropper reads it straight off your window. Open the Advanced section of the color picker, click the eyedropper, and click the built-in divider itself. The exact shade Chrome painted it lands in the picker.

If you have not added a separator before, start with how to add bookmark separators.

One difference worth knowing

Chrome's own divider re-tints the moment you switch theme or flip between light and dark mode. A Diviide separator is a bookmark, so it keeps the color you gave it. If you change your theme and want the match back, drag a fresh Chrome Separator in the new shade onto the bar and remove the old one. And if you would rather not chase your theme at all, pick a color you like and let the separator stand out instead of blending in. That is what the rest of the catalog is for.