kb-ui-vue 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/dist/components/Alert/Alert.vue.d.ts +26 -0
  2. package/dist/components/Alert/index.d.ts +4 -0
  3. package/dist/components/Avatar/Avatar.vue.d.ts +20 -0
  4. package/dist/components/Avatar/index.d.ts +4 -0
  5. package/dist/components/Badge/Badge.vue.d.ts +28 -0
  6. package/dist/components/Badge/index.d.ts +4 -0
  7. package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts +15 -0
  8. package/dist/components/Breadcrumb/index.d.ts +4 -0
  9. package/dist/components/Button/Button.vue.d.ts +32 -0
  10. package/dist/components/Button/index.d.ts +4 -0
  11. package/dist/components/Calendar/Calendar.vue.d.ts +12 -0
  12. package/dist/components/Calendar/index.d.ts +4 -0
  13. package/dist/components/Card/Card.vue.d.ts +23 -0
  14. package/dist/components/Card/index.d.ts +4 -0
  15. package/dist/components/Carousel/Carousel.vue.d.ts +18 -0
  16. package/dist/components/Carousel/index.d.ts +4 -0
  17. package/dist/components/Cascader/Cascader.vue.d.ts +21 -0
  18. package/dist/components/Cascader/index.d.ts +4 -0
  19. package/dist/components/Checkbox/Checkbox.vue.d.ts +27 -0
  20. package/dist/components/Checkbox/index.d.ts +4 -0
  21. package/dist/components/Collapse/Collapse.vue.d.ts +35 -0
  22. package/dist/components/Collapse/index.d.ts +4 -0
  23. package/dist/components/ColorPicker/ColorPicker.vue.d.ts +12 -0
  24. package/dist/components/ColorPicker/index.d.ts +4 -0
  25. package/dist/components/CountUp/CountUp.vue.d.ts +20 -0
  26. package/dist/components/CountUp/index.d.ts +4 -0
  27. package/dist/components/DatePicker/DatePicker.vue.d.ts +14 -0
  28. package/dist/components/DatePicker/index.d.ts +4 -0
  29. package/dist/components/Descriptions/Descriptions.vue.d.ts +19 -0
  30. package/dist/components/Descriptions/index.d.ts +4 -0
  31. package/dist/components/Dialog/Dialog.vue.d.ts +35 -0
  32. package/dist/components/Dialog/index.d.ts +4 -0
  33. package/dist/components/Divider/Divider.vue.d.ts +20 -0
  34. package/dist/components/Divider/index.d.ts +4 -0
  35. package/dist/components/Drawer/Drawer.vue.d.ts +31 -0
  36. package/dist/components/Drawer/index.d.ts +4 -0
  37. package/dist/components/Dropdown/Dropdown.vue.d.ts +31 -0
  38. package/dist/components/Dropdown/index.d.ts +4 -0
  39. package/dist/components/Empty/Empty.vue.d.ts +21 -0
  40. package/dist/components/Empty/index.d.ts +4 -0
  41. package/dist/components/Form/Form.vue.d.ts +38 -0
  42. package/dist/components/Form/FormItem.vue.d.ts +21 -0
  43. package/dist/components/Form/index.d.ts +5 -0
  44. package/dist/components/Grid/Col.vue.d.ts +20 -0
  45. package/dist/components/Grid/Row.vue.d.ts +22 -0
  46. package/dist/components/Grid/constants.d.ts +1 -0
  47. package/dist/components/Grid/index.d.ts +5 -0
  48. package/dist/components/Icon/Icon.vue.d.ts +10 -0
  49. package/dist/components/Icon/index.d.ts +4 -0
  50. package/dist/components/Input/Input.vue.d.ts +29 -0
  51. package/dist/components/Input/index.d.ts +4 -0
  52. package/dist/components/InputNumber/InputNumber.vue.d.ts +20 -0
  53. package/dist/components/InputNumber/index.d.ts +4 -0
  54. package/dist/components/InputPassword/InputPassword.vue.d.ts +16 -0
  55. package/dist/components/InputPassword/index.d.ts +4 -0
  56. package/dist/components/List/List.vue.d.ts +26 -0
  57. package/dist/components/List/index.d.ts +4 -0
  58. package/dist/components/Loading/Loading.vue.d.ts +12 -0
  59. package/dist/components/Loading/index.d.ts +4 -0
  60. package/dist/components/Message/Message.vue.d.ts +10 -0
  61. package/dist/components/Message/index.d.ts +16 -0
  62. package/dist/components/Notification/Notification.vue.d.ts +11 -0
  63. package/dist/components/Notification/index.d.ts +16 -0
  64. package/dist/components/Pagination/Pagination.vue.d.ts +18 -0
  65. package/dist/components/Pagination/index.d.ts +4 -0
  66. package/dist/components/Popconfirm/Popconfirm.vue.d.ts +28 -0
  67. package/dist/components/Popconfirm/index.d.ts +4 -0
  68. package/dist/components/Popover/Popover.vue.d.ts +28 -0
  69. package/dist/components/Popover/index.d.ts +4 -0
  70. package/dist/components/Progress/Progress.vue.d.ts +21 -0
  71. package/dist/components/Progress/index.d.ts +4 -0
  72. package/dist/components/Radio/Radio.vue.d.ts +27 -0
  73. package/dist/components/Radio/index.d.ts +4 -0
  74. package/dist/components/Rate/Rate.vue.d.ts +17 -0
  75. package/dist/components/Rate/index.d.ts +4 -0
  76. package/dist/components/Result/Result.vue.d.ts +21 -0
  77. package/dist/components/Result/index.d.ts +4 -0
  78. package/dist/components/Search/Search.vue.d.ts +18 -0
  79. package/dist/components/Search/index.d.ts +4 -0
  80. package/dist/components/Segmented/Segmented.vue.d.ts +19 -0
  81. package/dist/components/Segmented/index.d.ts +4 -0
  82. package/dist/components/Select/Select.vue.d.ts +26 -0
  83. package/dist/components/Select/index.d.ts +4 -0
  84. package/dist/components/Skeleton/Skeleton.vue.d.ts +22 -0
  85. package/dist/components/Skeleton/index.d.ts +4 -0
  86. package/dist/components/Slider/Slider.vue.d.ts +20 -0
  87. package/dist/components/Slider/index.d.ts +4 -0
  88. package/dist/components/Space/Space.vue.d.ts +24 -0
  89. package/dist/components/Space/index.d.ts +4 -0
  90. package/dist/components/Statistic/Statistic.vue.d.ts +29 -0
  91. package/dist/components/Statistic/index.d.ts +4 -0
  92. package/dist/components/Steps/Steps.vue.d.ts +15 -0
  93. package/dist/components/Steps/index.d.ts +4 -0
  94. package/dist/components/Switch/Switch.vue.d.ts +16 -0
  95. package/dist/components/Switch/index.d.ts +4 -0
  96. package/dist/components/Table/Table.vue.d.ts +34 -0
  97. package/dist/components/Table/index.d.ts +4 -0
  98. package/dist/components/Tabs/Tabs.vue.d.ts +30 -0
  99. package/dist/components/Tabs/index.d.ts +4 -0
  100. package/dist/components/Tag/Tag.vue.d.ts +28 -0
  101. package/dist/components/Tag/index.d.ts +4 -0
  102. package/dist/components/Textarea/Textarea.vue.d.ts +20 -0
  103. package/dist/components/Textarea/index.d.ts +4 -0
  104. package/dist/components/Timeline/Timeline.vue.d.ts +13 -0
  105. package/dist/components/Timeline/index.d.ts +4 -0
  106. package/dist/components/Tooltip/Tooltip.vue.d.ts +24 -0
  107. package/dist/components/Tooltip/index.d.ts +4 -0
  108. package/dist/components/Transfer/Transfer.vue.d.ts +18 -0
  109. package/dist/components/Transfer/index.d.ts +4 -0
  110. package/dist/components/Tree/Tree.vue.d.ts +17 -0
  111. package/dist/components/Tree/index.d.ts +4 -0
  112. package/dist/components/Upload/Upload.vue.d.ts +55 -0
  113. package/dist/components/Upload/index.d.ts +4 -0
  114. package/dist/components/Watermark/Watermark.vue.d.ts +28 -0
  115. package/dist/components/Watermark/index.d.ts +4 -0
  116. package/dist/index.cjs +1 -0
  117. package/dist/index.d.ts +117 -0
  118. package/dist/index.js +2410 -0
  119. package/dist/styles/Alert.css +68 -0
  120. package/dist/styles/Avatar.css +31 -0
  121. package/dist/styles/Badge.css +49 -0
  122. package/dist/styles/Breadcrumb.css +28 -0
  123. package/dist/styles/Button.css +108 -0
  124. package/dist/styles/Calendar.css +79 -0
  125. package/dist/styles/Card.css +40 -0
  126. package/dist/styles/Carousel.css +87 -0
  127. package/dist/styles/Cascader.css +75 -0
  128. package/dist/styles/Checkbox.css +62 -0
  129. package/dist/styles/Collapse.css +49 -0
  130. package/dist/styles/ColorPicker.css +36 -0
  131. package/dist/styles/CountUp.css +4 -0
  132. package/dist/styles/DatePicker.css +33 -0
  133. package/dist/styles/Descriptions.css +44 -0
  134. package/dist/styles/Dialog.css +42 -0
  135. package/dist/styles/Divider.css +37 -0
  136. package/dist/styles/Drawer.css +81 -0
  137. package/dist/styles/Dropdown.css +40 -0
  138. package/dist/styles/Empty.css +24 -0
  139. package/dist/styles/Form.css +33 -0
  140. package/dist/styles/Grid.css +194 -0
  141. package/dist/styles/Icon.css +5 -0
  142. package/dist/styles/Input.css +79 -0
  143. package/dist/styles/InputNumber.css +40 -0
  144. package/dist/styles/InputPassword.css +42 -0
  145. package/dist/styles/List.css +29 -0
  146. package/dist/styles/Loading.css +27 -0
  147. package/dist/styles/Message.css +32 -0
  148. package/dist/styles/Notification.css +50 -0
  149. package/dist/styles/Pagination.css +57 -0
  150. package/dist/styles/Popconfirm.css +53 -0
  151. package/dist/styles/Popover.css +54 -0
  152. package/dist/styles/Progress.css +38 -0
  153. package/dist/styles/Radio.css +60 -0
  154. package/dist/styles/Rate.css +21 -0
  155. package/dist/styles/Result.css +41 -0
  156. package/dist/styles/Search.css +46 -0
  157. package/dist/styles/Segmented.css +32 -0
  158. package/dist/styles/Select.css +108 -0
  159. package/dist/styles/Skeleton.css +40 -0
  160. package/dist/styles/Slider.css +46 -0
  161. package/dist/styles/Space.css +27 -0
  162. package/dist/styles/Statistic.css +31 -0
  163. package/dist/styles/Steps.css +83 -0
  164. package/dist/styles/Switch.css +39 -0
  165. package/dist/styles/Table.css +43 -0
  166. package/dist/styles/Tabs.css +41 -0
  167. package/dist/styles/Tag.css +71 -0
  168. package/dist/styles/Textarea.css +43 -0
  169. package/dist/styles/Timeline.css +70 -0
  170. package/dist/styles/Tooltip.css +42 -0
  171. package/dist/styles/Transfer.css +64 -0
  172. package/dist/styles/Tree.css +50 -0
  173. package/dist/styles/Upload.css +66 -0
  174. package/dist/styles/Watermark.css +17 -0
  175. package/dist/styles/all.css +103 -0
  176. package/dist/styles/dark.css +10 -0
  177. package/dist/styles/index.css +2953 -0
  178. package/dist/styles/themes/amber.css +14 -0
  179. package/dist/styles/themes/aurora.css +15 -0
  180. package/dist/styles/themes/autumn.css +18 -0
  181. package/dist/styles/themes/business.css +20 -0
  182. package/dist/styles/themes/candy.css +21 -0
  183. package/dist/styles/themes/cartoon.css +31 -0
  184. package/dist/styles/themes/coffee.css +18 -0
  185. package/dist/styles/themes/cyber.css +37 -0
  186. package/dist/styles/themes/cyberpunk.css +32 -0
  187. package/dist/styles/themes/danqing.css +27 -0
  188. package/dist/styles/themes/flat.css +18 -0
  189. package/dist/styles/themes/forest.css +20 -0
  190. package/dist/styles/themes/gameboy.css +33 -0
  191. package/dist/styles/themes/glass.css +39 -0
  192. package/dist/styles/themes/gold.css +26 -0
  193. package/dist/styles/themes/gothic.css +20 -0
  194. package/dist/styles/themes/gradient.css +18 -0
  195. package/dist/styles/themes/ink.css +16 -0
  196. package/dist/styles/themes/lava.css +15 -0
  197. package/dist/styles/themes/macaron.css +27 -0
  198. package/dist/styles/themes/matcha.css +18 -0
  199. package/dist/styles/themes/memphis.css +25 -0
  200. package/dist/styles/themes/midnight.css +27 -0
  201. package/dist/styles/themes/minimal.css +36 -0
  202. package/dist/styles/themes/mint.css +20 -0
  203. package/dist/styles/themes/mono.css +36 -0
  204. package/dist/styles/themes/morandi.css +18 -0
  205. package/dist/styles/themes/neon.css +16 -0
  206. package/dist/styles/themes/neonlight.css +20 -0
  207. package/dist/styles/themes/ocean.css +20 -0
  208. package/dist/styles/themes/pastel.css +21 -0
  209. package/dist/styles/themes/pop.css +33 -0
  210. package/dist/styles/themes/retro.css +35 -0
  211. package/dist/styles/themes/rose.css +14 -0
  212. package/dist/styles/themes/rounded.css +18 -0
  213. package/dist/styles/themes/sakura.css +20 -0
  214. package/dist/styles/themes/sky.css +20 -0
  215. package/dist/styles/themes/spring.css +18 -0
  216. package/dist/styles/themes/starry.css +15 -0
  217. package/dist/styles/themes/sunset.css +18 -0
  218. package/dist/styles/themes/teal.css +14 -0
  219. package/dist/styles/themes/terminal.css +44 -0
  220. package/dist/styles/themes/vaporwave.css +27 -0
  221. package/dist/styles/themes/violet.css +14 -0
  222. package/dist/styles/themes/wabi.css +27 -0
  223. package/dist/styles/themes/winter.css +20 -0
  224. package/dist/styles/tokens.css +55 -0
  225. package/package.json +45 -0
@@ -0,0 +1,14 @@
1
+ /* 主题:琥珀(暖阳复古) */
2
+ [data-theme='amber'] {
3
+ --kb-color-primary: #d97706;
4
+ --kb-color-success: #65a30d;
5
+ --kb-color-warning: #ea580c;
6
+ --kb-color-danger: #dc2626;
7
+ --kb-color-info: #a16207;
8
+ --kb-color-bg: #fffdf5;
9
+ --kb-color-bg-elevated: #fef3c7;
10
+ --kb-color-border: #fde68a;
11
+ --kb-color-text-1: #451a03;
12
+ --kb-color-text-2: #78350f;
13
+ --kb-color-text-3: #d97706;
14
+ }
@@ -0,0 +1,15 @@
1
+ /* 主题:极光(青紫渐变 + 暗底) */
2
+ [data-theme='aurora'] {
3
+ --kb-color-primary: #34d399;
4
+ --kb-color-success: #2dd4bf;
5
+ --kb-color-warning: #a78bfa;
6
+ --kb-color-danger: #fb7185;
7
+ --kb-color-info: #22d3ee;
8
+ --kb-color-bg: #06121a;
9
+ --kb-color-bg-elevated: #0b2029;
10
+ --kb-color-border: #1c3a44;
11
+ --kb-color-text-1: #d1fae5;
12
+ --kb-color-text-2: #6ee7b7;
13
+ --kb-color-text-3: #2f7a63;
14
+ --kb-color-primary-gradient: linear-gradient(135deg, #34d399, #a78bfa);
15
+ }
@@ -0,0 +1,18 @@
1
+ /* 主题:秋(橙棕 + 丰收暖色) */
2
+ [data-theme='autumn'] {
3
+ --kb-color-primary: #ea580c;
4
+ --kb-color-success: #ca8a04;
5
+ --kb-color-warning: #f97316;
6
+ --kb-color-danger: #b91c1c;
7
+ --kb-color-info: #92400e;
8
+ --kb-color-bg: #fffaf3;
9
+ --kb-color-bg-elevated: #fef3e2;
10
+ --kb-color-border: #fed7aa;
11
+ --kb-color-text-1: #431407;
12
+ --kb-color-text-2: #7c2d12;
13
+ --kb-color-text-3: #fdba74;
14
+ --kb-radius-sm: 6px;
15
+ --kb-radius-md: 10px;
16
+ --kb-radius-lg: 14px;
17
+ --kb-color-primary-gradient: linear-gradient(135deg, #f97316, #ea580c);
18
+ }
@@ -0,0 +1,20 @@
1
+ /* 椋庢牸锛氬晢鍔℃繁鑹诧紙涓撲笟鍏嬪埗锛? */
2
+ [data-theme='business'] {
3
+ --kb-color-primary: #2563eb;
4
+ --kb-color-success: #16a34a;
5
+ --kb-color-warning: #d97706;
6
+ --kb-color-danger: #dc2626;
7
+ --kb-color-info: #475569;
8
+ --kb-color-bg: #0f172a;
9
+ --kb-color-bg-elevated: #1e293b;
10
+ --kb-color-border: #334155;
11
+ --kb-color-text-1: #f1f5f9;
12
+ --kb-color-text-2: #cbd5e1;
13
+ --kb-color-text-3: #64748b;
14
+ --kb-radius-sm: 4px;
15
+ --kb-radius-md: 6px;
16
+ --kb-radius-lg: 10px;
17
+ --kb-shadow-1: 0 1px 3px rgb(0 0 0 / 40%);
18
+ --kb-shadow-2: 0 6px 20px rgb(0 0 0 / 50%);
19
+ --kb-color-primary-gradient: linear-gradient(180deg, #3b82f6, #1d4ed8);
20
+ }
@@ -0,0 +1,21 @@
1
+ /* 主题:糖果(明亮甜腻) */
2
+ [data-theme='candy'] {
3
+ --kb-color-primary: #ec4899;
4
+ --kb-color-success: #10b981;
5
+ --kb-color-warning: #f59e0b;
6
+ --kb-color-danger: #f43f5e;
7
+ --kb-color-info: #38bdf8;
8
+ --kb-color-bg: #fff5fb;
9
+ --kb-color-bg-elevated: #ffe4f1;
10
+ --kb-color-border: #ffc2e2;
11
+ --kb-color-text-1: #5b2440;
12
+ --kb-color-text-2: #a05a80;
13
+ --kb-color-text-3: #d9a0c0;
14
+ --kb-radius-sm: 14px;
15
+ --kb-radius-md: 20px;
16
+ --kb-radius-lg: 30px;
17
+ --kb-radius-round: 999px;
18
+ --kb-shadow-1: 0 4px 14px rgb(236 72 153 / 18%);
19
+ --kb-shadow-2: 0 10px 34px rgb(236 72 153 / 25%);
20
+ --kb-color-primary-gradient: linear-gradient(135deg, #f472b6, #ec4899 55%, #a855f7);
21
+ }
@@ -0,0 +1,31 @@
1
+ /* 风格:儿童卡通(明亮 + 粗圆角 + 粗边框) */
2
+ [data-theme='cartoon'] {
3
+ --kb-color-primary: #ff6b6b;
4
+ --kb-color-success: #4ecdc4;
5
+ --kb-color-warning: #ffd93d;
6
+ --kb-color-danger: #ff4757;
7
+ --kb-color-info: #6c5ce7;
8
+ --kb-color-bg: #fff9f0;
9
+ --kb-color-bg-elevated: #fff3e0;
10
+ --kb-color-border: #4a4a4a;
11
+ --kb-color-text-1: #2d3436;
12
+ --kb-color-text-2: #636e72;
13
+ --kb-color-text-3: #b2bec3;
14
+ --kb-radius-sm: 12px;
15
+ --kb-radius-md: 20px;
16
+ --kb-radius-lg: 28px;
17
+ --kb-radius-round: 999px;
18
+ --kb-shadow-1: 0 3px 0 rgb(74 74 74 / 90%);
19
+ --kb-shadow-2: 0 6px 0 rgb(74 74 74 / 90%);
20
+ --kb-color-primary-gradient: linear-gradient(135deg, #ff9a9e, #ff6b6b);
21
+ --kb-font-family:
22
+ 'Comic Sans MS', 'Chalkboard SE', 'KaiTi', cursive;
23
+ }
24
+
25
+ [data-theme='cartoon'] .kb-button:not(.kb-button--plain) {
26
+ border: 2.5px solid var(--kb-color-border);
27
+ }
28
+
29
+ [data-theme='cartoon'] .kb-card {
30
+ border: 3px solid var(--kb-color-border);
31
+ }
@@ -0,0 +1,18 @@
1
+ /* 主题:咖啡(暖棕拿铁) */
2
+ [data-theme='coffee'] {
3
+ --kb-color-primary: #92400e;
4
+ --kb-color-success: #78350f;
5
+ --kb-color-warning: #d97706;
6
+ --kb-color-danger: #b45309;
7
+ --kb-color-info: #78716c;
8
+ --kb-color-bg: #fbf7f1;
9
+ --kb-color-bg-elevated: #f3ead9;
10
+ --kb-color-border: #e0d2ba;
11
+ --kb-color-text-1: #3f2a14;
12
+ --kb-color-text-2: #6b4d28;
13
+ --kb-color-text-3: #a98d66;
14
+ --kb-radius-sm: 10px;
15
+ --kb-radius-md: 14px;
16
+ --kb-radius-lg: 20px;
17
+ --kb-color-primary-gradient: linear-gradient(135deg, #b45309, #78350f);
18
+ }
@@ -0,0 +1,37 @@
1
+ /* 妞嬪孩鐗搁敍姘崇閸楁岸婀忛搹鐧哥礄閺嗘绨?+ 閸欐垵鍘?+ 闁挎劘顫楅敍? */
2
+ [data-theme='cyber'] {
3
+ --kb-color-primary: #00f0ff;
4
+ --kb-color-success: #00ff9d;
5
+ --kb-color-warning: #fc0;
6
+ --kb-color-danger: #ff2d78;
7
+ --kb-color-info: #b967ff;
8
+ --kb-color-bg: #05060f;
9
+ --kb-color-bg-elevated: #0b0e22;
10
+ --kb-color-border: #2a2f5e;
11
+ --kb-color-text-1: #e8eaff;
12
+ --kb-color-text-2: #8a90c9;
13
+ --kb-color-text-3: #4a4f85;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 2px;
16
+ --kb-radius-lg: 4px;
17
+ --kb-radius-round: 2px;
18
+ --kb-shadow-1: 0 0 6px rgb(0 240 255 / 30%);
19
+ --kb-shadow-2: 0 0 20px rgb(0 240 255 / 35%);
20
+ --kb-color-primary-gradient: linear-gradient(135deg, #00f0ff, #b967ff);
21
+ --kb-font-family:
22
+ 'Share Tech Mono', 'Cascadia Code', 'Consolas', 'Courier New', monospace;
23
+ }
24
+
25
+ [data-theme='cyber'] .kb-button--primary {
26
+ border-color: var(--kb-color-primary);
27
+ box-shadow: 0 0 12px rgb(0 240 255 / 50%);
28
+ text-transform: uppercase;
29
+ letter-spacing: 2px;
30
+ }
31
+
32
+ [data-theme='cyber'] .kb-card,
33
+ [data-theme='cyber'] .kb-dialog,
34
+ [data-theme='cyber'] .kb-select__panel {
35
+ border: 1px solid var(--kb-color-primary);
36
+ box-shadow: 0 0 16px rgb(0 240 255 / 20%), inset 0 0 24px rgb(0 240 255 / 5%);
37
+ }
@@ -0,0 +1,32 @@
1
+ /* 风格:赛博朋克(霓虹紫粉黄 + 暗底) */
2
+ [data-theme='cyberpunk'] {
3
+ --kb-color-primary: #f72585;
4
+ --kb-color-success: #4cc9f0;
5
+ --kb-color-warning: #fee440;
6
+ --kb-color-danger: #f72585;
7
+ --kb-color-info: #7209b7;
8
+ --kb-color-bg: #10002b;
9
+ --kb-color-bg-elevated: #240046;
10
+ --kb-color-border: #5a189a;
11
+ --kb-color-text-1: #f0e6ff;
12
+ --kb-color-text-2: #c8b6ff;
13
+ --kb-color-text-3: #7b2cbf;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 2px;
16
+ --kb-radius-lg: 4px;
17
+ --kb-radius-round: 2px;
18
+ --kb-shadow-1: 0 0 10px rgb(247 37 133 / 40%);
19
+ --kb-shadow-2: 0 0 28px rgb(247 37 133 / 45%);
20
+ --kb-color-primary-gradient: linear-gradient(90deg, #fee440, #f72585 60%, #4cc9f0);
21
+ --kb-font-family:
22
+ 'Orbitron', 'Cascadia Code', monospace;
23
+ }
24
+
25
+ [data-theme='cyberpunk'] .kb-button:not(.kb-button--plain) {
26
+ clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
27
+ }
28
+
29
+ [data-theme='cyberpunk'] .kb-card,
30
+ [data-theme='cyberpunk'] .kb-dialog {
31
+ border: 1px solid var(--kb-color-warning);
32
+ }
@@ -0,0 +1,27 @@
1
+ /* 主题:丹青(中国风水墨) */
2
+ [data-theme='danqing'] {
3
+ --kb-color-primary: #7a5c3e;
4
+ --kb-color-success: #4a6b57;
5
+ --kb-color-warning: #b8860b;
6
+ --kb-color-danger: #9e3b3b;
7
+ --kb-color-info: #5c728f;
8
+ --kb-color-bg: #f7f4ee;
9
+ --kb-color-bg-elevated: #efe9df;
10
+ --kb-color-border: #d8cdba;
11
+ --kb-color-text-1: #2f2a24;
12
+ --kb-color-text-2: #6b6359;
13
+ --kb-color-text-3: #a89d8d;
14
+ --kb-radius-sm: 2px;
15
+ --kb-radius-md: 4px;
16
+ --kb-radius-lg: 8px;
17
+ --kb-shadow-1: 0 1px 4px rgb(47 42 36 / 10%);
18
+ --kb-shadow-2: 0 6px 20px rgb(47 42 36 / 14%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #8a6d4d, #7a5c3e);
20
+ --kb-font-family:
21
+ 'STKaiti', 'KaiTi', 'SimSun', serif;
22
+ }
23
+
24
+ [data-theme='danqing'] .kb-button:not(.kb-button--plain) {
25
+ border-radius: 2px;
26
+ letter-spacing: 2px;
27
+ }
@@ -0,0 +1,18 @@
1
+ /* 椋庢牸锛氭墎骞虫瀬绠€锛堝皬鍦嗚 + 鏃犻槾褰?+ 绮楁弿杈癸級 */
2
+ [data-theme='flat'] {
3
+ --kb-color-primary: #2563eb;
4
+ --kb-color-success: #16a34a;
5
+ --kb-color-warning: #d97706;
6
+ --kb-color-danger: #dc2626;
7
+ --kb-color-info: #4b5563;
8
+ --kb-color-bg: #fff;
9
+ --kb-color-bg-elevated: #f3f4f6;
10
+ --kb-color-border: #111827;
11
+ --kb-radius-sm: 2px;
12
+ --kb-radius-md: 3px;
13
+ --kb-radius-lg: 4px;
14
+ --kb-radius-round: 999px;
15
+ --kb-shadow-1: none;
16
+ --kb-shadow-2: none;
17
+ --kb-color-primary-gradient: var(--kb-color-primary);
18
+ }
@@ -0,0 +1,20 @@
1
+ /* 风格:自然森林(墨绿 + 大地色) */
2
+ [data-theme='forest'] {
3
+ --kb-color-primary: #166534;
4
+ --kb-color-success: #15803d;
5
+ --kb-color-warning: #a16207;
6
+ --kb-color-danger: #b91c1c;
7
+ --kb-color-info: #4d7c0f;
8
+ --kb-color-bg: #f7faf5;
9
+ --kb-color-bg-elevated: #eef4ea;
10
+ --kb-color-border: #d4e2cd;
11
+ --kb-color-text-1: #14532d;
12
+ --kb-color-text-2: #3f6212;
13
+ --kb-color-text-3: #86a789;
14
+ --kb-radius-sm: 6px;
15
+ --kb-radius-md: 10px;
16
+ --kb-radius-lg: 16px;
17
+ --kb-shadow-1: 0 2px 6px rgb(22 101 52 / 10%);
18
+ --kb-shadow-2: 0 6px 20px rgb(22 101 52 / 18%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #16a34a, #166534);
20
+ }
@@ -0,0 +1,33 @@
1
+ /* 风格:复古游戏机(GB 绿黑 + 像素感) */
2
+ [data-theme='gameboy'] {
3
+ --kb-color-primary: #0f380f;
4
+ --kb-color-success: #306230;
5
+ --kb-color-warning: #8bac0f;
6
+ --kb-color-danger: #1a2b1a;
7
+ --kb-color-info: #4a6b3a;
8
+ --kb-color-bg: #c4cf9e;
9
+ --kb-color-bg-elevated: #b0ba8c;
10
+ --kb-color-border: #0f380f;
11
+ --kb-color-text-1: #0f380f;
12
+ --kb-color-text-2: #306230;
13
+ --kb-color-text-3: #7a8a5c;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 0;
16
+ --kb-radius-lg: 0;
17
+ --kb-radius-round: 0;
18
+ --kb-shadow-1: none;
19
+ --kb-shadow-2: none;
20
+ --kb-color-primary-gradient: var(--kb-color-primary);
21
+ --kb-font-family:
22
+ 'Press Start 2P', 'Courier New', monospace;
23
+ }
24
+
25
+ [data-theme='gameboy'] .kb-button:not(.kb-button--plain) {
26
+ border: 3px solid var(--kb-color-border);
27
+ box-shadow: 3px 3px 0 var(--kb-color-text-1);
28
+ }
29
+
30
+ [data-theme='gameboy'] .kb-card,
31
+ [data-theme='gameboy'] .kb-dialog {
32
+ border: 3px solid var(--kb-color-border);
33
+ }
@@ -0,0 +1,39 @@
1
+ /* 椋庢牸锛氱幓鐠冩嫙鎬侊紙鍗婇€忔槑鍗$墖 + 妯$硦 + 娓愬彉搴曪級 */
2
+ [data-theme='glass'] {
3
+ --kb-color-primary: #6366f1;
4
+ --kb-color-success: #10b981;
5
+ --kb-color-warning: #f59e0b;
6
+ --kb-color-danger: #f43f5e;
7
+ --kb-color-info: #06b6d4;
8
+ --kb-color-bg: rgb(255 255 255 / 62%);
9
+ --kb-color-bg-elevated: rgb(255 255 255 / 45%);
10
+ --kb-color-border: rgb(255 255 255 / 55%);
11
+ --kb-color-text-1: #1e1b4b;
12
+ --kb-color-text-2: #4338ca;
13
+ --kb-color-text-3: #818cf8;
14
+ --kb-radius-sm: 10px;
15
+ --kb-radius-md: 14px;
16
+ --kb-radius-lg: 20px;
17
+ --kb-shadow-1: 0 2px 10px rgb(99 102 241 / 15%);
18
+ --kb-shadow-2: 0 12px 40px rgb(99 102 241 / 25%);
19
+ }
20
+
21
+ /* 椤甸潰鑳屾櫙锛氭煍鍜屾笎鍙? */
22
+ [data-theme='glass'] body {
23
+ background:
24
+ radial-gradient(at 15% 20%, rgb(99 102 241 / 20%), transparent 50%),
25
+ radial-gradient(at 85% 80%, rgb(6 182 212 / 18%), transparent 50%),
26
+ linear-gradient(135deg, #eef2ff, #f0fdfa);
27
+ }
28
+
29
+ /* 娴眰/鍗$墖绫荤粍浠跺姞妯$硦 */
30
+ [data-theme='glass'] .kb-card,
31
+ [data-theme='glass'] .kb-dialog,
32
+ [data-theme='glass'] .kb-drawer,
33
+ [data-theme='glass'] .kb-popover__panel,
34
+ [data-theme='glass'] .kb-dropdown__menu,
35
+ [data-theme='glass'] .kb-notification,
36
+ [data-theme='glass'] .kb-message,
37
+ [data-theme='glass'] .kb-select__panel {
38
+ backdrop-filter: blur(14px);
39
+ }
@@ -0,0 +1,26 @@
1
+ /* 主题:鎏金(金黑奢华) */
2
+ [data-theme='gold'] {
3
+ --kb-color-primary: #c9a227;
4
+ --kb-color-success: #b8a15c;
5
+ --kb-color-warning: #d4af37;
6
+ --kb-color-danger: #b03a3a;
7
+ --kb-color-info: #8a7a4f;
8
+ --kb-color-bg: #141210;
9
+ --kb-color-bg-elevated: #1e1b18;
10
+ --kb-color-border: #3a342b;
11
+ --kb-color-text-1: #f0e6c8;
12
+ --kb-color-text-2: #b8a97f;
13
+ --kb-color-text-3: #6e6349;
14
+ --kb-radius-sm: 2px;
15
+ --kb-radius-md: 4px;
16
+ --kb-radius-lg: 8px;
17
+ --kb-shadow-1: 0 2px 8px rgb(0 0 0 / 40%);
18
+ --kb-shadow-2: 0 10px 30px rgb(0 0 0 / 50%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #e8c25c, #c9a227 60%, #8a6d1d);
20
+ }
21
+
22
+ [data-theme='gold'] .kb-button--primary {
23
+ color: #141210;
24
+ font-weight: 600;
25
+ letter-spacing: 1px;
26
+ }
@@ -0,0 +1,20 @@
1
+ /* 主题:哥特(暗黑浪漫) */
2
+ [data-theme='gothic'] {
3
+ --kb-color-primary: #8e4a6e;
4
+ --kb-color-success: #4a8e6e;
5
+ --kb-color-warning: #a8874a;
6
+ --kb-color-danger: #a84040;
7
+ --kb-color-info: #6e4a8e;
8
+ --kb-color-bg: #141018;
9
+ --kb-color-bg-elevated: #1e1824;
10
+ --kb-color-border: #352a3f;
11
+ --kb-color-text-1: #e8dcec;
12
+ --kb-color-text-2: #a894b4;
13
+ --kb-color-text-3: #6a5a74;
14
+ --kb-radius-sm: 6px;
15
+ --kb-radius-md: 10px;
16
+ --kb-radius-lg: 16px;
17
+ --kb-shadow-1: 0 2px 10px rgb(0 0 0 / 45%);
18
+ --kb-shadow-2: 0 10px 32px rgb(0 0 0 / 55%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #a86a8e, #8e4a6e);
20
+ }
@@ -0,0 +1,18 @@
1
+ /* 风格:活力渐变(按钮/进度条双色渐变) */
2
+ [data-theme='gradient'] {
3
+ --kb-color-primary: #3b82f6;
4
+ --kb-color-success: #10b981;
5
+ --kb-color-warning: #f59e0b;
6
+ --kb-color-danger: #ef4444;
7
+ --kb-color-info: #8b5cf6;
8
+ --kb-color-bg: #fafbff;
9
+ --kb-color-bg-elevated: #eef2ff;
10
+ --kb-color-border: #e0e7ff;
11
+ --kb-radius-sm: 6px;
12
+ --kb-radius-md: 10px;
13
+ --kb-radius-lg: 14px;
14
+ --kb-shadow-1: 0 2px 6px rgb(59 130 246 / 15%);
15
+ --kb-shadow-2: 0 6px 20px rgb(59 130 246 / 22%);
16
+ --kb-color-primary-gradient: linear-gradient(135deg, #60a5fa, #3b82f6 55%, #8b5cf6);
17
+ --kb-color-success-gradient: linear-gradient(135deg, #34d399, #10b981 55%, #0ea5e9);
18
+ }
@@ -0,0 +1,16 @@
1
+ /* 涓婚锛氭按澧紙绾稿紶/澧ㄨ壊锛屼綆楗卞拰鍏嬪埗锛? */
2
+ [data-theme='ink'] {
3
+ --kb-color-primary: #374151;
4
+ --kb-color-success: #4b5563;
5
+ --kb-color-warning: #6b7280;
6
+ --kb-color-danger: #1f2937;
7
+ --kb-color-info: #9ca3af;
8
+ --kb-color-bg: #fafaf7;
9
+ --kb-color-bg-elevated: #f1f0ea;
10
+ --kb-color-border: #e2e0d8;
11
+ --kb-color-text-1: #27241d;
12
+ --kb-color-text-2: #57534e;
13
+ --kb-color-text-3: #a8a29e;
14
+ --kb-font-family:
15
+ 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
16
+ }
@@ -0,0 +1,15 @@
1
+ /* 主题:熔岩(暗红橙 + 炽热) */
2
+ [data-theme='lava'] {
3
+ --kb-color-primary: #f97316;
4
+ --kb-color-success: #fb923c;
5
+ --kb-color-warning: #facc15;
6
+ --kb-color-danger: #ef4444;
7
+ --kb-color-info: #ea580c;
8
+ --kb-color-bg: #1c0a05;
9
+ --kb-color-bg-elevated: #2d1206;
10
+ --kb-color-border: #5c2508;
11
+ --kb-color-text-1: #ffedd5;
12
+ --kb-color-text-2: #fdba74;
13
+ --kb-color-text-3: #9a3412;
14
+ --kb-color-primary-gradient: linear-gradient(135deg, #fb923c, #ea580c);
15
+ }
@@ -0,0 +1,27 @@
1
+ /* 椋庢牸锛氶┈鍗¢緳锛堢矇瀚╃敎鐐硅壊锛? */
2
+ [data-theme='macaron'] {
3
+ --kb-color-primary: #a78bfa;
4
+ --kb-color-success: #86efac;
5
+ --kb-color-warning: #fcd34d;
6
+ --kb-color-danger: #fda4af;
7
+ --kb-color-info: #93c5fd;
8
+ --kb-color-bg: #fdfaff;
9
+ --kb-color-bg-elevated: #f5f0ff;
10
+ --kb-color-border: #e9d5ff;
11
+ --kb-color-text-1: #5b21b6;
12
+ --kb-color-text-2: #7c3aed;
13
+ --kb-color-text-3: #c4b5fd;
14
+ --kb-radius-sm: 14px;
15
+ --kb-radius-md: 22px;
16
+ --kb-radius-lg: 30px;
17
+ --kb-radius-round: 999px;
18
+ --kb-shadow-1: 0 2px 10px rgb(167 139 250 / 20%);
19
+ --kb-shadow-2: 0 8px 30px rgb(167 139 250 / 28%);
20
+ --kb-color-primary-gradient: linear-gradient(135deg, #c4b5fd, #a78bfa);
21
+ --kb-font-family:
22
+ 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
23
+ }
24
+
25
+ [data-theme='macaron'] .kb-button:not(.kb-button--plain) {
26
+ font-weight: 600;
27
+ }
@@ -0,0 +1,18 @@
1
+ /* 主题:抹茶(清新茶绿) */
2
+ [data-theme='matcha'] {
3
+ --kb-color-primary: #4d7c0f;
4
+ --kb-color-success: #65a30d;
5
+ --kb-color-warning: #a16207;
6
+ --kb-color-danger: #b91c1c;
7
+ --kb-color-info: #15803d;
8
+ --kb-color-bg: #fbfef7;
9
+ --kb-color-bg-elevated: #f2fbea;
10
+ --kb-color-border: #d9f0c3;
11
+ --kb-color-text-1: #1a2e05;
12
+ --kb-color-text-2: #3f6212;
13
+ --kb-color-text-3: #84cc16;
14
+ --kb-radius-sm: 8px;
15
+ --kb-radius-md: 12px;
16
+ --kb-radius-lg: 18px;
17
+ --kb-color-primary-gradient: linear-gradient(135deg, #84cc16, #4d7c0f);
18
+ }
@@ -0,0 +1,25 @@
1
+ /* 主题:孟菲斯(几何撞色亮色) */
2
+ [data-theme='memphis'] {
3
+ --kb-color-primary: #e63946;
4
+ --kb-color-success: #2a9d8f;
5
+ --kb-color-warning: #f4a261;
6
+ --kb-color-danger: #e63946;
7
+ --kb-color-info: #457b9d;
8
+ --kb-color-bg: #fdf6ec;
9
+ --kb-color-bg-elevated: #f8ead8;
10
+ --kb-color-border: #264653;
11
+ --kb-color-text-1: #264653;
12
+ --kb-color-text-2: #457b9d;
13
+ --kb-color-text-3: #a8b5a0;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 8px;
16
+ --kb-radius-lg: 12px;
17
+ --kb-color-primary-gradient: linear-gradient(135deg, #f4a261, #e63946);
18
+ --kb-font-family:
19
+ 'Comic Sans MS', 'Chalkboard SE', sans-serif;
20
+ }
21
+
22
+ [data-theme='memphis'] .kb-button:not(.kb-button--plain) {
23
+ border: 2px solid var(--kb-color-border);
24
+ box-shadow: 3px 3px 0 var(--kb-color-border);
25
+ }
@@ -0,0 +1,27 @@
1
+ /* 妞嬪孩鐗搁敍姘磵婢舵粣绱欏ǎ杈憫閺嗘澹?+ 闁叉垼澹婇悙鍦磻閿? */
2
+ [data-theme='midnight'] {
3
+ --kb-color-primary: #f59e0b;
4
+ --kb-color-success: #34d399;
5
+ --kb-color-warning: #fbbf24;
6
+ --kb-color-danger: #fb7185;
7
+ --kb-color-info: #60a5fa;
8
+ --kb-color-bg: #0b1020;
9
+ --kb-color-bg-elevated: #16203a;
10
+ --kb-color-border: #2a3a5e;
11
+ --kb-color-text-1: #f8fafc;
12
+ --kb-color-text-2: #cbd5e1;
13
+ --kb-color-text-3: #64748b;
14
+ --kb-radius-sm: 6px;
15
+ --kb-radius-md: 10px;
16
+ --kb-radius-lg: 14px;
17
+ --kb-shadow-1: 0 2px 8px rgb(0 0 0 / 40%);
18
+ --kb-shadow-2: 0 10px 30px rgb(245 158 11 / 10%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);
20
+ --kb-font-family:
21
+ 'Noto Serif SC', 'Songti SC', georgia, serif;
22
+ }
23
+
24
+ [data-theme='midnight'] .kb-card__header,
25
+ [data-theme='midnight'] .kb-dialog__header {
26
+ border-bottom: 1px solid rgb(245 158 11 / 30%);
27
+ }
@@ -0,0 +1,36 @@
1
+ /* 主题:极简白(白底黑字细线) */
2
+ [data-theme='minimal'] {
3
+ --kb-color-primary: #000;
4
+ --kb-color-success: #000;
5
+ --kb-color-warning: #000;
6
+ --kb-color-danger: #000;
7
+ --kb-color-info: #666;
8
+ --kb-color-bg: #fff;
9
+ --kb-color-bg-elevated: #fafafa;
10
+ --kb-color-border: #e5e5e5;
11
+ --kb-color-text-1: #000;
12
+ --kb-color-text-2: #444;
13
+ --kb-color-text-3: #999;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 0;
16
+ --kb-radius-lg: 0;
17
+ --kb-radius-round: 999px;
18
+ --kb-shadow-1: none;
19
+ --kb-shadow-2: none;
20
+ --kb-color-primary-gradient: var(--kb-color-primary);
21
+ --kb-space-4: 24px;
22
+ --kb-space-5: 32px;
23
+ --kb-space-6: 48px;
24
+ }
25
+
26
+ [data-theme='minimal'] .kb-button:not(.kb-button--plain) {
27
+ border-radius: 0;
28
+ border: 1px solid var(--kb-color-text-1);
29
+ background: transparent;
30
+ color: var(--kb-color-text-1);
31
+ }
32
+
33
+ [data-theme='minimal'] .kb-button--primary:hover:not(.kb-button--disabled) {
34
+ background: var(--kb-color-text-1);
35
+ color: var(--kb-color-bg);
36
+ }
@@ -0,0 +1,20 @@
1
+ /* 主题:薄荷(清爽绿) */
2
+ [data-theme='mint'] {
3
+ --kb-color-primary: #0d9488;
4
+ --kb-color-success: #059669;
5
+ --kb-color-warning: #d97706;
6
+ --kb-color-danger: #dc2626;
7
+ --kb-color-info: #0891b2;
8
+ --kb-color-bg: #f0fdfa;
9
+ --kb-color-bg-elevated: #ccfbf1;
10
+ --kb-color-border: #99f6e4;
11
+ --kb-color-text-1: #134e4a;
12
+ --kb-color-text-2: #0f766e;
13
+ --kb-color-text-3: #5eead4;
14
+ --kb-radius-sm: 8px;
15
+ --kb-radius-md: 14px;
16
+ --kb-radius-lg: 20px;
17
+ --kb-shadow-1: 0 2px 8px rgb(13 148 136 / 15%);
18
+ --kb-shadow-2: 0 8px 28px rgb(13 148 136 / 22%);
19
+ --kb-color-primary-gradient: linear-gradient(135deg, #2dd4bf, #0d9488);
20
+ }
@@ -0,0 +1,36 @@
1
+ /* 妞嬪孩鐗搁敍姘€粻鈧鎴犳閿涘牊妫よぐ鈺勫 + 婢堆囨?鐠烘繐绱? */
2
+ [data-theme='mono'] {
3
+ --kb-color-primary: #111;
4
+ --kb-color-success: #333;
5
+ --kb-color-warning: #555;
6
+ --kb-color-danger: #000;
7
+ --kb-color-info: #666;
8
+ --kb-color-bg: #fff;
9
+ --kb-color-bg-elevated: #f5f5f5;
10
+ --kb-color-border: #d4d4d4;
11
+ --kb-color-text-1: #0a0a0a;
12
+ --kb-color-text-2: #444;
13
+ --kb-color-text-3: #999;
14
+ --kb-radius-sm: 0;
15
+ --kb-radius-md: 0;
16
+ --kb-radius-lg: 0;
17
+ --kb-radius-round: 999px;
18
+ --kb-shadow-1: none;
19
+ --kb-shadow-2: none;
20
+ --kb-color-primary-gradient: var(--kb-color-primary);
21
+ --kb-space-4: 24px;
22
+ --kb-space-5: 32px;
23
+ --kb-space-6: 40px;
24
+ }
25
+
26
+ [data-theme='mono'] .kb-button:not(.kb-button--plain) {
27
+ border-radius: 0;
28
+ text-transform: uppercase;
29
+ letter-spacing: 2px;
30
+ font-weight: 700;
31
+ }
32
+
33
+ [data-theme='mono'] .kb-card,
34
+ [data-theme='mono'] .kb-dialog {
35
+ border: 1px solid var(--kb-color-text-1);
36
+ }