base6-ui 1.1.1

package/src/config/themes/components/inputNumber/dark.ts

@@ -0,0 +1,24 @@
+import { InputNumberProps } from 'naive-ui'
+import { darkToken } from '../../token'
+import { darkBase } from '../../color'
+import { InputNumberThemeCommon } from './common'
+import { ExtendInputNumber } from '@/types/themes/extendThemes'
+
+export const InputNumberThemeDark: InputNumberProps['themeOverrides'] & ExtendInputNumber = {
+  ...InputNumberThemeCommon,
+
+  innerControlsBackground: darkToken['fill-color-2'],
+  innerControlsDisabledBackground: darkToken['fill-color-2'],
+  innerControlsLargeBorderRadius: '4px',
+  innerControlsMediumBorderRadius: '4px',
+  innerControlsSmallBorderRadius: '2.67px',
+
+  controlsFontColor: darkToken['color-text-1'],
+  controlFontColorDisabled: darkToken['color-text-4'],
+
+  outerControlsBorderStyle: `1px solid  ${darkBase['color-gray-4']}`,
+  outerControlsBackground: darkToken['bg-color-3'],
+  outerControlsBorderStyleDisabled: 'none',
+  outerControlsBackgroundDisabled: darkToken['fill-color-1'],
+  outerControlsOpacityDisabled: 1
+}

package/src/config/themes/components/inputNumber/light.ts

@@ -0,0 +1,20 @@
+import { InputNumberProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { InputNumberThemeCommon } from './common'
+import { ExtendInputNumber } from '@/types/themes/extendThemes'
+
+export const InputNumberThemeLight: InputNumberProps['themeOverrides'] & ExtendInputNumber = {
+  ...InputNumberThemeCommon,
+  innerControlsBackground: lightBase['color-gray-3'],
+  innerControlsDisabledBackground: lightBase['color-gray-3'],
+
+  outerControlsBorderStyle: `1px solid ${lightBase['color-gray-4']}`,
+  outerControlsBackground: '',
+  outerControlsBorderStyleDisabled: `1px solid ${lightBase['color-gray-2']}`,
+  outerControlsBackgroundDisabled: lightBase['color-gray-2'],
+
+  controlFontColorDisabled: lightBase['color-gray-4'],
+  controlsFontColor: lightBase['color-gray-10'],
+
+  outerControlsOpacityDisabled: 1
+}

package/src/config/themes/components/layout/dark.ts

@@ -0,0 +1,8 @@
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+export const LayoutThemeDark = {
+  siderColor: darkToken['bg-color-4'],
+
+  siderIconColor: darkBase['color-primary-6'],
+  siderFooterIconBgColor: darkToken['fill-color-3']
+}

package/src/config/themes/components/layout/light.ts

@@ -0,0 +1,9 @@
+import { lightBase } from '../../color'
+import { lightToken } from '../../token'
+export const LayoutThemeLight = {
+  siderColor: lightToken['bg-color-4'],
+
+  // 自定义
+  siderIconColor: lightBase['color-primary-6'],
+  siderFooterIconBgColor: lightBase['color-gray-4']
+}

package/src/config/themes/components/menu/dark.ts

@@ -0,0 +1,18 @@
+import { MenuProps } from 'naive-ui'
+import { darkToken } from '../../token'
+
+export const MenuThemeDark: MenuProps['themeOverrides'] = {
+  itemColorActiveCollapsed: darkToken['fill-color-5'],
+
+  itemIconColorCollapsed: darkToken['color-text-2'],
+  itemIconColorActive: darkToken['color-text-1'],
+  itemIconColorHover: darkToken['color-text-1'],
+  itemIconColorActiveHover: darkToken['color-text-1'],
+
+  itemTextColor: darkToken['color-text-2'],
+  itemTextColorChildActive: darkToken['color-text-1'],
+  itemTextColorChildActiveHover: darkToken['color-text-1'],
+  itemTextColorActive: darkToken['color-text-1'],
+  itemTextColorHover: darkToken['color-text-1'],
+  itemTextColorActiveHover: darkToken['color-text-1']
+}

package/src/config/themes/components/menu/light.ts

@@ -0,0 +1,17 @@
+import { MenuProps } from 'naive-ui'
+import { lightBase } from '../../color'
+
+export const MenuThemeLight: MenuProps['themeOverrides'] = {
+  // itemColorActive: lightBase['color-gray-1'],
+  itemColorActiveCollapsed: lightBase['color-gray-1'],
+
+  itemIconColorCollapsed: lightBase['color-gray-8'],
+  itemIconColorActive: lightBase['color-gray-10'],
+  itemIconColorHover: lightBase['color-gray-10'],
+  itemIconColorActiveHover: lightBase['color-gray-10'],
+
+  itemTextColor: lightBase['color-gray-8'],
+  itemTextColorActive: lightBase['color-gray-10'],
+  itemTextColorHover: lightBase['color-gray-10'],
+  itemTextColorActiveHover: lightBase['color-gray-10']
+}

package/src/config/themes/components/progress/dark.ts

@@ -0,0 +1,25 @@
+import { ProgressProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { ExtendProgress } from '../../../../types/themes/extendThemes'
+
+export const ProgressThemeDark: ProgressProps['themeOverrides'] & ExtendProgress = {
+
+  fillColor: darkBase['color-primary-6'],
+  fillColorInfo: darkBase['color-primary-6'],
+  fillColorError: darkBase['color-red-6'],
+  fillColorSuccess: darkBase['color-green-6'],
+  fillColorWarning: darkBase['color-origin-6'],
+
+  railColor: darkToken['fill-color-2'],
+
+  iconColor: darkBase['color-primary-3'],
+  textColorCircle: darkToken['color-text-1'],
+  fontSizeCircleMedium: '24px',
+  fontSizeCircleLarge: '32px',
+  circleWidthMedium: '136px',
+  circleWidthLarge: '170px',
+
+  tipColorCircle: darkToken['color-text-2'],
+  tipFontSizeCircle: '14px'
+}

package/src/config/themes/components/progress/light.ts

@@ -0,0 +1,25 @@
+import { ProgressProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { ExtendProgress } from '../../../../types/themes/extendThemes'
+
+export const ProgressThemeLight: ProgressProps['themeOverrides'] & ExtendProgress = {
+
+  fillColor: lightBase['color-primary-6'],
+  fillColorInfo: lightBase['color-primary-6'],
+  fillColorError: lightBase['color-red-6'],
+  fillColorSuccess: lightBase['color-green-6'],
+  fillColorWarning: lightBase['color-origin-6'],
+
+  railColor: lightBase['color-gray-3'],
+
+  iconColor: lightBase['color-primary-3'],
+
+  textColorCircle: lightBase['color-gray-10'],
+  fontSizeCircleMedium: '24px',
+  fontSizeCircleLarge: '32px',
+  circleWidthMedium: '136px',
+  circleWidthLarge: '170px',
+
+  tipColorCircle: lightBase['color-gray-8'],
+  tipFontSizeCircle: '14px'
+}

package/src/config/themes/components/radio/dark.ts

@@ -0,0 +1,20 @@
+import { RadioProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { ExtendThemeRadio } from '@/types/themes/extendThemes'
+
+export const RadioThemeDark: RadioProps['themeOverrides'] & ExtendThemeRadio = {
+  boxShadow: `inset 0 0 0 1.5px ${darkBase['color-gray-4']}`,
+  boxShadowActive: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
+  boxShadowActiveDisabled: `inset 0 0 0 4px ${darkToken['color-primary-disabled-opacity']}`, //
+  boxShadowDisabled: `inset 0 0 0 1.5px ${darkBase['color-gray-4']}`,
+  boxShadowFocus: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
+  boxShadowHover: `inset 0 0 0 1.5px ${darkBase['color-primary-6']}`,
+
+  colorActive: darkBase['color-primary-6'],
+  colorDisabled: darkToken['fill-color-2'],
+  colorActiveDisabled: '#0000', // darkToken['color-primary-disabled-opacity'],
+
+  dotColorActive: darkToken['bg-color-white'],
+  dotColorDisabled: darkToken['color-white-disabled-opacity']
+}

package/src/config/themes/components/radio/light.ts

@@ -0,0 +1,21 @@
+import { RadioProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { lightToken } from '../../token'
+
+import { ExtendThemeRadio } from '@/types/themes/extendThemes'
+
+export const RadioThemeLight: RadioProps['themeOverrides'] & ExtendThemeRadio = {
+  boxShadow: `inset 0 0 0 1.5px ${lightBase['color-gray-4']}`,
+  boxShadowActive: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
+  boxShadowActiveDisabled: `inset 0 0 0 1.5px ${lightBase['color-primary-3']}`,
+  boxShadowDisabled: `inset 0 0 0 1.5px ${lightBase['color-gray-4']}`,
+  boxShadowFocus: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
+  boxShadowHover: `inset 0 0 0 1.5px ${lightBase['color-primary-6']}`,
+
+  colorActive: lightBase['color-primary-6'],
+  colorDisabled: lightBase['color-gray-3'],
+  colorActiveDisabled: lightBase['color-primary-3'],
+
+  dotColorActive: lightToken['bg-color-2'],
+  dotColorDisabled: lightToken['bg-color-2']
+}

package/src/config/themes/components/select/dark.ts

@@ -0,0 +1,42 @@
+import { SelectProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { commonBase } from '../../common'
+
+export const SelectThemeDark: SelectProps['themeOverrides'] = {
+  peers: {
+    InternalSelection: {
+      arrowColor: darkToken['color-text-1'],
+      arrowColorDisabled: darkToken['color-text-4'],
+      border: `1px solid ${darkToken['bg-color-3']}`,
+      borderActive: `1.5px solid ${darkBase['color-primary-6']}`,
+      borderHover: `1px solid ${darkBase['color-primary-5']}`,
+      borderFocus: `1px solid ${darkBase['color-primary-5']}`,
+      borderRadius: commonBase.borderRadiusMedium,
+      boxShadowActive: 'none',
+      boxShadowFocus: 'none',
+      boxShadowHover: 'none',
+
+      color: darkToken['bg-color-3'],
+      colorActive: darkToken['bg-color-2'],
+      colorDisabled: darkToken['fill-color-1'],
+
+      placeholderColor: darkToken['color-text-3'],
+      placeholderColorDisabled: darkToken['color-text-4'],
+
+      textColor: darkToken['color-text-1'],
+      textColorDisabled: darkToken['color-text-4']
+    },
+    InternalSelectMenu: {
+      color: darkToken['bg-color-9'],
+      optionColorPending: '#0000',
+      optionColorActive: darkToken['fill-color-5'],
+      optionColorActivePending: darkToken['fill-color-5'],
+      optionTextColor: darkToken['color-text-1'],
+      optionTextColorActive: darkBase['color-primary-10'],
+      optionTextColorPressed: darkBase['color-primary-5'],
+      optionTextColorDisabled: darkToken['color-text-4'],
+      optionCheckColor: '#0000'
+    }
+  }
+}

package/src/config/themes/components/select/light.ts

@@ -0,0 +1,38 @@
+import { SelectProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { commonBase } from '../../common'
+
+export const SelectThemeLight: SelectProps['themeOverrides'] = {
+  peers: {
+    InternalSelection: {
+      arrowColor: lightBase['color-gray-10'],
+      arrowColorDisabled: lightBase['color-gray-4'],
+      border: `1px solid ${lightBase['color-gray-4']}`,
+      borderActive: `1.5px solid ${lightBase['color-primary-6']}`,
+      borderHover: `1px solid ${lightBase['color-primary-5']}`,
+      borderFocus: `1px solid ${lightBase['color-primary-5']}`,
+      borderRadius: commonBase.borderRadiusMedium,
+      boxShadowActive: 'none',
+      boxShadowFocus: 'none',
+      boxShadowHover: 'none',
+
+      colorDisabled: lightBase['color-gray-2'],
+
+      placeholderColor: lightBase['color-gray-6'],
+      placeholderColorDisabled: lightBase['color-gray-4'],
+
+      textColor: lightBase['color-gray-10'],
+      textColorDisabled: lightBase['color-gray-4']
+    },
+    InternalSelectMenu: {
+      optionColorPending: '#0000',
+      optionColorActive: lightBase['color-primary-2'],
+      optionColorActivePending: lightBase['color-primary-2'],
+      optionTextColor: lightBase['color-gray-10'],
+      optionTextColorActive: lightBase['color-gray-10'],
+      optionTextColorPressed: lightBase['color-primary-5'],
+      optionTextColorDisabled: lightBase['color-gray-4'],
+      optionCheckColor: '#0000'
+    }
+  }
+}

package/src/config/themes/components/slider/dark.ts

@@ -0,0 +1,16 @@
+import { SliderProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { ExtendThemeSlider } from '@/types/themes/extendThemes'
+
+export const SliderThemeDark: SliderProps['themeOverrides'] & ExtendThemeSlider = {
+  railColor: darkBase['color-gray-3'],
+  railColorHover: darkBase['color-gray-3'],
+  fillColor: darkBase['color-primary-6'],
+  fillColorHover: darkBase['color-primary-6'],
+  handleSize: '16px',
+  handleBorderStyle: `2px solid ${darkBase['color-primary-6']}`,
+
+  inputWidth: '60px',
+  rangeInputLineColor: darkBase['color-gray-10'],
+  extremeValueTextColor: darkBase['color-gray-10']
+}

package/src/config/themes/components/slider/light.ts

@@ -0,0 +1,16 @@
+import { SliderProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { ExtendThemeSlider } from '@/types/themes/extendThemes'
+
+export const SliderThemeLight: SliderProps['themeOverrides'] & ExtendThemeSlider = {
+  railColor: lightBase['color-gray-3'],
+  railColorHover: lightBase['color-gray-3'],
+  fillColor: lightBase['color-primary-6'],
+  fillColorHover: lightBase['color-primary-6'],
+  handleSize: '16px',
+  handleBorderStyle: `2px solid ${lightBase['color-primary-6']}`,
+
+  inputWidth: '60px',
+  rangeInputLineColor: lightBase['color-gray-10'],
+  extremeValueTextColor: lightBase['color-gray-10']
+}

package/src/config/themes/components/switch/common.ts

@@ -0,0 +1,17 @@
+
+import { SwitchProps } from 'naive-ui'
+import { commonBase } from '../../common'
+import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
+
+export const SwitchThemeCommon: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
+  boxShadowFocus: 'none',
+
+  buttonHeightMedium: commonBase.buttonHeightMedium,
+  buttonHeightSmall: commonBase.buttonHeightSmall,
+  buttonWidthMedium: commonBase.buttonWidthMedium,
+  buttonWidthSmall: commonBase.buttonWidthSmall,
+
+  railHeightSmall: commonBase.railHeightSmall,
+  railHeightMedium: commonBase.railHeightMedium,
+  railWidthSmall: commonBase.railWidthSmall
+}

package/src/config/themes/components/switch/dark.ts

@@ -0,0 +1,17 @@
+import { SwitchProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { SwitchThemeCommon } from './common'
+import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
+
+export const SwitchThemeDark: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
+  ...SwitchThemeCommon,
+
+  buttonColorActiveDisabled: darkToken['color-text-5'],
+  buttonColorDisabled: darkToken['color-text-5'],
+
+  railColor: darkToken['fill-color-4'],
+  railColorActive: darkBase['color-primary-6'],
+  railColorActiveDisabled: darkToken['color-primary-disabled-opacity'],
+  railColorDisabled: darkToken['fill-color-2']
+}

package/src/config/themes/components/switch/light.ts

@@ -0,0 +1,17 @@
+import { SwitchProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { lightToken } from '../../token'
+import { SwitchThemeCommon } from './common'
+import { ExtendThemeSwitch } from '@/types/themes/extendThemes'
+
+export const SwitchThemeLight: SwitchProps['themeOverrides'] & ExtendThemeSwitch = {
+  ...SwitchThemeCommon,
+
+  buttonColorActiveDisabled: lightToken['bg-color-2'],
+  buttonColorDisabled: lightToken['bg-color-2'],
+
+  railColor: lightBase['color-gray-4'],
+  railColorActive: lightBase['color-primary-6'],
+  railColorActiveDisabled: lightBase['color-primary-3'],
+  railColorDisabled: lightBase['color-gray-3']
+}

package/src/config/themes/components/tag/dark.ts

@@ -0,0 +1,40 @@
+import { TagProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { commonBase } from '../../common'
+
+export const TagThemeDark : TagProps['themeOverrides'] = {
+  border: `1px solid ${darkToken['color-text-2']}`,
+  borderError: `1px solid ${darkBase['color-red-6']}`,
+  borderPrimary: `1px solid ${darkBase['color-primary-6']}`,
+  borderSuccess: `1px solid ${darkBase['color-green-6']}`,
+  borderWarning: `1px solid ${darkBase['color-origin-6']}`,
+
+  borderRadius: commonBase.tagBorderRadius,
+
+  color: darkToken['fill-color-2'],
+  colorError: darkBase['color-red-1'],
+  colorPrimary: darkBase['color-primary-1'],
+  colorSuccess: darkBase['color-green-1'],
+  colorWarning: darkBase['color-origin-1'],
+
+  colorBordered: '#0000',
+  colorBorderedError: '#0000',
+  colorBorderedPrimary: '#0000',
+  colorBorderedSuccess: '#0000',
+  colorBorderedWarning: '#0000',
+
+  heightMedium: commonBase.tagHeightMedium,
+  heightLarge: commonBase.tagHeightLarge,
+
+  fontSizeMedium: commonBase.fontSizeSmall,
+  fontSizeLarge: commonBase.fontSizeSmall,
+
+  padding: '0 8px',
+
+  textColor: darkToken['color-text-2'],
+  textColorError: darkBase['color-red-6'],
+  textColorPrimary: darkBase['color-primary-6'],
+  textColorSuccess: darkBase['color-green-6'],
+  textColorWarning: darkBase['color-origin-6']
+}

package/src/config/themes/components/tag/light.ts

@@ -0,0 +1,39 @@
+import { TagProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { commonBase } from '../../common'
+
+export const TagThemeLight: TagProps['themeOverrides'] = {
+  border: `1px solid ${lightBase['color-gray-8']}`,
+  borderError: `1px solid ${lightBase['color-red-6']}`,
+  borderPrimary: `1px solid ${lightBase['color-primary-6']}`,
+  borderSuccess: `1px solid ${lightBase['color-green-6']}`,
+  borderWarning: `1px solid ${lightBase['color-origin-6']}`,
+
+  borderRadius: commonBase.tagBorderRadius,
+
+  color: lightBase['color-gray-3'],
+  colorError: lightBase['color-red-1'],
+  colorPrimary: lightBase['color-primary-1'],
+  colorSuccess: lightBase['color-green-1'],
+  colorWarning: lightBase['color-origin-1'],
+
+  colorBordered: '#0000',
+  colorBorderedError: '#0000',
+  colorBorderedPrimary: '#0000',
+  colorBorderedSuccess: '#0000',
+  colorBorderedWarning: '#0000',
+
+  heightMedium: commonBase.tagHeightMedium,
+  heightLarge: commonBase.tagHeightLarge,
+
+  fontSizeMedium: commonBase.fontSizeSmall,
+  fontSizeLarge: commonBase.fontSizeSmall,
+
+  padding: '0 8px',
+
+  textColor: lightBase['color-gray-8'],
+  textColorError: lightBase['color-red-6'],
+  textColorPrimary: lightBase['color-primary-6'],
+  textColorSuccess: lightBase['color-green-6'],
+  textColorWarning: lightBase['color-origin-6']
+}

package/src/config/themes/components/transfer/dark.ts

@@ -0,0 +1,8 @@
+import { TransferProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { commonBase } from '../../common'
+
+export const TransferThemeDark: TransferProps['themeOverrides'] = {
+  borderColor: darkBase['color-gray-4'],
+  borderRadius: commonBase['borderRadiusMedium']
+}

package/src/config/themes/components/transfer/light.ts

@@ -0,0 +1,8 @@
+import { TransferProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { commonBase } from '../../common'
+
+export const TransferThemeLight: TransferProps['themeOverrides'] = {
+  borderColor: lightBase['color-gray-4'],
+  borderRadius: commonBase['borderRadiusMedium']
+}

package/src/config/themes/dark.ts

@@ -0,0 +1,61 @@
+
+import { ConfigProviderProps } from 'naive-ui'
+import { AlertThemeDark as Alert } from './components/alert/dark'
+import { ButtonThemeDark as Button } from './components/button/dark'
+import { CardThemeDark as Card } from './components/card/dark'
+import { CheckboxThemeDark as Checkbox } from './components/checkbox/dark'
+import { DataTableThemeDark as DataTable } from './components/dataTable/dark'
+import { DatePickerThemeDark as DatePicker } from './components/datePicker/dark'
+import { DialogThemeDark as Dialog } from './components/dialog/dark'
+import { DropdownThemeDark as Dropdown } from './components/dropdown/dark'
+import { FormThemeDark as Form } from './components/form/dark'
+import { InputThemeDark as Input } from './components/input/dark'
+import { InputNumberThemeDark as InputNumber } from './components/inputNumber/dark'
+import { LayoutThemeDark as Layout } from './components/layout/dark'
+import { MenuThemeDark as Menu } from './components/menu/dark'
+import { ProgressThemeDark as Progress } from './components/progress/dark'
+import { RadioThemeDark as Radio } from './components/radio/dark'
+import { SelectThemeDark as Select } from './components/select/dark'
+import { SliderThemeDark as Slider } from './components/slider/dark'
+import { SwitchThemeDark as Switch } from './components/switch/dark'
+import { TagThemeDark as Tag } from './components/tag/dark'
+import { TransferThemeDark as Transfer } from './components/transfer/dark'
+import {
+  TooltipThemeDark as Tooltip,
+  PopconfirmThemeDark as Popconfirm,
+  TreeThemeDark as Tree,
+  PaginationThemeDark as Pagination,
+  BreadcrumbThemeDark as Breadcrumb,
+  TabsThemeDark as Tabs,
+  StepsThemeDark as Steps
+} from './components/baseComponent/dark'
+
+export const darkThemeOverrides: ConfigProviderProps['themeOverrides'] = {
+  Alert,
+  Breadcrumb,
+  Button,
+  Card,
+  Checkbox,
+  DataTable,
+  DatePicker,
+  Dialog,
+  Dropdown,
+  Form,
+  Input,
+  InputNumber,
+  Layout,
+  Menu,
+  Pagination,
+  Progress,
+  Popconfirm,
+  Radio,
+  Select,
+  Slider,
+  Steps,
+  Switch,
+  Tabs,
+  Tag,
+  Transfer,
+  Tooltip,
+  Tree
+}

package/src/config/themes/index.ts

@@ -0,0 +1,12 @@
+export { darkToken, lightToken } from './token'
+
+export { darkBase, lightBase } from './color'
+
+export { lightThemeOverrides } from './light'
+
+export { darkThemeOverrides } from './dark'
+
+export { ChartsThemeDark } from './components/charts/dark'
+export { ChartsThemeLight } from './components/charts/light'
+
+export const configProviderInjectionKey = 'n-config-provider'

package/src/config/themes/light.ts

@@ -0,0 +1,61 @@
+
+import { ConfigProviderProps } from 'naive-ui'
+import { AlertThemeLight as Alert } from './components/alert/light'
+import { ButtonThemeLight as Button } from './components/button/light'
+import { CardThemeLight as Card } from './components/card/light'
+import { DataTableThemeLight as DataTable } from './components/dataTable/light'
+import { DatePickerThemeLight as DatePicker } from './components/datePicker/light'
+import { CheckboxThemeLight as Checkbox } from './components/checkbox/light'
+import { DialogThemeLight as Dialog } from './components/dialog/light'
+import { DropdownThemeLight as Dropdown } from './components/dropdown/light'
+import { FormThemeLight as Form } from './components/form/light'
+import { InputThemeLight as Input } from './components/input/light'
+import { InputNumberThemeLight as InputNumber } from './components/inputNumber/light'
+import { LayoutThemeLight as Layout } from './components/layout/light'
+import { MenuThemeLight as Menu } from './components/menu/light'
+import { ProgressThemeLight as Progress } from './components/progress/light'
+import { RadioThemeLight as Radio } from './components/radio/light'
+import { SelectThemeLight as Select } from './components/select/light'
+import { SliderThemeLight as Slider } from './components/slider/light'
+import { SwitchThemeLight as Switch } from './components/switch/light'
+import { TagThemeLight as Tag } from './components/tag/light'
+import { TransferThemeLight as Transfer } from './components/transfer/light'
+import {
+  TooltipThemeLight as Tooltip,
+  PopconfirmThemeLight as Popconfirm,
+  TreeThemeLight as Tree,
+  PaginationThemeLight as Pagination,
+  BreadcrumbThemeLight as Breadcrumb,
+  TabsThemeLight as Tabs,
+  StepsThemeLight as Steps
+} from './components/baseComponent/light'
+
+export const lightThemeOverrides: ConfigProviderProps['themeOverrides'] = {
+  Alert,
+  Breadcrumb,
+  Button,
+  Card,
+  Checkbox,
+  DataTable,
+  DatePicker,
+  Dialog,
+  Dropdown,
+  Form,
+  Input,
+  InputNumber,
+  Layout,
+  Menu,
+  Pagination,
+  Progress,
+  Popconfirm,
+  Radio,
+  Select,
+  Slider,
+  Steps,
+  Switch,
+  Tabs,
+  Tag,
+  Transfer,
+  Tooltip,
+  Tree
+}

package/src/config/themes/token/dark.ts

@@ -0,0 +1,32 @@
+const darkToken = {
+  'color-text-1': '#FFFFFF',
+  'color-text-2': 'rgba(255, 255, 255, 0.7)',
+  'color-text-3': 'rgba(255, 255, 255, 0.4)',
+  'color-text-4': 'rgba(255, 255, 255, 0.2)',
+  'color-text-5': 'rgba(255, 255, 255, 0.9)',
+  'color-text-6': 'rgba(255, 255, 255, 1)',
+
+  'fill-color-1': 'rgba(255, 255, 255, 0.08)', // '#26272A',
+  'fill-color-2': '#393A3D',
+  'fill-color-3': '#4C4C4F',
+  'fill-color-4': '#636467',
+  'fill-color-5': 'rgba(255, 255, 255, 0.1)',
+
+  'bg-color-1': '#131418',
+  'bg-color-2': '#111113',
+  'bg-color-3': '#31343C',
+  'bg-color-4': '#2E3034',
+  'bg-color-9': '#1C1C20',
+  'bg-color-white': '#FFFFFF',
+
+  'color-white-disabled-opacity': 'rgba(255, 255, 255, 0.3)',
+  'color-default-disabled': '#474747',
+  'color-primary-disabled': '#3C7EFF',
+  'color-primary-disabled-opacity': 'rgba(60, 126, 255, 0.4)',
+  'color-error-disabled': '#F76965',
+  'color-error-disabled-opacity': 'rgba(247, 105, 101, 0.4)',
+  'color-success-disabled': '#4BDDAA',
+  'color-warning-disabled': '#FF9626'
+}
+
+export default darkToken

package/src/config/themes/token/index.ts

@@ -0,0 +1,2 @@
+export { default as darkToken } from './dark'
+export { default as lightToken } from './light'