diff --git a/extensions/void/package.json b/extensions/void/package.json
index ebccfe72..1147f7e0 100644
--- a/extensions/void/package.json
+++ b/extensions/void/package.json
@@ -69,7 +69,7 @@
       "activitybar": [
         {
           "id": "voidViewContainer",
-          "title": "My Extension",
+          "title": "Chat",
           "icon": "$(hubot)"
         }
       ]
diff --git a/extensions/void/tailwind.config.js b/extensions/void/tailwind.config.js
index 29fc6047..0a739c8f 100644
--- a/extensions/void/tailwind.config.js
+++ b/extensions/void/tailwind.config.js
@@ -1,8 +1,26 @@
 /** @type {import('tailwindcss').Config} */
+
+// inject user's vscode theme colors: https://code.visualstudio.com/api/extension-guides/webview#theming-webview-content
 module.exports = {
-    content: ["./src/sidebar/**/*.{html,js,ts,jsx,tsx}"],
-    theme: {
-        extend: {},
-    },
-    plugins: [],
-}
\ No newline at end of file
+	content: ["./src/sidebar/**/*.{html,js,ts,jsx,tsx}"],
+	theme: {
+		extend: {
+			colors: {
+				vscode: {
+					'editor-bg': "var(--vscode-editor-background)",
+					'editor-fg': "var(--vscode-editor-foreground)",
+					'input-bg': "var(--vscode-input-background)",
+					'input-fg': "var(--vscode-input-foreground)",
+					'input-border': "var(--vscode-input-border)",
+					'button-fg': "var(--vscode-button-foreground)",
+					'button-bg': "var(--vscode-button-background)",
+					'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)",
+				},
+			},
+		},
+	},
+	plugins: [],
+};