Css Atom编辑器如何设置透明背景?
我正在使用atom文本编辑器并尝试自定义UI。我在设置中找不到更改不透明度的选项,有人能告诉我要在styles.less文件中更改什么吗?我不太懂CSS。以下是默认情况下的styles.less文件:Css Atom编辑器如何设置透明背景?,css,atom-editor,Css,Atom Editor,我正在使用atom文本编辑器并尝试自定义UI。我在设置中找不到更改不透明度的选项,有人能告诉我要在styles.less文件中更改什么吗?我不太懂CSS。以下是默认情况下的styles.less文件: // style the background color of the tree view .tree-view { // background-color: whitesmoke; } // style the background and foreground colors on th
// 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: white;
// background-color: hsl(180, 24%, 12%);
}
// style UI elements inside atom-text-editor
atom-text-editor .cursor {
// border-color: red;
}
仅通过更改样式表无法使其透明,您必须从源代码重新构建atom并更改一些初始选项,例如: Atom是一个electron应用程序(),您必须显式设置选项以允许应用程序透明。您必须设置
frame:false
和transparent:true
完成后,构建完成后,您可以更改所有涉及的层,并设置某种透明度,为每个层的颜色添加alpha通道:
html, atom-pane, ... {
background-color: hsla(180, 24%, 12%, .5);
}
对于Linux用户,您可以使用合成器、transset df和devilspie来完成此操作-感谢您的回复!我不完全明白。我按照指南的指示从git克隆了一个fork,但是搜索每个文件都不会发现一行包含
frame:
或transparent:
。是不是因为四年没有编辑过,所以这个页面可能有点过时了?。或者我需要下载electron吗?@SolebaySharp该页面已经过时,有更多最新的说明。我喜欢Ubuntu,但被捆绑在一个平淡无奇的合成器上让我很恼火。我想我可以试试Arch看看Picom是否有效。