更改 VSCode 样式：适当降低选项卡的高度

Question

在this扩展的帮助下，你可以改变vscode的样式。

我想将文件标签的高度降低到 20 像素。我正在使用这样的东西：

.editor-group-container{
    background-color: purple;
    max-height: 0px;
}

.editor-group-container-toolbar{
    background-color: lightblue;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
    padding:0px;margin:0px;
}
.editor-container{
    background-color: lightgreen;
}

.title{
    background-color: lightblue;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}    

.primary-action-bar{
    background-color: orangered;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}

.monaco-action-bar .action-label{
    background-color: rgb(154, 165, 7);
    max-height: 20px;
    padding:0px;margin:0px;
    line-height: 20px;
    height: 20px;
}  

.title-label{
    line-height: 20px;
    height: 20px;
}

.tabs-and-actions-container{
    background-color: rgb(167, 108, 0);
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}

.tab{
    background-color: rgb(166, 94, 168);
    max-height: 20px;
}

它可以很好地减少标签的高度。但是，我现在在底部有一个栏，我无法删除：

edit：箭头指向白色区域。不在状态栏。

所以我想知道：

• 如何去除白条？
• 或
• 如何正确设置标签高度？

Answer 1

这是您可以删除下方状态栏的方法。

步骤

1 - 点击左下角设置图标。

2 - 选择设置

3 - 搜索栏中的搜索状态

4 - 然后取消选中第一个并检查。