feat: add theme and style

components/theme/themes/dark/index.ts

@@ -0,0 +1,43 @@
+import { generate } from '@ant-design/colors'
+import type { DerivativeFunc } from '@antd-tiny-vue/cssinjs'
+import type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface'
+import { defaultPresetColors } from '../seed'
+import genColorMapToken from '../shared/genColorMapToken'
+import defaultAlgorithm from '../default'
+import { generateColorPalettes, generateNeutralColorPalettes } from './colors'
+
+const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
+  const colorPalettes = Object.keys(defaultPresetColors)
+    // @ts-expect-error this is a bug of typescript
+    .map((colorKey: keyof PresetColorType) => {
+      const colors = generate(token[colorKey], { theme: 'dark' })
+
+      return new Array(10).fill(1).reduce((prev, _, i) => {
+        prev[`${colorKey}-${i + 1}`] = colors[i]
+        return prev
+      }, {}) as ColorPalettes
+    })
+    .reduce((prev, cur) => {
+      prev = {
+        ...prev,
+        ...cur
+      }
+      return prev
+    }, {} as ColorPalettes)
+
+  const mergedMapToken = mapToken ?? defaultAlgorithm(token)
+
+  return {
+    ...mergedMapToken,
+
+    // Dark tokens
+    ...colorPalettes,
+    // Colors
+    ...genColorMapToken(token, {
+      generateColorPalettes,
+      generateNeutralColorPalettes
+    })
+  }
+}
+
+export default derivative