Question

如何更改these背景色？

Answer 1

我找到了解决方案。您应该编辑这些较少的属性

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

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

atom-text-editor { .. } 在这一个里面，我给了价值颜色：黑色; background-color：white;

Answer 4

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

Answer 5

转到“程序包”->“设置视图”->“管理主题”->“ UI主题”

将UI主题更改为一盏灯

将“语法”主题更改为“ 一盏灯

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

5 个答案: