如何在原子编辑器中更改当前活动的窗口选项卡颜色

Question

我在ubuntu 14.04中使用原子编辑器1.0版稳定版.我的问题是,如何通过编辑style.less文件来更改当前所选窗口选项卡的背景颜色...(表示当前选项卡..)？

我试过了,

.tab{ background-color:black; }

要更改标签颜色,

但是,此代码仅更改了当前选项卡颜色以外的所有选项卡颜色.

所以我的问题是,如何通过编辑style.less文件来更改atom编辑器中当前选项卡的颜色？

Answer 1

.tab-bar .tab[data-type="TextEditor"]::after {
  background-color: rgba(20,28,30,0.8);
}

我通过打开开发人员工具Ctrl+ Shift+ 找到了这个解决方案I,并使用放大镜工具查找元素.

Answer 2

你必须复制这段代码并粘贴到你的styles.less 文件中，就是这样。

//My awesome tab
.tab-bar .tab.active[data-type="TextEditor"]::after {
background-color: black;
border-bottom: whiTe;
}

.tab-bar .tab.active[data-type$="Editor"] .title {
 background-color: black;
 z-index: 2;
 }

Answer 3

这些都不对我有用。这是我的解决方案（Atom 1.22.1）：

.tab-bar .tab.active[data-type$="Editor"] {
 background-color: #167373;
}

Answer 4

在选择选项卡时添加一个 class="tab active"

并将以下样式添加到您的 style.less 文件中

.tab.active {
    background-color:black;
}