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.
- package/dist/components/Alert/Alert.vue.d.ts +26 -0
- package/dist/components/Alert/index.d.ts +4 -0
- package/dist/components/Avatar/Avatar.vue.d.ts +20 -0
- package/dist/components/Avatar/index.d.ts +4 -0
- package/dist/components/Badge/Badge.vue.d.ts +28 -0
- package/dist/components/Badge/index.d.ts +4 -0
- package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts +15 -0
- package/dist/components/Breadcrumb/index.d.ts +4 -0
- package/dist/components/Button/Button.vue.d.ts +32 -0
- package/dist/components/Button/index.d.ts +4 -0
- package/dist/components/Calendar/Calendar.vue.d.ts +12 -0
- package/dist/components/Calendar/index.d.ts +4 -0
- package/dist/components/Card/Card.vue.d.ts +23 -0
- package/dist/components/Card/index.d.ts +4 -0
- package/dist/components/Carousel/Carousel.vue.d.ts +18 -0
- package/dist/components/Carousel/index.d.ts +4 -0
- package/dist/components/Cascader/Cascader.vue.d.ts +21 -0
- package/dist/components/Cascader/index.d.ts +4 -0
- package/dist/components/Checkbox/Checkbox.vue.d.ts +27 -0
- package/dist/components/Checkbox/index.d.ts +4 -0
- package/dist/components/Collapse/Collapse.vue.d.ts +35 -0
- package/dist/components/Collapse/index.d.ts +4 -0
- package/dist/components/ColorPicker/ColorPicker.vue.d.ts +12 -0
- package/dist/components/ColorPicker/index.d.ts +4 -0
- package/dist/components/CountUp/CountUp.vue.d.ts +20 -0
- package/dist/components/CountUp/index.d.ts +4 -0
- package/dist/components/DatePicker/DatePicker.vue.d.ts +14 -0
- package/dist/components/DatePicker/index.d.ts +4 -0
- package/dist/components/Descriptions/Descriptions.vue.d.ts +19 -0
- package/dist/components/Descriptions/index.d.ts +4 -0
- package/dist/components/Dialog/Dialog.vue.d.ts +35 -0
- package/dist/components/Dialog/index.d.ts +4 -0
- package/dist/components/Divider/Divider.vue.d.ts +20 -0
- package/dist/components/Divider/index.d.ts +4 -0
- package/dist/components/Drawer/Drawer.vue.d.ts +31 -0
- package/dist/components/Drawer/index.d.ts +4 -0
- package/dist/components/Dropdown/Dropdown.vue.d.ts +31 -0
- package/dist/components/Dropdown/index.d.ts +4 -0
- package/dist/components/Empty/Empty.vue.d.ts +21 -0
- package/dist/components/Empty/index.d.ts +4 -0
- package/dist/components/Form/Form.vue.d.ts +38 -0
- package/dist/components/Form/FormItem.vue.d.ts +21 -0
- package/dist/components/Form/index.d.ts +5 -0
- package/dist/components/Grid/Col.vue.d.ts +20 -0
- package/dist/components/Grid/Row.vue.d.ts +22 -0
- package/dist/components/Grid/constants.d.ts +1 -0
- package/dist/components/Grid/index.d.ts +5 -0
- package/dist/components/Icon/Icon.vue.d.ts +10 -0
- package/dist/components/Icon/index.d.ts +4 -0
- package/dist/components/Input/Input.vue.d.ts +29 -0
- package/dist/components/Input/index.d.ts +4 -0
- package/dist/components/InputNumber/InputNumber.vue.d.ts +20 -0
- package/dist/components/InputNumber/index.d.ts +4 -0
- package/dist/components/InputPassword/InputPassword.vue.d.ts +16 -0
- package/dist/components/InputPassword/index.d.ts +4 -0
- package/dist/components/List/List.vue.d.ts +26 -0
- package/dist/components/List/index.d.ts +4 -0
- package/dist/components/Loading/Loading.vue.d.ts +12 -0
- package/dist/components/Loading/index.d.ts +4 -0
- package/dist/components/Message/Message.vue.d.ts +10 -0
- package/dist/components/Message/index.d.ts +16 -0
- package/dist/components/Notification/Notification.vue.d.ts +11 -0
- package/dist/components/Notification/index.d.ts +16 -0
- package/dist/components/Pagination/Pagination.vue.d.ts +18 -0
- package/dist/components/Pagination/index.d.ts +4 -0
- package/dist/components/Popconfirm/Popconfirm.vue.d.ts +28 -0
- package/dist/components/Popconfirm/index.d.ts +4 -0
- package/dist/components/Popover/Popover.vue.d.ts +28 -0
- package/dist/components/Popover/index.d.ts +4 -0
- package/dist/components/Progress/Progress.vue.d.ts +21 -0
- package/dist/components/Progress/index.d.ts +4 -0
- package/dist/components/Radio/Radio.vue.d.ts +27 -0
- package/dist/components/Radio/index.d.ts +4 -0
- package/dist/components/Rate/Rate.vue.d.ts +17 -0
- package/dist/components/Rate/index.d.ts +4 -0
- package/dist/components/Result/Result.vue.d.ts +21 -0
- package/dist/components/Result/index.d.ts +4 -0
- package/dist/components/Search/Search.vue.d.ts +18 -0
- package/dist/components/Search/index.d.ts +4 -0
- package/dist/components/Segmented/Segmented.vue.d.ts +19 -0
- package/dist/components/Segmented/index.d.ts +4 -0
- package/dist/components/Select/Select.vue.d.ts +26 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/components/Skeleton/Skeleton.vue.d.ts +22 -0
- package/dist/components/Skeleton/index.d.ts +4 -0
- package/dist/components/Slider/Slider.vue.d.ts +20 -0
- package/dist/components/Slider/index.d.ts +4 -0
- package/dist/components/Space/Space.vue.d.ts +24 -0
- package/dist/components/Space/index.d.ts +4 -0
- package/dist/components/Statistic/Statistic.vue.d.ts +29 -0
- package/dist/components/Statistic/index.d.ts +4 -0
- package/dist/components/Steps/Steps.vue.d.ts +15 -0
- package/dist/components/Steps/index.d.ts +4 -0
- package/dist/components/Switch/Switch.vue.d.ts +16 -0
- package/dist/components/Switch/index.d.ts +4 -0
- package/dist/components/Table/Table.vue.d.ts +34 -0
- package/dist/components/Table/index.d.ts +4 -0
- package/dist/components/Tabs/Tabs.vue.d.ts +30 -0
- package/dist/components/Tabs/index.d.ts +4 -0
- package/dist/components/Tag/Tag.vue.d.ts +28 -0
- package/dist/components/Tag/index.d.ts +4 -0
- package/dist/components/Textarea/Textarea.vue.d.ts +20 -0
- package/dist/components/Textarea/index.d.ts +4 -0
- package/dist/components/Timeline/Timeline.vue.d.ts +13 -0
- package/dist/components/Timeline/index.d.ts +4 -0
- package/dist/components/Tooltip/Tooltip.vue.d.ts +24 -0
- package/dist/components/Tooltip/index.d.ts +4 -0
- package/dist/components/Transfer/Transfer.vue.d.ts +18 -0
- package/dist/components/Transfer/index.d.ts +4 -0
- package/dist/components/Tree/Tree.vue.d.ts +17 -0
- package/dist/components/Tree/index.d.ts +4 -0
- package/dist/components/Upload/Upload.vue.d.ts +55 -0
- package/dist/components/Upload/index.d.ts +4 -0
- package/dist/components/Watermark/Watermark.vue.d.ts +28 -0
- package/dist/components/Watermark/index.d.ts +4 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +117 -0
- package/dist/index.js +2410 -0
- package/dist/styles/Alert.css +68 -0
- package/dist/styles/Avatar.css +31 -0
- package/dist/styles/Badge.css +49 -0
- package/dist/styles/Breadcrumb.css +28 -0
- package/dist/styles/Button.css +108 -0
- package/dist/styles/Calendar.css +79 -0
- package/dist/styles/Card.css +40 -0
- package/dist/styles/Carousel.css +87 -0
- package/dist/styles/Cascader.css +75 -0
- package/dist/styles/Checkbox.css +62 -0
- package/dist/styles/Collapse.css +49 -0
- package/dist/styles/ColorPicker.css +36 -0
- package/dist/styles/CountUp.css +4 -0
- package/dist/styles/DatePicker.css +33 -0
- package/dist/styles/Descriptions.css +44 -0
- package/dist/styles/Dialog.css +42 -0
- package/dist/styles/Divider.css +37 -0
- package/dist/styles/Drawer.css +81 -0
- package/dist/styles/Dropdown.css +40 -0
- package/dist/styles/Empty.css +24 -0
- package/dist/styles/Form.css +33 -0
- package/dist/styles/Grid.css +194 -0
- package/dist/styles/Icon.css +5 -0
- package/dist/styles/Input.css +79 -0
- package/dist/styles/InputNumber.css +40 -0
- package/dist/styles/InputPassword.css +42 -0
- package/dist/styles/List.css +29 -0
- package/dist/styles/Loading.css +27 -0
- package/dist/styles/Message.css +32 -0
- package/dist/styles/Notification.css +50 -0
- package/dist/styles/Pagination.css +57 -0
- package/dist/styles/Popconfirm.css +53 -0
- package/dist/styles/Popover.css +54 -0
- package/dist/styles/Progress.css +38 -0
- package/dist/styles/Radio.css +60 -0
- package/dist/styles/Rate.css +21 -0
- package/dist/styles/Result.css +41 -0
- package/dist/styles/Search.css +46 -0
- package/dist/styles/Segmented.css +32 -0
- package/dist/styles/Select.css +108 -0
- package/dist/styles/Skeleton.css +40 -0
- package/dist/styles/Slider.css +46 -0
- package/dist/styles/Space.css +27 -0
- package/dist/styles/Statistic.css +31 -0
- package/dist/styles/Steps.css +83 -0
- package/dist/styles/Switch.css +39 -0
- package/dist/styles/Table.css +43 -0
- package/dist/styles/Tabs.css +41 -0
- package/dist/styles/Tag.css +71 -0
- package/dist/styles/Textarea.css +43 -0
- package/dist/styles/Timeline.css +70 -0
- package/dist/styles/Tooltip.css +42 -0
- package/dist/styles/Transfer.css +64 -0
- package/dist/styles/Tree.css +50 -0
- package/dist/styles/Upload.css +66 -0
- package/dist/styles/Watermark.css +17 -0
- package/dist/styles/all.css +103 -0
- package/dist/styles/dark.css +10 -0
- package/dist/styles/index.css +2953 -0
- package/dist/styles/themes/amber.css +14 -0
- package/dist/styles/themes/aurora.css +15 -0
- package/dist/styles/themes/autumn.css +18 -0
- package/dist/styles/themes/business.css +20 -0
- package/dist/styles/themes/candy.css +21 -0
- package/dist/styles/themes/cartoon.css +31 -0
- package/dist/styles/themes/coffee.css +18 -0
- package/dist/styles/themes/cyber.css +37 -0
- package/dist/styles/themes/cyberpunk.css +32 -0
- package/dist/styles/themes/danqing.css +27 -0
- package/dist/styles/themes/flat.css +18 -0
- package/dist/styles/themes/forest.css +20 -0
- package/dist/styles/themes/gameboy.css +33 -0
- package/dist/styles/themes/glass.css +39 -0
- package/dist/styles/themes/gold.css +26 -0
- package/dist/styles/themes/gothic.css +20 -0
- package/dist/styles/themes/gradient.css +18 -0
- package/dist/styles/themes/ink.css +16 -0
- package/dist/styles/themes/lava.css +15 -0
- package/dist/styles/themes/macaron.css +27 -0
- package/dist/styles/themes/matcha.css +18 -0
- package/dist/styles/themes/memphis.css +25 -0
- package/dist/styles/themes/midnight.css +27 -0
- package/dist/styles/themes/minimal.css +36 -0
- package/dist/styles/themes/mint.css +20 -0
- package/dist/styles/themes/mono.css +36 -0
- package/dist/styles/themes/morandi.css +18 -0
- package/dist/styles/themes/neon.css +16 -0
- package/dist/styles/themes/neonlight.css +20 -0
- package/dist/styles/themes/ocean.css +20 -0
- package/dist/styles/themes/pastel.css +21 -0
- package/dist/styles/themes/pop.css +33 -0
- package/dist/styles/themes/retro.css +35 -0
- package/dist/styles/themes/rose.css +14 -0
- package/dist/styles/themes/rounded.css +18 -0
- package/dist/styles/themes/sakura.css +20 -0
- package/dist/styles/themes/sky.css +20 -0
- package/dist/styles/themes/spring.css +18 -0
- package/dist/styles/themes/starry.css +15 -0
- package/dist/styles/themes/sunset.css +18 -0
- package/dist/styles/themes/teal.css +14 -0
- package/dist/styles/themes/terminal.css +44 -0
- package/dist/styles/themes/vaporwave.css +27 -0
- package/dist/styles/themes/violet.css +14 -0
- package/dist/styles/themes/wabi.css +27 -0
- package/dist/styles/themes/winter.css +20 -0
- package/dist/styles/tokens.css +55 -0
- 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
|
+
}
|