深色主題背景顏色修改:
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);
}