勇敢的浏览器的滚动条CSS？

Question

我正在尝试调整站点的CSS，以确保滚动条的颜色与滚动条的父元素很好地融合在一起。环顾四周，我发现Firefox支持的scrollbar-color CSS指令以及涵盖Safari和Chrome的一堆-webkit-scrollbar伪类。但是我自己的浏览器基于Chromium的Brave，似乎对所有这些技巧都无法渗透。

这是到目前为止我正在使用的相关CSS。 （用于左列导航边栏here：

#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;
}

感谢所有花招！