vscode styles

This commit is contained in:
Andrew 2024-10-16 20:00:07 -07:00
parent 154a82ab0b
commit 63c6b6bec5
3 changed files with 10 additions and 2 deletions

View file

@ -19,6 +19,7 @@ const SettingOfFieldAndParam = ({ field, param }: { field: VoidConfigField, para
<div>
<label>{param}</label>
<input
className='input'
type="text"
value={val}
onChange={updateState}
@ -33,6 +34,7 @@ const SettingOfFieldAndParam = ({ field, param }: { field: VoidConfigField, para
<div>
<label>{param}</label>
<select
className='dropdown'
value={val}
onChange={updateState}
onBlur={commitConfigParam}

View file

@ -37,3 +37,7 @@ html {
.input {
@apply bg-vscode-input-bg text-vscode-input-fg border-vscode-input-border;
}
.dropdown {
@apply bg-vscode-dropdown-bg text-vscode-dropdown-foreground border-vscode-dropdown-border;
}

View file

@ -18,8 +18,10 @@ module.exports = {
"button-hoverBg": "var(--vscode-button-hoverBackground)",
"button-secondary-fg": "var(--vscode-button-secondaryForeground)",
"button-secondary-bg": "var(--vscode-button-secondaryBackground)",
"button-secondary-hoverBg":
"var(--vscode-button-secondaryHoverBackground)",
"button-secondary-hoverBg": "var(--vscode-button-secondaryHoverBackground)",
"dropdown-bg": "var(--vscode-settings-dropdownBackground)",
"dropdown-foreground": "var(--vscode-settings-dropdownForeground)",
"dropdown-border": "var(--vscode-settings-dropdownBorder)",
},
},
},