如何在 atom 中更改排水沟的背景颜色答案

【问题标题】：How can I change the gutter's background colors in atom如何在 atom 中更改排水沟的背景颜色
【发布时间】：2016-09-24 18:51:16
【问题描述】：

如何更改these 背景颜色？

【问题讨论】：

标签： colors atom-editor appearance

【解决方案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;
}

希望对你有用

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

进入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

【讨论】：

【解决方案4】：

只需添加： styles.less 位于 c:\Users\youruser\.atom\styles.less

【讨论】：

【解决方案5】：

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

将 UI 主题更改为 ONE LIGHT

将语法主题更改为 ONE LIGHT

【讨论】：

您也可以通过以下方式进入主题：编辑 -> 首选项 -> 主题
@SalmaGomaa，同意你的看法

【解决方案6】：

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

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

您可以设置 UI 主题和语法主题。

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

【讨论】：