fix: overriding background/foreground color for all elements except Tooltip-related & removed ToolCommand since it's no longer exposed

Author: alashchev17

assets/custom-theme.css

@@ -1,47 +1,49 @@
-:where(.vscode-light) {
-    color-scheme: light;
-
-  }
-:where(.vscode-dark) {
-    color-scheme: dark;
-  }
-
-.vscode-dark {
-    color-scheme: dark;
-}
-
-.radix-themes {
-  /** TODO: there are more theme-able variables we can use */
-   --default-font-family: var(--vscode-font-family);
-   --code-font-family: var(--vscode-editor-font-family);
-   --color-background: var(--vscode-sideBar-background);
-   --color-panel: var(--vscode-panel-background);
-   --color-surface: var(--vscode-panel-background);
-   color: var(--vscode-sideBar-foreground);
-   background-color: var(--color-background);
-}
-
-.radix-themes code {
-  color: unset;
-  background-color: unset;
-}
-
-:where([data-state-tabbed]) .radix-themes {
-  --color-background: var(--vscode-editor-background);
-  --color-panel: var(--vscode-input-background);
-  color: var(--vscode-editor-foreground);
-}
-
-body {
-    padding: 0;
-    background-color: transparent;
-}
-
-
-.hljs {
-  background: var(--vscode-textPreformat-background);
-}
-
-.hljs > code {
-  background-color: transparent;
+:where(.vscode-light) {
+  color-scheme: light;
+}
+
+:where(.vscode-dark) {
+  color-scheme: dark;
+}
+
+.vscode-dark {
+  color-scheme: dark;
+}
+
+.radix-themes {
+/** TODO: there are more theme-able variables we can use */
+  --default-font-family: var(--vscode-font-family);
+  --code-font-family: var(--vscode-editor-font-family);
+  --color-background: var(--vscode-sideBar-background);
+  --color-panel: var(--vscode-panel-background);
+  --color-surface: var(--vscode-panel-background);
+}
+  
+.radix-themes > *:not(.rt-TooltipContent):not(.rt-TooltipText) {
+  color: var(--vscode-sideBar-foreground);
+  background-color: var(--color-background);
+}
+
+.radix-themes code {
+  color: unset;
+  background-color: unset;
+}
+
+:where([data-state-tabbed]) .radix-themes {
+  --color-background: var(--vscode-editor-background);
+  --color-panel: var(--vscode-input-background);
+  color: var(--vscode-editor-foreground);
+}
+
+body {
+  padding: 0;
+  background-color: transparent;
+}
+
+.hljs {
+  background: var(--vscode-textPreformat-background);
+}
+
+.hljs > code {
+  background-color: transparent;
 }

src/chatTab.ts

@@ -33,7 +33,7 @@ import {
     // type ChatMessage,
     // type SetChatModel,
     // RequestTools,
-    ToolCommand,
+    // ToolCommand,
     // RecieveTools,
     // QuestionFromChat
 } from "refact-chat-js/dist/events";
@@ -393,15 +393,15 @@ export class ChatTab {
         title,
         messages,
         attach_file,
-        tools = null,
+        // tools = null,
     }: {
         id: string;
         model: string;
         title?: string;
         // messages: [string, string][];
         messages: ChatMessages;
         attach_file?: boolean;
-        tools?: ToolCommand[] | null;
+        // tools?: ToolCommand[] | null;
     }): Promise<void> {
         // // this.web_panel.webview.postMessage({type: EVENT_NAMES_TO_CHAT.SET_DISABLE_CHAT, payload: { id, disable: true }});
         // // const file = attach_file && this.getActiveFileInfo();
@@ -899,14 +899,14 @@ export class ChatTab {
         const scriptUri = webview.asWebviewUri(
             vscode.Uri.joinPath(extensionUri, "node_modules", "refact-chat-js", "dist", "chat", "index.umd.cjs")
         );
-
-        const styleMainUri = webview.asWebviewUri(
-            vscode.Uri.joinPath(extensionUri, "node_modules", "refact-chat-js", "dist", "chat", "style.css")
-        );
-
+        
         const styleOverride = webview.asWebviewUri(
             vscode.Uri.joinPath(extensionUri, "assets", "custom-theme.css")
         );
+        
+        const styleMainUri = webview.asWebviewUri(
+            vscode.Uri.joinPath(extensionUri, "node_modules", "refact-chat-js", "dist", "chat", "style.css")
+        );
 
         const fontSize = vscode.workspace.getConfiguration().get<number>("editor.fontSize") ?? 12;
         const scaling = fontSize < 14 ? "90%" : "100%";