Fix: Migrating to tailwind theming

Author: ShenKSPZ

package-lock.json

@@ -84,7 +84,7 @@ const TopBar: React.FC<TopBarProps> = ({ onSelectModel, onOpenSettingsDialog })
   };
 
   return (
-    <div className="flex items-center justify-between h-16 bg-white app-region-drag">
+    <div className="flex items-center justify-between h-16 bg-main-background app-region-drag">
       {/* Logo area */}
       <div className="w-[68px] aspect-square flex items-center justify-center h-16">
         <div className="flex items-center justify-center w-10 h-10">

src/components/layout/TopBar.tsx

@@ -54,9 +54,9 @@ export const ApiManagement: React.FC<ApiManagementProps> = ({
     setCurrentProviderSettings({ ...currentProviderSettings, apiKey: value });
   }
 
-  const handleApiVersionChange = (value: string) => {
-    setCurrentProviderSettings({ ...currentProviderSettings, apiVersion: value });
-  }
+  // const handleApiVersionChange = (value: string) => {
+  //   setCurrentProviderSettings({ ...currentProviderSettings, apiVersion: value });
+  // }
 
   const handleBaseUrlChange = (value: string) => {
     setCurrentProviderSettings({ ...currentProviderSettings, baseUrl: value });

src/components/settings/ApiManagement.tsx

@@ -2,10 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-@theme{
-  
-}
-
 /* Add these styles for Electron window dragging */
 .app-region-drag {
   -webkit-app-region: drag;

src/index.css

@@ -0,0 +1,7 @@
+:root{
+    --primary-50: #F8F7F3;
+}
+
+@theme{
+    --color-main-background: var(--primary-50);
+}

src/tensorblock-light.css

@@ -1,9 +1,11 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react()
+  ],
   optimizeDeps: {
     exclude: ['lucide-react'],
   },