Increase OSX scrollbar width in Minimal theme in v1.13.4

Devs: Theme Design & Custom CSS
1

Hello all, I have been using the following snippet (from this thread Increase scrollbar width in Minimal theme? ) to widen my scrollbars in MacOSX, but it is broken (does nothing) in v1.13.4.

body ::-webkit-scrollbar {
    width: 14px;
}

body ::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-active-thumb-bg);
    -webkit-border-radius: var(--radius-l);
}

I would be grateful if someone more knowledgeable could advise on how to make the snippet work again.

(@ariehen there is no obligation to spend further time on this, but I am tagging you since you provided the original snippet)

2

Bumping in hopes that someone knows a solution.

3

If you don’t mind the snippet applying to every scrollbar, you could simply remove the body prefix on each block. So in the first line’s case, it would become just ::-webkit-scrollbar {.

4

Thank you for the suggestion, but unfortunately it doesn’t work either, at least on OSX.

5

Bumping again…:melting_face:

6

In Chromium, the ::-webkit-scrollbar rules are ignored for any element that also has the standard scrollbar-width or scrollbar-color property set. Newer Obsidian versions can set those, so an older snippet silently does nothing. Resetting them lets the webkit rules apply again:

* {
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}

::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-active-thumb-bg);
  border-radius: var(--radius-l);
}

If it still doesn’t change, check in the developer tools (Ctrl/Cmd+Shift+I) which scrollbar rules are crossed out on .cm-scroller and tell us what you see.