@zhin.js/console 1.0.20 → 1.0.22

package/client/src/theme/index.ts

@@ -1,48 +1,74 @@
-// Theme configuration
+// Theme configuration - Zinc black/white/gray palette for shadcn/ui
 export const themes = {
   light: {
     background: '0 0% 100%',
-    foreground: '222.2 84% 4.9%',
+    foreground: '240 10% 3.9%',
     card: '0 0% 100%',
-    'card-foreground': '222.2 84% 4.9%',
+    'card-foreground': '240 10% 3.9%',
     popover: '0 0% 100%',
-    'popover-foreground': '222.2 84% 4.9%',
-    primary: '221.2 83.2% 53.3%',
-    'primary-foreground': '210 40% 98%',
-    secondary: '210 40% 96.1%',
-    'secondary-foreground': '222.2 47.4% 11.2%',
-    muted: '210 40% 96.1%',
-    'muted-foreground': '215.4 16.3% 46.9%',
-    accent: '210 40% 96.1%',
-    'accent-foreground': '222.2 47.4% 11.2%',
+    'popover-foreground': '240 10% 3.9%',
+    primary: '240 5.9% 10%',
+    'primary-foreground': '0 0% 98%',
+    secondary: '240 4.8% 95.9%',
+    'secondary-foreground': '240 5.9% 10%',
+    muted: '240 4.8% 95.9%',
+    'muted-foreground': '240 3.8% 46.1%',
+    accent: '240 4.8% 95.9%',
+    'accent-foreground': '240 5.9% 10%',
     destructive: '0 84.2% 60.2%',
-    'destructive-foreground': '210 40% 98%',
-    border: '214.3 31.8% 91.4%',
-    input: '214.3 31.8% 91.4%',
-    ring: '221.2 83.2% 53.3%',
+    'destructive-foreground': '0 0% 98%',
+    border: '240 5.9% 90%',
+    input: '240 5.9% 90%',
+    ring: '240 5.9% 10%',
     radius: '0.5rem',
+    'chart-1': '240 5.9% 10%',
+    'chart-2': '240 3.8% 46.1%',
+    'chart-3': '240 5.9% 90%',
+    'chart-4': '240 4.8% 95.9%',
+    'chart-5': '0 0% 100%',
+    sidebar: '0 0% 98%',
+    'sidebar-foreground': '240 5.3% 26.1%',
+    'sidebar-primary': '240 5.9% 10%',
+    'sidebar-primary-foreground': '0 0% 98%',
+    'sidebar-accent': '240 4.8% 95.9%',
+    'sidebar-accent-foreground': '240 5.9% 10%',
+    'sidebar-border': '220 13% 91%',
+    'sidebar-ring': '240 5.9% 10%',
   },
   dark: {
-    background: '222.2 84% 4.9%',
-    foreground: '210 40% 98%',
-    card: '222.2 84% 4.9%',
-    'card-foreground': '210 40% 98%',
-    popover: '222.2 84% 4.9%',
-    'popover-foreground': '210 40% 98%',
-    primary: '217.2 91.2% 59.8%',
-    'primary-foreground': '222.2 47.4% 11.2%',
-    secondary: '217.2 32.6% 17.5%',
-    'secondary-foreground': '210 40% 98%',
-    muted: '217.2 32.6% 17.5%',
-    'muted-foreground': '215 20.2% 65.1%',
-    accent: '217.2 32.6% 17.5%',
-    'accent-foreground': '210 40% 98%',
+    background: '240 10% 3.9%',
+    foreground: '0 0% 98%',
+    card: '240 10% 3.9%',
+    'card-foreground': '0 0% 98%',
+    popover: '240 10% 3.9%',
+    'popover-foreground': '0 0% 98%',
+    primary: '0 0% 98%',
+    'primary-foreground': '240 5.9% 10%',
+    secondary: '240 3.7% 15.9%',
+    'secondary-foreground': '0 0% 98%',
+    muted: '240 3.7% 15.9%',
+    'muted-foreground': '240 5% 64.9%',
+    accent: '240 3.7% 15.9%',
+    'accent-foreground': '0 0% 98%',
     destructive: '0 62.8% 30.6%',
-    'destructive-foreground': '210 40% 98%',
-    border: '217.2 32.6% 17.5%',
-    input: '217.2 32.6% 17.5%',
-    ring: '224.3 76.3% 48%',
+    'destructive-foreground': '0 0% 98%',
+    border: '240 3.7% 15.9%',
+    input: '240 3.7% 15.9%',
+    ring: '240 4.9% 83.9%',
     radius: '0.5rem',
+    'chart-1': '0 0% 98%',
+    'chart-2': '240 5% 64.9%',
+    'chart-3': '240 3.7% 15.9%',
+    'chart-4': '240 10% 3.9%',
+    'chart-5': '240 5.9% 10%',
+    sidebar: '240 5.9% 10%',
+    'sidebar-foreground': '240 4.8% 95.9%',
+    'sidebar-primary': '0 0% 98%',
+    'sidebar-primary-foreground': '240 5.9% 10%',
+    'sidebar-accent': '240 3.7% 15.9%',
+    'sidebar-accent-foreground': '240 4.8% 95.9%',
+    'sidebar-border': '240 3.7% 15.9%',
+    'sidebar-ring': '240 4.9% 83.9%',
   },
 } as const
 
@@ -89,4 +115,3 @@ export function initializeTheme() {
   applyTheme(theme)
   return theme
 }
-

package/client/tailwind.config.js

@@ -2,84 +2,93 @@
 import path from 'path';
 const cwd = process.cwd();
 
-// 安全的路径构建函数，避免扫描特殊文件
 const safePath = (...parts) => {
   try {
     return path.resolve(...parts);
   } catch (error) {
-    console.warn(`Tailwind 路径构建失败: ${parts.join('/')}`, error.message);
+    console.warn(`Tailwind path resolve failed: ${parts.join('/')}`, error.message);
     return '';
   }
 };
 
 export default {
-    content: [
-        "./index.html",
-        './src/**/*.{js,ts,jsx,tsx,mdx}',
-        './node_modules/@radix-ui/**/*.{js,ts,jsx,tsx}',
-        `${cwd}/node_modules/@zhin.js/*/client/**/*.{js,ts,jsx,tsx}`,
-        `${cwd}/node_modules/@zhin.js/*/dist/**/*.{js,ts,jsx,tsx}`,
-        `${cwd}/plugins/*/client/**/*.{js,ts,jsx,tsx}`,
-        `${cwd}/client/**/*.{js,ts,jsx,tsx}`,
-    ].filter(Boolean), // 过滤掉空字符串
-    theme: {
-        extend: {
-            colors: {
-                border: 'hsl(var(--border))',
-                input: 'hsl(var(--input))',
-                ring: 'hsl(var(--ring))',
-                background: 'hsl(var(--background))',
-                foreground: 'hsl(var(--foreground))',
-                primary: {
-                    DEFAULT: 'hsl(var(--primary))',
-                    foreground: 'hsl(var(--primary-foreground))',
-                },
-                secondary: {
-                    DEFAULT: 'hsl(var(--secondary))',
-                    foreground: 'hsl(var(--secondary-foreground))',
-                },
-                destructive: {
-                    DEFAULT: 'hsl(var(--destructive))',
-                    foreground: 'hsl(var(--destructive-foreground))',
-                },
-                muted: {
-                    DEFAULT: 'hsl(var(--muted))',
-                    foreground: 'hsl(var(--muted-foreground))',
-                },
-                accent: {
-                    DEFAULT: 'hsl(var(--accent))',
-                    foreground: 'hsl(var(--accent-foreground))',
-                },
-                popover: {
-                    DEFAULT: 'hsl(var(--popover))',
-                    foreground: 'hsl(var(--popover-foreground))',
-                },
-                card: {
-                    DEFAULT: 'hsl(var(--card))',
-                    foreground: 'hsl(var(--card-foreground))',
-                },
-            },
-            borderRadius: {
-                lg: 'var(--radius)',
-                md: 'calc(var(--radius) - 2px)',
-                sm: 'calc(var(--radius) - 4px)',
-            },
-            keyframes: {
-                "accordion-down": {
-                    from: { height: "0" },
-                    to: { height: "var(--radix-accordion-content-height)" },
-                },
-                "accordion-up": {
-                    from: { height: "var(--radix-accordion-content-height)" },
-                    to: { height: "0" },
-                },
-            },
-            animation: {
-                "accordion-down": "accordion-down 0.2s ease-out",
-                "accordion-up": "accordion-up 0.2s ease-out",
-            },
+  content: [
+    "./index.html",
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+    `${cwd}/node_modules/@zhin.js/*/client/**/*.{js,ts,jsx,tsx}`,
+    `${cwd}/node_modules/@zhin.js/*/dist/**/*.{js,ts,jsx,tsx}`,
+    `${cwd}/plugins/*/client/**/*.{js,ts,jsx,tsx}`,
+    `${cwd}/client/**/*.{js,ts,jsx,tsx}`,
+  ].filter(Boolean),
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
         },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+        sidebar: {
+          DEFAULT: 'hsl(var(--sidebar))',
+          foreground: 'hsl(var(--sidebar-foreground))',
+          primary: 'hsl(var(--sidebar-primary))',
+          'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+          accent: 'hsl(var(--sidebar-accent))',
+          'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+          border: 'hsl(var(--sidebar-border))',
+          ring: 'hsl(var(--sidebar-ring))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "spin": "spin 1s linear infinite",
+      },
     },
-    darkMode: "class",
-    plugins: [],
+  },
+  darkMode: "class",
+  plugins: [],
 }