Полоса прокрутки CSS для браузера Brave?

Question

Я пытаюсь настроить CSS сайта, чтобы цвета полосы прокрутки хорошо сочетались с родительским элементом полосы прокрутки. Оглядываясь вокруг, я нашел scrollbar-color Директива CSS, которую поддерживает Firefox, и набор псевдоклассов -webkit-scrollbar, которые охватывают Safari и Chrome. Но мой собственный браузер, основанный на Chrome, кажется невосприимчивым ко всем этим трюкам.

Вот соответствующий CSS, который я использую до сих пор. (Это для боковой панели навигации левой колонки здесь:

#navigation {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #454 black;
}
#navigation::-webkit-scrollbar {
  width: 10px;
  background-color: black;
}
#navigation::-webkit-scrollbar-thumb {
    width: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #454;
}

Любые трюки с благодарностью приветствуются!