light-chaser-pro 1.0.0

package/light-chaser-ui/lib/gui/GUITheme.ts

@@ -0,0 +1,547 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {MappingAlgorithm, theme} from "antd";
+
+export const lcguiDarkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {
+    const baseToken = theme.darkAlgorithm(seedToken, mapToken);
+    return {
+        ...baseToken,
+        // 核心色彩系统
+        colorPrimary: '#4FB8FF',
+        colorSuccess: '#3CED92',
+        colorWarning: '#FFC53D',
+        colorError: '#FF6E6E',
+        colorInfo: '#4FB8FF',
+        colorBgBase: '#1E1E2F',
+        colorBgLayout: '#1E1E2F',
+        colorBgContainer: '#2C2C3E',
+        colorBgElevated: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextSecondary: '#A0A0B2',
+        colorTextTertiary: '#6A6A7A',
+        colorTextQuaternary: '#4A4A5A',
+        colorBorder: '#3A3A4E',
+        colorBorderSecondary: '#2C2C3E',
+        colorFill: 'rgba(255, 255, 255, 0.12)',
+        colorFillSecondary: 'rgba(255, 255, 255, 0.08)',
+        colorFillTertiary: 'rgba(255, 255, 255, 0.04)',
+        colorFillQuaternary: 'rgba(255, 255, 255, 0.02)',
+
+        // 尺寸系统 - 调整为更小的尺寸
+        sizeXXS: 2,
+        sizeXS: 4,
+        sizeSM: 6,
+        size: 8,
+        sizeMS: 10,
+        sizeMD: 12,
+        sizeLG: 16,
+        sizeXL: 20,
+        sizeXXL: 24,
+        controlHeightXS: 20,
+        controlHeightSM: 24,
+        controlHeight: 28,
+        controlHeightLG: 32,
+        controlHeightXL: 36,
+        borderRadius: 4,
+        borderRadiusSM: 2,
+        borderRadiusLG: 6,
+        borderRadiusXS: 1,
+
+        // 字体系统
+        fontFamily: `'Inter', 'Roboto', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif`,
+        fontSize: 12,
+        fontSizeSM: 10,
+        fontSizeLG: 14,
+        fontSizeXL: 16,
+        fontSizeHeading1: 20,
+        fontSizeHeading2: 18,
+        fontSizeHeading3: 16,
+        fontSizeHeading4: 14,
+        fontSizeHeading5: 12,
+
+        // 间距系统 - 调整为更紧凑的间距
+        padding: 12,
+        paddingSM: 8,
+        paddingXS: 6,
+        paddingXXS: 4,
+        margin: 12,
+        marginSM: 8,
+        marginXS: 6,
+        marginXXS: 4,
+        marginXXL: 20,
+
+        // 线框系统
+        lineWidth: 1,
+        lineWidthBold: 1.5,
+        lineType: 'solid',
+
+        // 运动曲线
+        motionDurationFast: '0.1s',
+        motionDurationMid: '0.2s',
+        motionDurationSlow: '0.3s',
+        motionEaseInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        motionEaseOut: 'cubic-bezier(0.2, 0, 0, 1)',
+        motionEaseIn: 'cubic-bezier(0.4, 0, 1, 1)',
+        motionEaseInOutCirc: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        motionEaseOutCirc: 'cubic-bezier(0.2, 0, 0, 1)',
+        motionEaseInCirc: 'cubic-bezier(0.4, 0, 1, 1)',
+
+        // 透明度
+        opacityLoading: 0.65,
+
+        // 阴影
+        boxShadow: '0 1px 4px rgba(0, 0, 0, 0.3)',
+        boxShadowSecondary: '0 2px 8px rgba(0, 0, 0, 0.4)',
+        boxShadowTertiary: '0 4px 12px rgba(0, 0, 0, 0.5)',
+    };
+};
+
+export const lcguiComponentTheme = {
+    // 输入框组件 - 调整为更小的尺寸
+    Input: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextPlaceholder: '#6A6A7A',
+        borderRadius: 4,
+        hoverBorderColor: '#4FB8FF',
+        activeBorderColor: '#4FB8FF',
+        activeShadow: '0 0 0 2px rgba(79, 184, 255, 0.2)',
+        paddingInline: 8,
+        paddingInlineSM: 6,
+        paddingBlock: 6,
+        paddingBlockSM: 4,
+        addonBg: '#3A3A4E',
+        colorIcon: '#A0A0B2',
+        colorIconHover: '#FFFFFF',
+        colorTextDisabled: '#6A6A7A',
+        colorBgContainerDisabled: '#2C2C3E',
+        addonColor: '#A0A0B2',
+        algorithm: true,
+        lineWidth: 1,
+        lineHeight: 1.5,
+        lineType: 'solid',
+        controlHeightSM: 20,
+        controlHeight: 26,
+        controlHeightLG: 28,
+        fontSizeSM: 12,
+        fontSize: 12,
+        fontSizeLG: 14,
+    },
+
+    // 按钮组件 - 调整为更小的尺寸
+    Button: {
+        borderRadius: 4,
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        colorPrimaryActive: '#3CA8DF',
+        colorText: '#FFFFFF',
+        colorTextDisabled: '#5A5A6E',
+        colorBgContainerDisabled: '#3A3A4E',
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+        paddingContentHorizontal: 12,
+        paddingContentHorizontalSM: 8,
+        paddingContentHorizontalLG: 16,
+        defaultBorderColor: '#3A3A4E',
+        defaultBg: '#2C2C3E',
+        defaultColor: '#FFFFFF',
+        textHoverBg: 'rgba(255, 255, 255, 0.08)',
+        onlyIconSize: 14,
+        onlyIconSizeSM: 12,
+        onlyIconSizeLG: 16,
+        groupBorderColor: '#4FB8FF',
+        defaultHoverBorderColor: '#4FB8FF',
+        defaultHoverColor: '#4FB8FF',
+        defaultHoverBg: '#2C2C3E',
+        defaultActiveBorderColor: '#3CA8DF',
+        defaultActiveColor: '#3CA8DF',
+        defaultActiveBg: '#2C2C3E',
+        primaryShadow: '0 1px 2px rgba(0, 0, 0, 0.1)',
+        textHoverColor: '#4FB8FF',
+        linkHoverColor: '#6FC8FF',
+        linkActiveColor: '#3CA8DF',
+        fontSize: 12,
+        fontSizeSM: 11,
+        fontSizeLG: 14,
+    },
+
+    // 选择器组件 - 调整为更小的尺寸
+    Select: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextPlaceholder: '#6A6A7A',
+        borderRadius: 4,
+        optionSelectedBg: 'rgba(79, 184, 255, 0.2)',
+        optionSelectedColor: '#4FB8FF',
+        optionActiveBg: 'rgba(79, 184, 255, 0.1)',
+        optionPadding: '6px 8px',
+        selectorBg: '#2C2C3E',
+        singleItemHeightLG: 32,
+        multipleItemBg: '#3A3A4E',
+        multipleItemBorderColor: 'transparent',
+        multipleItemColor: '#FFFFFF',
+        colorTextDisabled: '#6A6A7A',
+        colorBgContainerDisabled: '#2C2C3E',
+        multipleItemHeight: 20,
+        multipleItemHeightLG: 24,
+        multipleSelectorBg: '#2C2C3E',
+        indicatorSize: 14,
+        paddingXXS: 2,
+        controlItemBgActive: 'rgba(79, 184, 255, 0.1)',
+        controlItemBgHover: 'rgba(255, 255, 255, 0.08)',
+        dropdownHeight: 180,
+        zIndexPopup: 1050,
+        boxShadow: '0 2px 8px rgba(0, 0, 0, 0.4)',
+        dropdownPaddingVertical: 6,
+        controlHeightSM: 24,
+        controlHeight: 30,
+        controlHeightLG: 32,
+        fontSizeSM: 12,
+        fontSize: 12,
+        fontSizeLG: 14,
+        paddingInline: 8,
+        paddingInlineSM: 6,
+        paddingBlock: 6,
+        paddingBlockSM: 4,
+        lineHeight: 1.5,
+    },
+
+    // 滑动输入条 - 调整为更小的尺寸
+    Slider: {
+        trackBg: '#4FB8FF',
+        trackHoverBg: '#6FC8FF',
+        handleColor: '#4FB8FF',
+        railBg: '#3A3A4E',
+        railSize: 3,
+        handleSize: 12,
+        handleSizeHover: 14,
+        handleLineWidth: 1.5,
+        handleLineWidthHover: 1.5,
+        dotSize: 6,
+        dotBorderColor: '#3A3A4E',
+        dotActiveBorderColor: '#4FB8FF',
+        handleActiveColor: '#3CA8DF',
+        trackBgDisabled: '#5A5A6E',
+        railBgDisabled: '#3A3A4E',
+        handleColorDisabled: '#5A5A6E',
+        dotBorderColorDisabled: '#5A5A6E',
+        colorText: '#A0A0B2',
+        controlSize: 3,
+        handleShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.3)',
+        handleActiveShadow: '0 0 0 3px rgba(79, 184, 255, 0.2)',
+    },
+
+    // 折叠面板 - 调整为更小的尺寸
+    Collapse: {
+        borderRadiusLG: 4,
+        colorBorder: '#3A3A4E',
+        headerBg: '#2C2C3E',
+        contentBg: '#2C2C3E',
+        headerPadding: '8px 12px',
+        contentPadding: '12px',
+        headerArrowColor: '#A0A0B2',
+        headerArrowHoverColor: '#4FB8FF',
+        headerTextColor: '#FFFFFF',
+        contentTextColor: '#A0A0B2',
+        headerBgExpanded: '#3A3A4E',
+        headerPaddingExtra: 12,
+        panelPadding: 8,
+        colorTextHeading: '#FFFFFF',
+        colorText: '#A0A0B2',
+        colorIcon: '#A0A0B2',
+        fontSizeIcon: 14,
+        fontSizeLG: 14,
+        lineHeight: 1.4,
+    },
+
+    // 卡片组件 - 调整为更小的尺寸
+    Card: {
+        colorBgContainer: '#2C2C3E',
+        borderRadiusLG: 6,
+        boxShadow: '0 1px 4px rgba(0, 0, 0, 0.3)',
+        colorBorderSecondary: '#3A3A4E',
+        padding: 16,
+        paddingSM: 12,
+        paddingLG: 20,
+        headerBg: 'transparent',
+        headerBorderBottom: '1px solid #3A3A4E',
+        actionsBg: '#2C2C3E',
+        actionsLiMargin: '6px 0',
+        extraColor: '#A0A0B2',
+        colorTextHeading: '#FFFFFF',
+        colorText: '#A0A0B2',
+        colorTextDescription: '#6A6A7A',
+        headHeight: 40,
+        headFontSize: 14,
+        headFontSizeSM: 12,
+        bodyPadding: 16,
+        bodyPaddingSM: 12,
+        actionsPadding: '8px 0',
+        tabsMarginBottom: -12,
+        extraColorHover: '#FFFFFF',
+    },
+
+    // 开关组件 - 调整为更小的尺寸
+    Switch: {
+        trackHeight: 18,
+        trackMinWidth: 36,
+        trackPadding: 1,
+        colorPrimary: '#3CED92',
+        colorPrimaryHover: '#4CFDA2',
+        colorBgContainer: '#3A3A4E',
+        handleSize: 14,
+        handleShadow: '0 1px 2px 0 rgba(0, 35, 11, 0.2)',
+        handleBg: '#FFFFFF',
+        handleActiveBg: '#FFFFFF',
+        trackCheckedBg: '#3CED92',
+        handleCheckedBg: '#FFFFFF',
+        innerMaxMargin: 20,
+        innerMinMargin: 3,
+        handleCheckedShadow: '0 1px 2px 0 rgba(0, 35, 11, 0.2)',
+        colorText: '#A0A0B2',
+        colorTextLightSolid: '#FFFFFF',
+        colorBgElevated: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorBorderSecondary: '#3A3A4E',
+        colorPrimaryBorder: '#3CED92',
+        colorPrimaryBorderHover: '#4CFDA2',
+        colorPrimaryText: '#FFFFFF',
+        colorPrimaryTextHover: '#FFFFFF',
+        colorPrimaryTextActive: '#FFFFFF',
+        colorPrimaryBg: 'rgba(60, 237, 146, 0.1)',
+        colorPrimaryBgHover: 'rgba(60, 237, 146, 0.2)',
+        colorPrimaryBgActive: 'rgba(60, 237, 146, 0.3)',
+        algorithm: true,
+    },
+
+    // 上传组件 - 调整为更小的尺寸
+    Upload: {
+        colorBorder: '#3A3A4E',
+        colorText: '#A0A0B2',
+        colorTextDisabled: '#5A5A6E',
+        borderRadiusLG: 6,
+        actionsColor: '#4FB8FF',
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        colorPrimaryActive: '#3CA8DF',
+        colorError: '#FF6E6E',
+        colorErrorBg: 'rgba(255, 110, 110, 0.1)',
+        colorErrorBorder: 'rgba(255, 110, 110, 0.3)',
+        colorBgContainer: '#2C2C3E',
+        colorBgContainerDisabled: '#2C2C3E',
+        colorTextDescription: '#6A6A7A',
+        colorTextHeading: '#FFFFFF',
+        colorTextLightSolid: '#FFFFFF',
+        colorWarning: '#FFC53D',
+        colorInfo: '#4FB8FF',
+        colorSuccess: '#3CED92',
+        colorWhite: '#FFFFFF',
+        marginXS: 2,
+        marginSM: 4,
+        margin: 8,
+        marginMD: 12,
+        marginLG: 16,
+        marginXL: 20,
+        marginXXL: 24,
+        paddingXS: 2,
+        paddingSM: 4,
+        padding: 8,
+        paddingMD: 12,
+        paddingLG: 16,
+        paddingXL: 20,
+        fontSize: 12,
+        fontSizeSM: 11,
+        fontSizeLG: 14,
+        lineHeight: 1.4,
+        lineHeightSM: 1.3,
+        lineHeightLG: 1.5,
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+        borderRadius: 4,
+        borderRadiusSM: 2,
+        borderRadiusXS: 1,
+        motionDurationSlow: '0.3s',
+        motionDurationMid: '0.2s',
+        motionDurationFast: '0.1s',
+        fontFamily: `'Inter', 'Roboto', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif`,
+        boxShadow: '0 1px 4px rgba(0, 0, 0, 0.3)',
+        boxShadowSecondary: '0 2px 8px rgba(0, 0, 0, 0.4)',
+        boxShadowTertiary: '0 4px 12px rgba(0, 0, 0, 0.5)',
+    },
+
+    // 复选框组件 - 调整为更小的尺寸
+    Checkbox: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        borderRadiusSM: 2,
+        size: 14,
+        colorWhite: '#FFFFFF',
+        colorTextDisabled: '#5A5A6E',
+        colorBgContainerDisabled: '#3A3A4E',
+    },
+
+    // 单选框组件 - 调整为更小的尺寸
+    Radio: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        dotSize: 6,
+        size: 14,
+        colorTextDisabled: '#5A5A6E',
+        colorBgContainerDisabled: '#3A3A4E',
+        buttonBg: '#2C2C3E',
+        buttonCheckedBg: 'rgba(79, 184, 255, 0.2)',
+        buttonColor: '#A0A0B2',
+        buttonCheckedColor: '#4FB8FF',
+        buttonPaddingInline: 8,
+        buttonSolidCheckedColor: '#FFFFFF',
+    },
+
+    // 日期选择器组件 - 调整为更小的尺寸
+    DatePicker: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextPlaceholder: '#6A6A7A',
+        borderRadius: 4,
+        hoverBorderColor: '#4FB8FF',
+        activeBorderColor: '#4FB8FF',
+        activeShadow: '0 0 0 2px rgba(79, 184, 255, 0.2)',
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        cellHoverBg: 'rgba(79, 184, 255, 0.1)',
+        cellActiveBg: 'rgba(79, 184, 255, 0.2)',
+        cellHeight: 28,
+        cellWidth: 32,
+        timeColumnWidth: 48,
+        timeColumnHeight: 200,
+        timeCellHeight: 24,
+        cellPaddingBlock: 6,
+        fontSize: 12,
+        textHeight: 32,
+        withoutTimeCellHeight: 56,
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+    },
+
+    // 时间选择器组件 - 调整为更小的尺寸
+    TimePicker: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextPlaceholder: '#6A6A7A',
+        borderRadius: 4,
+        hoverBorderColor: '#4FB8FF',
+        activeBorderColor: '#4FB8FF',
+        activeShadow: '0 0 0 2px rgba(79, 184, 255, 0.2)',
+        colorPrimary: '#4FB8FF',
+        colorPrimaryHover: '#6FC8FF',
+        cellHoverBg: 'rgba(79, 184, 255, 0.1)',
+        cellActiveBg: 'rgba(79, 184, 255, 0.2)',
+        cellHeight: 28,
+        cellWidth: 48,
+        timeColumnWidth: 48,
+        timeColumnHeight: 200,
+        timeCellHeight: 24,
+        paddingSM: 6,
+        paddingXS: 4,
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+    },
+
+    // 数字输入框组件 - 调整为更小的尺寸
+    InputNumber: {
+        colorBgContainer: '#2C2C3E',
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorTextPlaceholder: '#6A6A7A',
+        borderRadius: 4,
+        hoverBorderColor: '#4FB8FF',
+        activeBorderColor: '#4FB8FF',
+        activeShadow: '0 0 0 2px rgba(79, 184, 255, 0.2)',
+        handleBg: '#3A3A4E',
+        handleActiveBg: '#4A4A5E',
+        handleBorderColor: '#3A3A4E',
+        handleHoverColor: '#4FB8FF',
+        handleOpacity: 1,
+        handleOpacityDisabled: 0.5,
+        paddingBlock: 6,
+        paddingInline: 8,
+        paddingBlockSM: 4,
+        paddingInlineSM: 6,
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+        lineHeight: 1.5,
+    },
+
+    // 配置器组件 - 调整为更小的尺寸
+    ConfigProvider: {
+        colorPrimary: '#4FB8FF',
+        colorSuccess: '#3CED92',
+        colorWarning: '#FFC53D',
+        colorError: '#FF6E6E',
+        colorInfo: '#4FB8FF',
+        colorTextBase: '#FFFFFF',
+        colorBgBase: '#1E1E2F',
+        colorBgContainer: '#2C2C3E',
+        colorBgElevated: '#3A3A4E',
+        colorBorder: '#3A3A4E',
+        colorBorderSecondary: '#4A4A5E',
+        colorText: '#FFFFFF',
+        colorTextSecondary: '#A0A0B2',
+        colorTextTertiary: '#6A6A7A',
+        colorTextQuaternary: '#5A5A6E',
+        fontSize: 12,
+        fontSizeSM: 11,
+        fontSizeLG: 14,
+        fontSizeXL: 16,
+        lineHeight: 1.4,
+        lineHeightSM: 1.3,
+        lineHeightLG: 1.5,
+        sizeXXS: 2,
+        sizeXS: 4,
+        sizeSM: 6,
+        size: 8,
+        sizeMD: 10,
+        sizeLG: 12,
+        sizeXL: 16,
+        sizeXXL: 20,
+        controlHeight: 28,
+        controlHeightSM: 24,
+        controlHeightLG: 32,
+        motionDurationFast: '0.1s',
+        motionDurationMid: '0.2s',
+        motionDurationSlow: '0.3s',
+        lineWidth: 1,
+        lineWidthBold: 1.5,
+        borderRadius: 4,
+        borderRadiusSM: 2,
+        borderRadiusLG: 6,
+        borderRadiusXS: 1,
+        controlOutlineWidth: 1.5,
+        controlInteractiveSize: 14,
+        fontFamily: `'Inter', 'Roboto', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, sans-serif`,
+        fontFamilyCode: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
+    },
+}