diff --git a/extensions/void/src/sidebar/styles.css b/extensions/void/src/sidebar/styles.css index b5c61c95..8e6ff79f 100644 --- a/extensions/void/src/sidebar/styles.css +++ b/extensions/void/src/sidebar/styles.css @@ -1,3 +1,35 @@ @tailwind base; @tailwind components; @tailwind utilities; + +html { + font-size: var(--vscode-font-size); +} + +.btn { + @apply cursor-pointer transition-colors; + + &.btn-primary { + @apply bg-vscode-button-bg text-vscode-button-fg; + + &:not(:disabled) { + @apply hover:bg-vscode-button-hoverBg; + } + } + + &.btn-secondary { + @apply bg-vscode-button-secondary-bg text-vscode-button-secondary-fg; + + &:not(:disabled) { + @apply hover:bg-vscode-button-secondary-hoverBg; + } + } + + &:disabled { + @apply opacity-75 cursor-not-allowed; + } +} + +.input { + @apply bg-vscode-input-bg text-vscode-input-fg border-vscode-input-border; +}