fix css issue

MatthiesenXYZ · Nov 10, 2024 · 2b1dc8b · 2b1dc8b
1 parent d2fb069
commit 2b1dc8b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/twoslash/src/styles.ts b/packages/twoslash/src/styles.ts
@@ -60,10 +60,16 @@ export const twoSlashStyleSettings = new PluginStyleSettings({
 			cursorColor: ({ theme }) => theme.colors["editorCursor.foreground"],
 			completionBoxBackground: ({ theme }) =>
 				theme.colors["editorSuggestWidget.background"] ||
-				theme.colors["twoSlash.background"],
+				theme.colors["editor.background"] ||
+				theme.bg,
 			completionBoxBorder: ({ theme }) =>
 				theme.colors["editorSuggestWidget.border"] ||
-				theme.colors["twoslash.borderColor"],
+				theme.colors["titleBar.border"] ||
+				lighten(
+					theme.colors["editor.background"],
+					theme.type === "dark" ? 0.5 : -0.15,
+				) ||
+				"transparent",
 			completionBoxColor: ({ theme }) =>
 				theme.colors["editorSuggestWidget.foreground"] ||
 				theme.colors["editor.foreground"] ||

diff --git a/playground/astro.config.mts b/playground/astro.config.mts
@@ -8,6 +8,7 @@ export default defineConfig({
 		starlight({
 			title: "Starlight",
 			expressiveCode: {
+				themes: ['github-dark-dimmed'],
 				plugins: [ectwoslash()],
 			},
 		}),