Lighten (or darken) the bookmark menu separator lines?

[seeley]

I'm using dark mode, so the menus are black. Is there any way to lighten the separator lines in the bookmarks menus using custom.css? They're very faint and only a tad lighter than the black background menus and with very little contrast. Thanks.

[Pathduck]

@seeley Hi - unfortunately, the bookmarks menu and bookmarks bar dropdowns are native Chromium code and not part of Vivaldi's moddable UI, so cannot be modded.

For now. Maybe we'll be able to mod them in the future at some point.

[seeley]

@Pathduck
Thanks. I didn't think Chromium supported the bookmark separators, hence them not being available in almost all other Chromium browsers. Aren't the separators implemented by Vivaldi? Thx.

[Pathduck]

@seeley I have no idea how this works, I just know they're not moddable.

[seeley]

@Pathduck OK. Thanks for the replies.

[BlackSwan09]

@seeley
Try this - I made it look similar to my sidebar separators.

/* Change the color & height of bookmark separators */
.bookmark-bar button .separator {
    height: 16px;
    border-left: 1px solid #838383;
}

If you don't want the separator to be smaller like in the sidebar, remove the height line. You can choose any colour you want instead of #838383.

[seeley]

Thanks so much for the reply. It doesn't seem to work with the bookmark menus. No change.

EDIT: I see. This works for the bookmark bar but not the bookmark menus.

[Hadden89]

@seeley Yeah, only bookmark bar first level is under vivaldi UI; any dropdown is chromium UI.

@Pathduck Likely vivaldi use some unicode symbol for them on the "not native" menus.

[seeley]

At first I thought maybe the bookmark menu separators were coming from the windows system, (Windows context menu or explorer menus) but the system menu separators are different.

If it's a unicode symbol, is that tweakable from regedit? Maybe not the shape/thickness, but the color or transparency / alpha?

[LonM]

@seeley I don't think you can change it from regedit. The chrome menus are made to look the same as windows menus, but they are not the same thing. A change would be needed from the vivaldi or chrome developers to make this possible.

You could add your voice to this request - https://forum.vivaldi.net/topic/24359/customize-appearance-of-menus-and-scrollbars
explaining what it is you want from menu customisation. But I don't think this will be implemented soon, unfortunately.

[seeley]

Thanks so much Lon. It's really not worth submitting a request. It's not that big of a deal. If the solution was something quick and easy, then I'd do it myself. The separator rules themselves are very faint and are nothing like the side panel bookmark separators which are nice, but the spacing (padding, margin, border.. whatever it's called) also helps visually separate.

[jeromeekiley]

FWIW, this webpage includes a simple click and drag into a bookmark menu to add a separator line (which is actually a separate bookmark). I use it for separators in Chrome, and can be used in Vivaldi. Once there, since the line is actually the bookmark name, you can edit it, for example adding header text.

https://separator.mayastudios.com/index.php?t=horz

[Hadden89]

@jeromeekiley there's only one potential drawback. Bookmark sorting have to be set as manual.
(even if adding a letter before the seperator might be a workaround eg: X ─────────── for title sorting.

[jeromeekiley]

@Hadden89 Good point. And good workaround!