1. 程式人生 > >vscode修改背景色

vscode修改背景色

深色主題背景顏色修改:

body.vscode-dark {
    background-color: black;
}

淺色主題背景顏色修改:

body.vscode-light {
        background-color: white;
 }

根據不同主題色來適配控制元件顏色:

.vscode-dark .btn-style {
    margin: 20px 20px 0px 0px;
    color: white;
    overflow: visible;
}

.btn-style {
    margin: 20px 20px 0px 0px;
    color: black;
    overflow: visible;
}

vscode如果有2個控制元件同時起作用,需要同時指定:

// 深色主題
.vscode-dark input[readonly], 
.vscode-dark select[readonly] {
    background:rgb(51, 51, 51) !important;
    border: 1px solid #4f4f4f !important;
    box-shadow: none !important;
    color:rgba(153, 153, 153, 0.7);
}
// 淺色主題
input[readonly],select[readonly] {
    background:white !important;
    border: 1px solid #4f4f4f !important;
    box-shadow: none !important;
    color:rgba(153, 153, 153, 0.7);
}