Atom编辑器滚动条大小/颜色

Question

我正在使用Atom来开发php,但对我来说,但是我对编辑器有一个问题,我使用One Dark主题,但我尝试更改打开文件的右滚动条的颜色和大小,因为它很小而且很难看我

我尝试这个信息 更改atom-text-editor窗格滚动条颜色

但我没有看到任何变化.

有任何想法吗？谢谢

Answer 1

更新:以下答案适用于Atom <1.13.从Atom 1.13开始,阴影dom被放弃了,示例应该像原始海报所说的那样工作(没有::shadow选择器.

对于Atom版本1.12:Atom使用shadow DOM作为编辑器,这可能是它不适合你的原因.要为编辑器和树视图设置滚动条的样式,请尝试以下操作:

.tree-view-resizer, atom-text-editor::shadow  {
  ::-webkit-scrollbar {
    background-color: #262626;

    &-track {}

    &-thumb {
      background-color: #404040;

      &:window-inactive {
        background-color: rgb(116, 115, 105);
      }
    }

    &-corner {
      background-color: #262626;
    }
  }
}