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

Question

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

我试试这个信息 Change atom-text-editor pane scrollbar colours

但我没有看到任何变化。

有什么想法吗？ 感谢

Answer 1

更新：以下答案适用于Atom＆lt; 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;
    }
  }
}

Answer 2

1. 选择“文件”->“Stylestreet...”。
2. 在下面添加代码并保存。

.scrollbars-visible-always {
  ::-webkit-scrollbar {
    width: 35px;
    height: 12px;
  }
}

 // has to be bigger than webkit-scrollbar
.vertical-scrollbar {
  width: 35px !important;
}

// has to be bigger than webkit-scrollbar
.horizontal-scrollbar {
  width: 30px !important;
}