如何在条件的基础上改变滚动条值的颜色，比如在OBIEE中，如果我的值小于0，那么绿色，否则是红色？

<div class="scrollbar-container">
  <!-- 滚动条内容 -->
</div>

.scrollbar-container::-webkit-scrollbar {
  width: 10px;  /* 设置滚动条宽度 */
}

.scrollbar-container::-webkit-scrollbar-thumb {
  background-color: red;  /* 设置滑块默认颜色为红色 */
}

.scrollbar-container.green::-webkit-scrollbar-thumb {
  background-color: green;  /* 设置滑块颜色为绿色 */
}

// 根据条件判断，添加或移除类名来改变滑块的颜色
if (value < 0) {
  document.querySelector('.scrollbar-container').classList.add('green');
} else {
  document.querySelector('.scrollbar-container').classList.remove('green');
}