@particle-network/ui-react 0.4.0-beta.14 → 0.4.0-beta.16

package/dist/components/UXInput/index.d.ts

@@ -43,7 +43,7 @@ export declare const UXInput: React.ForwardRefExoticComponent<Omit<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXInput/input.extend.d.ts

@@ -40,7 +40,7 @@ declare const ExtendedInput: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXSwitch/index.d.ts

@@ -42,7 +42,7 @@ export declare const UXSwitch: React.ForwardRefExoticComponent<Omit<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXSwitch/switch.extend.d.ts

@@ -39,7 +39,7 @@ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXTable/index.d.ts

@@ -43,7 +43,7 @@ export declare const UXTable: import("@heroui/system-rsc").InternalForwardRefRen
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXTable/table.extend.d.ts

@@ -40,7 +40,7 @@ declare const ExtendedTable: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/components/UXThemeSwitch/index.d.ts

@@ -1,4 +1,3 @@
-export * from './theme-data';
 export * from './theme-switch';
 export * from './use-color-scheme';
 export * from './use-theme';

package/dist/components/UXThemeSwitch/index.js

@@ -1,4 +1,3 @@
-export * from "./theme-data.js";
 export * from "./theme-switch.js";
 export * from "./use-color-scheme.js";
 export * from "./use-theme.js";

package/dist/components/UXThemeSwitch/theme-item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ThemeItemType } from './theme-data';
+import type { ThemeItemType } from '@particle-network/ui-shared';
 export interface ThemeItemProps extends ThemeItemType {
     isSelected: boolean;
     onClick: () => void;

package/dist/components/UXThemeSwitch/theme-switch.js

@@ -3,6 +3,7 @@ import "react";
 import { Drawer, DrawerBody, DrawerContent, DrawerFooter, DrawerHeader } from "@heroui/drawer";
 import { useDisclosure } from "@heroui/use-disclosure";
 import { ChartColorSwitchIcon } from "@particle-network/icons/web";
+import { themeData } from "@particle-network/ui-shared";
 import { useI18n } from "../../hooks/index.js";
 import { Flex, HStack, VStack } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
@@ -10,7 +11,6 @@ import { UXButton } from "../UXButton/index.js";
 import { UXDivider } from "../UXDivider/index.js";
 import { UXInput } from "../UXInput/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
-import { themeData } from "./theme-data.js";
 import { ThemeItem } from "./theme-item.js";
 import { useTheme } from "./use-theme.js";
 const UXThemeSwitchDrawer = ({ isOpen, onClose, onOpenChange, ...props })=>{

package/dist/components/UXThemeSwitch/use-color-scheme.d.ts

@@ -1,5 +1,5 @@
 export declare const useColorScheme: () => {
-    colorScheme: import("./theme-data").ColorScheme;
+    colorScheme: import("@particle-network/ui-shared").ColorScheme;
     isDark: boolean;
     isLight: boolean;
 };

package/dist/components/UXThemeSwitch/use-theme-store.d.ts

@@ -1,4 +1,4 @@
-import { type ThemeItemType } from './theme-data';
+import { type ThemeItemType } from '@particle-network/ui-shared';
 export type FontLoadStatus = 'idle' | 'loading' | 'success' | 'error';
 interface State {
     /**

package/dist/components/UXThemeSwitch/use-theme-store.js

@@ -1,6 +1,6 @@
+import { themeData } from "@particle-network/ui-shared";
 import { create } from "zustand";
 import { createJSONStorage, persist } from "zustand/middleware";
-import { themeData } from "./theme-data.js";
 const useThemeStore = create()(persist((set)=>({
         selectedTheme: themeData["0"],
         savedTheme: themeData["0"],

package/dist/components/UXThemeSwitch/use-theme.d.ts

@@ -1,4 +1,4 @@
-import { type ThemeItemType } from './theme-data';
+import { type ThemeItemType } from '@particle-network/ui-shared';
 import { type FontLoadStatus } from './use-theme-store';
 /**
  * UX 主题管理 Hook

package/dist/components/UXThemeSwitch/use-theme.js

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
+import { themeKeys } from "@particle-network/ui-shared";
 import { useDebounceFn } from "ahooks";
-import { themeKeys } from "./theme-data.js";
 import { useThemeStore } from "./use-theme-store.js";
 const DEFAULT_FONT_FAMILY = 'ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji';
 const applyTheme = (theme)=>{

package/dist/components/UXToast/index.d.ts

@@ -1,13 +1,15 @@
+import type { ReactNode } from 'react';
 import type { ToastProps } from '@heroui/toast';
-export type UXToastType = 'success' | 'error' | 'loading';
+export type UXToastType = 'success' | 'error' | 'loading' | 'info';
 export type UXToastProps = Partial<ToastProps> & {
     type: UXToastType;
 };
 export declare const UXToastProvider: () => import("react/jsx-runtime").JSX.Element;
 export declare const toast: {
-    success: (message: string, props?: Partial<ToastProps>) => string | null;
-    error: (message: string, props?: Partial<ToastProps>) => string | null;
-    loading: (message: string, props?: Partial<ToastProps>) => string | null;
+    info: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    success: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    error: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
+    loading: (message: ReactNode, props?: Partial<ToastProps>) => string | null;
     show: (props?: Partial<ToastProps> & {
         type: UXToastType;
     }) => string | null;

package/dist/components/UXToast/index.js

@@ -9,33 +9,35 @@ const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
         placement: "top-center",
         maxVisibleToasts: 4,
-        toastOffset: 40,
         toastProps: {
             timeout: 4000
         },
         regionProps: {
-            className: 'items-center py-10'
+            className: 'items-center mt-12 p-0 gap-2'
         }
     });
 const getIcon = (type)=>{
     if ('success' === type) return /*#__PURE__*/ jsx(CircleCheckIcon, {
-        size: 18
+        size: 18,
+        color: "success"
     });
     if ('error' === type) return /*#__PURE__*/ jsx(CircleCloseIcon, {
-        size: 18
+        size: 18,
+        color: "danger"
     });
     if ('loading' === type) return /*#__PURE__*/ jsx(UXSpinner, {
+        color: "primary",
         size: 18
     });
     return null;
 };
 const show = (props)=>{
-    const { type, hideCloseButton, variant, classNames, description, ...toastProps } = props ?? {};
-    const { base, description: descriptionClassName, icon, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
+    const { type, hideCloseButton, icon, variant, classNames, description, ...toastProps } = props ?? {};
+    const { base, description: descriptionClassName, icon: iconClassName, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};
     return addToast({
         classNames: {
             base: [
-                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px]',
+                'bg-tertiary rounded-xl px-3.5 py-3 shadow-none border-none !w-fit max-w-[90vw] md:max-w-[400px] m-0',
                 !hideCloseButton && 'pr-12',
                 'flat' === variant && 'success' === type && 'bg-[#0E3728]',
                 'flat' === variant && 'error' === type && 'bg-[#501D1D]',
@@ -48,11 +50,8 @@ const show = (props)=>{
                 descriptionClassName
             ],
             icon: [
-                'shrink-0 h-5 w-5',
-                'success' === type && 'text-success',
-                'error' === type && 'text-danger',
-                'loading' === type && 'text-primary',
-                icon
+                'h-fit w-fit shrink-0',
+                iconClassName
             ],
             loadingComponent: [
                 'text-primary h-5 w-5',
@@ -70,18 +69,24 @@ const show = (props)=>{
             ...restClassNames
         },
         description,
-        icon: getIcon(type),
+        icon: icon ?? getIcon(type),
+        hideIcon: !icon && !getIcon(type),
         closeIcon: /*#__PURE__*/ jsx(CloseIcon, {
             className: 'flat' === variant ? 'text-white' : 'text-foreground'
         }),
         loadingComponent: /*#__PURE__*/ jsx(UXSpinner, {
             size: 18
         }),
-        timeout: 'loading' === type ? 1 / 0 : 3000,
+        timeout: 'loading' === type ? 1 / 0 : 4000,
         ...toastProps
     });
 };
 const toast = {
+    info: (message, props)=>show({
+            type: 'info',
+            description: message,
+            ...props
+        }),
     success: (message, props)=>show({
             type: 'success',
             description: message,
@@ -95,7 +100,6 @@ const toast = {
     loading: (message, props)=>show({
             type: 'loading',
             description: message,
-            timeout: 1 / 0,
             ...props
         }),
     show,

package/dist/components/UXTooltip/tooltip.extend.d.ts

@@ -39,7 +39,7 @@ declare const ExtendedTooltip: import("react").ForwardRefExoticComponent<Omit<{
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: "default" | "foreground" | "secondary" | "primary" | "success" | "danger" | "warning" | undefined;
+    color?: "default" | "success" | "foreground" | "secondary" | "primary" | "danger" | "warning" | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.0-beta.14",
+  "version": "0.4.0-beta.16",
   "type": "module",
   "exports": {
     ".": {
@@ -39,8 +39,8 @@
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
     "typescript": "^5.8.3",
-    "@particle-network/lintstaged-config": "0.1.0",
-    "@particle-network/eslint-config": "0.3.0"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -50,8 +50,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.0-beta.7",
-    "@particle-network/ui-shared": "0.3.0-beta.2"
+    "@particle-network/icons": "0.4.0-beta.9",
+    "@particle-network/ui-shared": "0.3.0-beta.3"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -127,9 +127,15 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -204,9 +210,15 @@ module.exports = {
               foreground: '#000000',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -281,9 +293,15 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -358,9 +376,15 @@ module.exports = {
               foreground: '#000000',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -435,9 +459,15 @@ module.exports = {
               foreground: '#FDFDFE',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -512,9 +542,15 @@ module.exports = {
               foreground: '#0C0C0F',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F6EDF7',
+              200: '#EBCCF0',
+              300: '#E2A5EF',
+              400: '#DC78F4',
+              500: '#D745FF',
+              600: '#C10DF9',
+              700: '#900ABE',
+              800: '#5F0A80',
+              900: '#330845',
               DEFAULT: '#D745FF',
               foreground: '#FFFFFF',
             },
@@ -589,9 +625,15 @@ module.exports = {
               foreground: '#F0F5F5',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F0F5F2',
+              200: '#D9EADF',
+              300: '#C0E2CC',
+              400: '#A4DCB6',
+              500: '#86D99F',
+              600: '#55C674',
+              700: '#399D53',
+              800: '#286938',
+              900: '#16361D',
               DEFAULT: '#86D99F',
               foreground: '#000000',
             },
@@ -666,9 +708,15 @@ module.exports = {
               foreground: '#FCFCFC',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#EDEEF7',
+              200: '#CFD2F1',
+              300: '#ABB3F0',
+              400: '#8192F5',
+              500: '#526FFF',
+              600: '#1741F9',
+              700: '#0A31C4',
+              800: '#0B2683',
+              900: '#081745',
               DEFAULT: '#526FFF',
               foreground: '#000000',
             },
@@ -743,9 +791,15 @@ module.exports = {
               foreground: '#F6FEFD',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#EFF5F5',
+              200: '#CEE6E4',
+              300: '#A8DBD6',
+              400: '#7ED4CB',
+              500: '#50D2C1',
+              600: '#34B9A5',
+              700: '#2B8C7C',
+              800: '#206255',
+              900: '#143831',
               DEFAULT: '#50D2C1',
               foreground: '#000000',
             },
@@ -820,9 +874,15 @@ module.exports = {
               foreground: '#FFFFFF',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F0EEF6',
+              200: '#E2DEF2',
+              300: '#D2CBEF',
+              400: '#C0B6EF',
+              500: '#AB9FF2',
+              600: '#6C5BE5',
+              700: '#3626C9',
+              800: '#241C82',
+              900: '#120F3E',
               DEFAULT: '#AB9FF2',
               foreground: '#000000',
             },
@@ -897,9 +957,15 @@ module.exports = {
               foreground: '#EAECEF',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#F7F6ED',
+              200: '#EFEAC9',
+              300: '#EDE09E',
+              400: '#F1DA6D',
+              500: '#FCD535',
+              600: '#EEBD0A',
+              700: '#B38B0C',
+              800: '#7A5D0C',
+              900: '#443309',
               DEFAULT: '#FCD535',
               foreground: '#000000',
             },
@@ -974,9 +1040,15 @@ module.exports = {
               foreground: '#E9E9E9',
             },
             primary: {
-              600: '#6A3AB8',
-              700: '#4D2A86',
-              900: '#362349',
+              100: '#EFF6F3',
+              200: '#D2E9DE',
+              300: '#B0E1C9',
+              400: '#8BDCB3',
+              500: '#61DC9B',
+              600: '#34CD79',
+              700: '#2A9B5A',
+              800: '#1F693E',
+              900: '#133A22',
               DEFAULT: '#61DC9B',
               foreground: '#000000',
             },

package/dist/components/UXThemeSwitch/theme-data.d.ts

@@ -1,12 +0,0 @@
-import type { UXColor } from '@particle-network/ui-shared';
-export type ThemeId = 'ux-purple-gold-dark' | 'ux-purple-gold-light' | 'ux-green-red-dark' | 'ux-green-red-light' | 'ux-green-red-soft-dark' | 'ux-green-red-soft-light' | 'gmgn-dark' | 'axiom-dark' | 'hyperliquid-dark' | 'phantom-dark' | 'binance-dark' | 'bullx-dark';
-export type ColorScheme = 'dark' | 'light';
-export interface ThemeItemType {
-    id: ThemeId;
-    zhName: string;
-    enName: string;
-    colorScheme: ColorScheme;
-    colorVariables: Record<UXColor, string>;
-}
-export declare const themeData: ThemeItemType[];
-export declare const themeKeys: ThemeId[];

package/dist/components/UXThemeSwitch/theme-data.js

@@ -1,340 +0,0 @@
-const themeData = [
-    {
-        id: 'ux-purple-gold-dark',
-        zhName: 'UX 紫金 Dark',
-        enName: 'UX Purple/Gold Dark',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FFFFFF',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FFFFFF',
-            secondary: '#A1A1AA',
-            tertiary: '#4E4E56',
-            primary: '#D745FF',
-            success: '#45B167',
-            danger: '#E84A5A',
-            alert: '#F57733',
-            warning: '#FF9821',
-            gold: '#FFB800',
-            'bg-default': '#000000',
-            'bg-200': '#1F1F23',
-            'bg-300': '#17171C',
-            'bg-400': '#0F0F0F',
-            overlay: '#17171C',
-            divider: '#282828',
-            bullish: '#D745FF',
-            bearish: '#FFAC34'
-        }
-    },
-    {
-        id: 'ux-purple-gold-light',
-        zhName: 'UX 紫金 Light',
-        enName: 'UX Purple/Gold Light',
-        colorScheme: 'light',
-        colorVariables: {
-            default: '#000000',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#000000',
-            secondary: '#767A80',
-            tertiary: '#D8D8DE',
-            primary: '#D745FF',
-            success: '#2E9F4A',
-            danger: '#DE4A40',
-            alert: '#E65E16',
-            warning: '#FF9821',
-            gold: '#F38300',
-            'bg-default': '#F8F8FA',
-            'bg-200': '#F0F0F2',
-            'bg-300': '#F8F8FA',
-            'bg-400': '#FFFFFF',
-            overlay: '#FFFFFF',
-            divider: '#E8E8ED',
-            bullish: '#D745FF',
-            bearish: '#F9A01E'
-        }
-    },
-    {
-        id: 'ux-green-red-dark',
-        zhName: 'UX 绿红 Dark',
-        enName: 'UX Green/Red Dark',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FFFFFF',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FFFFFF',
-            secondary: '#A1A1AA',
-            tertiary: '#4E4E56',
-            primary: '#D745FF',
-            success: '#45B167',
-            danger: '#E84A5A',
-            alert: '#F57733',
-            warning: '#FF9821',
-            gold: '#FFB800',
-            'bg-default': '#000000',
-            'bg-200': '#1F1F23',
-            'bg-300': '#17171C',
-            'bg-400': '#0F0F0F',
-            overlay: '#17171C',
-            divider: '#282828',
-            bullish: '#45B167',
-            bearish: '#E84A5A'
-        }
-    },
-    {
-        id: 'ux-green-red-light',
-        zhName: 'UX 绿红 Light',
-        enName: 'UX Green/Red Light',
-        colorScheme: 'light',
-        colorVariables: {
-            default: '#000000',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#000000',
-            secondary: '#767A80',
-            tertiary: '#D8D8DE',
-            primary: '#D745FF',
-            success: '#2E9F4A',
-            danger: '#DE4A40',
-            alert: '#E65E16',
-            warning: '#FF9821',
-            gold: '#F38300',
-            'bg-default': '#F8F8FA',
-            'bg-200': '#F0F0F2',
-            'bg-300': '#F8F8FA',
-            'bg-400': '#FFFFFF',
-            overlay: '#FFFFFF',
-            divider: '#E8E8ED',
-            bullish: '#45B167',
-            bearish: '#E84A5A'
-        }
-    },
-    {
-        id: 'ux-green-red-soft-dark',
-        zhName: 'UX 柔和 Dark',
-        enName: 'UX Soft Dark',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FDFDFE',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FDFDFE',
-            secondary: '#BBBBC4',
-            tertiary: '#70707C',
-            primary: '#D745FF',
-            success: '#73D090',
-            danger: '#F46271',
-            alert: '#F37A39',
-            warning: '#F8BF63',
-            gold: '#FFB800',
-            'bg-default': '#100E11',
-            'bg-200': '#2A2A30',
-            'bg-300': '#17171C',
-            'bg-400': '#19161B',
-            overlay: '#17171C',
-            divider: '#282828',
-            bullish: '#73D090',
-            bearish: '#F46271'
-        }
-    },
-    {
-        id: 'ux-green-red-soft-light',
-        zhName: 'UX 柔和 Light',
-        enName: 'UX Soft Light',
-        colorScheme: 'light',
-        colorVariables: {
-            default: '#0C0C0F',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#0C0C0F',
-            secondary: '#363538',
-            tertiary: '#7B7B85',
-            primary: '#D745FF',
-            success: '#19AB5E',
-            danger: '#FF5868',
-            alert: '#F07939',
-            warning: '#F6932B',
-            gold: '#FFB800',
-            'bg-default': '#F6F6F6',
-            'bg-200': '#E9E7EE',
-            'bg-300': '#F6F6F6',
-            'bg-400': '#FFFFFF',
-            overlay: '#FFFFFF',
-            divider: '#DAD7E0',
-            bullish: '#19AB5E',
-            bearish: '#FF5868'
-        }
-    },
-    {
-        id: 'gmgn-dark',
-        zhName: 'GMGN',
-        enName: 'GMGN',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#F0F5F5',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#F0F5F5',
-            secondary: '#C4CCCC',
-            tertiary: '#757E80',
-            primary: '#86D99F',
-            success: '#86D99F',
-            danger: '#F26682',
-            alert: '#F55832',
-            warning: '#EDB951',
-            gold: '#F5DA54',
-            'bg-default': '#0C0C0F',
-            'bg-200': '#282A2E',
-            'bg-300': '#1A1B1F',
-            'bg-400': '#111214',
-            overlay: '#1A1B1F',
-            divider: '#282828',
-            bullish: '#1DB069',
-            bearish: '#DE4E52'
-        }
-    },
-    {
-        id: 'axiom-dark',
-        zhName: 'AXIOM',
-        enName: 'AXIOM',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FCFCFC',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FCFCFC',
-            secondary: '#C8C9D1',
-            tertiary: '#777A8C',
-            primary: '#526FFF',
-            success: '#2FE3AC',
-            danger: '#EC397A',
-            alert: '#F57733',
-            warning: '#F7931A',
-            gold: '#F7931A',
-            'bg-default': '#0C0C0F',
-            'bg-200': '#333542',
-            'bg-300': '#18181A',
-            'bg-400': '#101114',
-            overlay: '#18181A',
-            divider: '#333542',
-            bullish: '#0B9981',
-            bearish: '#F23646'
-        }
-    },
-    {
-        id: 'hyperliquid-dark',
-        zhName: 'Hyperliquid',
-        enName: 'Hyperliquid',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#F6FEFD',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#F6FEFD',
-            secondary: '#D1D4DC',
-            tertiary: '#949E9C',
-            primary: '#50D2C1',
-            success: '#1FA67D',
-            danger: '#ED7088',
-            alert: '#EF8F50',
-            warning: '#FFB648',
-            gold: '#FFB648',
-            'bg-default': '#0F1A1F',
-            'bg-200': '#273035',
-            'bg-300': '#1B2429',
-            'bg-400': '#0F1A1F',
-            overlay: '#1B2429',
-            divider: '#444651',
-            bullish: '#51D2C1',
-            bearish: '#D45B71'
-        }
-    },
-    {
-        id: 'phantom-dark',
-        zhName: 'Phantom',
-        enName: 'Phantom',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#FFFFFF',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#FFFFFF',
-            secondary: '#999999',
-            tertiary: '#757E80',
-            primary: '#AB9FF2',
-            success: '#2EC08B',
-            danger: '#F7525F',
-            alert: '#FF9C3F',
-            warning: '#FFD13F',
-            gold: '#FFD13F',
-            'bg-default': '#13121A',
-            'bg-200': '#222222',
-            'bg-300': '#272735',
-            'bg-400': '#22212A',
-            overlay: '#272735',
-            divider: '#323232',
-            bullish: '#2EC08B',
-            bearish: '#FF7243'
-        }
-    },
-    {
-        id: 'binance-dark',
-        zhName: 'Binance',
-        enName: 'Binance',
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#EAECEF',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#EAECEF',
-            secondary: '#929AA5',
-            tertiary: '#707A8A',
-            primary: '#FCD535',
-            success: '#2EBD85',
-            danger: '#F6465D',
-            alert: '#FF693D',
-            warning: '#F0B90B',
-            gold: '#2DBD85',
-            'bg-default': '#0B0E11',
-            'bg-200': '#29313D',
-            'bg-300': '#202630',
-            'bg-400': '#181A20',
-            overlay: '#202630',
-            divider: '#343B47',
-            bullish: '#2EBD85',
-            bearish: '#F6465D'
-        }
-    },
-    {
-        id: 'bullx-dark',
-        zhName: "Bullx's",
-        enName: "Bullx's",
-        colorScheme: 'dark',
-        colorVariables: {
-            default: '#E9E9E9',
-            white: '#FFFFFF',
-            transparent: 'transparent',
-            foreground: '#E9E9E9',
-            secondary: '#98989B',
-            tertiary: '#686a6d',
-            primary: '#61DC9B',
-            success: '#459C6E',
-            danger: '#A13C45',
-            alert: '#E9BF52',
-            warning: '#DCC161',
-            gold: '#E9BF52',
-            'bg-default': '#09090B',
-            'bg-200': '#1B1D22',
-            'bg-300': '#0D0D10',
-            'bg-400': '#0F0F0F',
-            overlay: '#0D0D10',
-            divider: '#1E2025',
-            bullish: '#459C6E',
-            bearish: '#A13C45'
-        }
-    }
-];
-const themeKeys = themeData.map((theme)=>theme.id);
-export { themeData, themeKeys };