如何更改原子中的装订线背景颜色

Question

如何更改 these 背景颜色？

Answer 1

我找到了解决方案。您应该在 styles.less 中编辑这些 less 属性（通常在文件 ~/.atom/styles.less 中）

atom-text-editor::shadow .gutter {
    background-color: #282828;
}
atom-text-editor::shadow .gutter .line-number {
    background-color: #282828;
}

希望对大家有用

Answer 2

进入atom安装目录，默认为$HOME目录下的.atom，打开styles.less

这是我的最终配置，它让我的背景更轻松：

// style the background color of the tree view
.tree-view {
  //background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor element itself
atom-text-editor {
    color: #404040;
    background-color: #FFFAED;
}

// To style other content in the text editor's shadow DOM, use the::shadow expression
atom-text-editor::shadow .cursor {
  //border-color: red;
}

要根据您的喜好自定义颜色，请参考 HEX RGB 值，网址为 http://www.rapidtables.com/web/color/RGB_Color.htm

测试

Ubuntu 16.04
Atom   1.12.9

Answer 3

经过大量搜索，这对我有用。转到选项卡包 -> 设置视图 -> 管理主题。在顶部您会看到一个选项 - 您还可以通过编辑 您的样式表 来设置 Atom 的样式。单击此按钮并根据需要编辑设置 css。已经有可用的标签

原子文本编辑器{ .. } 在这个里面，我给出了值颜色：黑色; 背景颜色：白色；

Answer 4

补充一下： styles.less 位于 c:\Users\youruser\.atom\styles.less

Answer 5

去包->设置视图->管理主题->UI主题

将 UI 主题更改为 ONE LIGHT

将语法主题更改为 ONE LIGHT

Answer 6

可以通过菜单轻松更改背景：

ATOM -> 首选项 -> 主题 -> 选择一个主题

您可以设置 UI 主题和 Syntax 主题。

原子暗，原子光，一个黑暗，一盏灯， ...

如何更改原子中的装订线背景颜色

How can I change the gutter's background colors in atom

appearance

colors

atom-editor