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

Posted 2021-05-04

如何更改these背景颜色？

答案

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

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

我希望有人会有用

另一答案

转到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;
}

要根据自己的喜好自定义颜色，请参阅http://www.rapidtables.com/web/color/RGB_Color.htm上的HEX RGB值

经过测试

Ubuntu 16.04
Atom   1.12.9

另一答案

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

atom-text-editor {..}在这一个中，我给出了颜色：黑色;背景颜色：白色;

另一答案

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

另一答案

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

将UI主题更改为ONE LIGHT

将语法主题更改为ONE LIGHT