Atom 编辑器滚动条 size/color

Question

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

我试试这个信息

但我没有看到任何变化。

有什么想法吗？谢谢

Answer 1

更新： 以下答案适用于 Atom < 1.13。从 Atom 1.13 开始，影子 dom 被放弃了，这个例子应该像原始发帖人所说的那样工作（即没有 ::shadow 选择器。

对于 1.12 版以下的 Atom： 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

Select“文件”->“样式表...”。
在下面添加代码并保存。

.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 {
  height: 30px !important;
}

Atom 编辑器滚动条 size/color

Atom editor scrollbar size/color

atom-editor