VS Code Web:放大底部面板标题
放大并加粗底部面板的标签页,并在活动标签下方添加强调色(github.dev 也适用)。
可复制的代码
/* Larger, easier-to-click headers in the bottom panel (Terminal / Problems / Output) (works on github.dev too) */
.monaco-workbench .part.panel .composite-bar .action-item .action-label {
font-size: 13px !important;
padding: 0 10px !important;
height: 30px !important;
line-height: 30px !important;
}
.monaco-workbench .part.panel .composite-bar .action-item.checked .action-label {
border-bottom: 2px solid #ff8a3d !important;
font-weight: 700 !important;
}
如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix(2 分钟),在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 CSS 面板并保存 — 效果立即生效。
为此示例评分
暂无评分 — 成为第一个。