fat-design 0.0.1-beta.20250505154859 → 0.0.1-beta.20250603103716

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.
@@ -0,0 +1,59 @@
1
+ .fatd-theme-blue1 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(230, 253, 255, 1);
4
+ --color-brand1-5: rgba(43, 213, 255, 1);
5
+ --color-brand1-6: rgba(3, 193, 253, 1);
6
+ --color-brand1-9: rgba(0, 157, 214, 1);
7
+ --color-data1-1: rgba(12, 184, 198, 1);
8
+ --color-data1-2: rgba(90, 28, 184, 1);
9
+ --color-data1-3: rgba(159, 24, 184, 1);
10
+ --color-data1-4: rgba(245, 115, 21, 1);
11
+ --color-data1-5: rgba(245, 203, 34, 1);
12
+ --color-data1-6: rgba(8, 194, 158, 1);
13
+ --color-data1-7: rgba(153, 209, 15, 1);
14
+ --color-data1-8: rgba(3, 148, 245, 1);
15
+ --color-error-1: rgba(255, 240, 240, 1);
16
+ --color-error-2: rgba(255, 82, 99, 1);
17
+ --color-error-3: rgba(245, 39, 67, 1);
18
+ --color-error-4: rgba(207, 23, 53, 1);
19
+ --color-fill1-1: rgba(245, 247, 250, 1);
20
+ --color-fill1-2: rgba(244, 246, 249, 1);
21
+ --color-fill1-3: rgba(240, 242, 245, 1);
22
+ --color-fill1-4: rgba(237, 239, 242, 1);
23
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
24
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
25
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
26
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
27
+ --color-help-1: rgba(230, 249, 255, 1);
28
+ --color-help-2: rgba(166, 231, 255, 1);
29
+ --color-help-3: rgba(3, 148, 245, 1);
30
+ --color-help-4: rgba(0, 117, 207, 1);
31
+ --color-line1-1: rgba(228, 232, 238, 1);
32
+ --color-line1-2: rgba(220, 223, 230, 1);
33
+ --color-line1-3: rgba(217, 219, 222, 1);
34
+ --color-line1-4: rgba(196, 199, 204, 1);
35
+ --color-link-1: rgba(3, 193, 253, 1);
36
+ --color-link-2: rgba(0, 123, 176, 1);
37
+ --color-link-3: rgba(0, 157, 214, 1);
38
+ --color-notice-1: rgba(230, 253, 255, 1);
39
+ --color-notice-2: rgba(163, 241, 250, 1);
40
+ --color-notice-3: rgba(3, 193, 253, 1);
41
+ --color-notice-4: rgba(0, 157, 214, 1);
42
+ --color-other-1: rgba(31, 38, 51, 1);
43
+ --color-other-2: rgba(88, 93, 102, 1);
44
+ --color-other-3: rgba(141, 146, 153, 1);
45
+ --color-success-1: rgba(230, 255, 246, 1);
46
+ --color-success-2: rgba(121, 232, 199, 1);
47
+ --color-success-3: rgba(8, 194, 158, 1);
48
+ --color-success-4: rgba(0, 156, 130, 1);
49
+ --color-text1-1: rgba(196, 199, 204, 1);
50
+ --color-text1-2: rgba(141, 146, 153, 1);
51
+ --color-text1-3: rgba(88, 93, 102, 1);
52
+ --color-text1-4: rgba(31, 38, 51, 1);
53
+ --color-transparent: transparent;
54
+ --color-warning-1: rgba(255, 254, 240, 1);
55
+ --color-warning-2: rgba(255, 251, 199, 1);
56
+ --color-warning-3: rgba(245, 203, 34, 1);
57
+ --color-warning-4: rgba(207, 163, 19, 1);
58
+ --color-white: #FFFFFF;
59
+ }
@@ -0,0 +1,64 @@
1
+ .fatd-theme-blue2 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(242, 244, 255, 1);
4
+ --color-brand1-2: rgba(222, 225, 243, 1);
5
+ --color-brand1-6: rgba(46, 81, 243, 1);
6
+ --color-brand1-9: rgba(31, 65, 224, 1);
7
+ --color-data1-10: rgba(182, 122, 246, 1);
8
+ --color-data1-1: rgba(58, 125, 255, 1);
9
+ --color-data1-2: rgba(33, 204, 204, 1);
10
+ --color-data1-3: rgba(230, 201, 60, 1);
11
+ --color-data1-4: rgba(255, 111, 63, 1);
12
+ --color-data1-5: rgba(186, 75, 186, 1);
13
+ --color-data1-6: rgba(43, 151, 210, 1);
14
+ --color-data1-7: rgba(87, 222, 154, 1);
15
+ --color-data1-8: rgba(255, 161, 66, 1);
16
+ --color-data1-9: rgba(244, 86, 165, 1);
17
+ --color-data2-1: rgba(37, 194, 139, 1);
18
+ --color-data2-2: rgba(254, 197, 71, 1);
19
+ --color-data2-3: rgba(243, 139, 46, 1);
20
+ --color-data2-4: rgba(243, 85, 46, 1);
21
+ --color-data2-5: rgba(142, 172, 203, 1);
22
+ --color-error-1: rgba(253, 238, 234, 1);
23
+ --color-error-2: rgba(253, 201, 195, 1);
24
+ --color-error-3: rgba(243, 85, 46, 1);
25
+ --color-error-4: rgba(209, 57, 33, 1);
26
+ --color-fill1-1: rgba(246, 247, 248, 1);
27
+ --color-fill1-2: rgba(242, 243, 245, 1);
28
+ --color-fill1-3: rgba(230, 232, 236, 1);
29
+ --color-fill1-4: rgba(218, 221, 228, 1);
30
+ --color-help-1: rgba(231, 233, 238, 1);
31
+ --color-help-2: rgba(209, 214, 223, 1);
32
+ --color-help-3: rgba(171, 179, 194, 1);
33
+ --color-help-4: rgba(136, 146, 163, 1);
34
+ --color-line1-1: rgba(230, 232, 236, 1);
35
+ --color-line1-2: rgba(227, 228, 231, 1);
36
+ --color-line1-3: rgba(208, 210, 216, 1);
37
+ --color-line1-4: rgba(193, 195, 202, 1);
38
+ --color-link-1: rgba(47, 136, 245, 1);
39
+ --color-link-2: rgba(47, 136, 245, 1);
40
+ --color-link-3: rgba(18, 84, 186, 1);
41
+ --color-link-4: rgba(51, 51, 51, 1);
42
+ --color-link-5: rgba(102, 102, 102, 1);
43
+ --color-notice-1: rgba(234, 243, 254, 1);
44
+ --color-notice-2: rgba(196, 228, 253, 1);
45
+ --color-notice-3: rgba(47, 136, 245, 1);
46
+ --color-notice-4: rgba(18, 84, 186, 1);
47
+ --color-other-1: #FFF0E6;
48
+ --color-other-2: #FF6A00;
49
+ --color-other-3: #E35300;
50
+ --color-success-1: rgba(226, 246, 240, 1);
51
+ --color-success-2: rgba(188, 243, 218, 1);
52
+ --color-success-3: rgba(37, 194, 139, 1);
53
+ --color-success-4: rgba(15, 161, 118, 1);
54
+ --color-text1-1: #CCCCCC;
55
+ --color-text1-2: rgba(153, 153, 153, 1);
56
+ --color-text1-3: #666666;
57
+ --color-text1-4: #333333;
58
+ --color-transparent: transparent;
59
+ --color-warning-1: rgba(254, 244, 234, 1);
60
+ --color-warning-2: rgba(253, 216, 195, 1);
61
+ --color-warning-3: rgba(243, 139, 46, 1);
62
+ --color-warning-4: rgba(207, 108, 35, 1);
63
+ --color-white: #FFFFFF;
64
+ }
@@ -0,0 +1,74 @@
1
+ .fatd-theme-blue3 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(52, 136, 255, 1);
4
+ --color-brand1-2: rgba(205, 224, 255, 1);
5
+ --color-brand1-3: rgba(237, 243, 255, 1);
6
+ --color-brand1-6: rgba(0, 106, 255, 1);
7
+ --color-brand1-9: rgba(4, 79, 217, 1);
8
+ --color-brand2-1: rgba(255, 133, 71, 1);
9
+ --color-brand2-2: rgba(255, 224, 209, 1);
10
+ --color-brand2-3: rgba(255, 241, 237, 1);
11
+ --color-brand2-6: rgba(255, 102, 25, 1);
12
+ --color-brand2-9: rgba(224, 70, 4, 1);
13
+ --color-data1-10: rgba(128, 86, 60, 1);
14
+ --color-data1-1: rgba(88, 148, 255, 1);
15
+ --color-data1-2: rgba(57, 75, 118, 1);
16
+ --color-data1-3: rgba(247, 185, 0, 1);
17
+ --color-data1-4: rgba(229, 95, 36, 1);
18
+ --color-data1-5: rgba(128, 213, 245, 1);
19
+ --color-data1-6: rgba(152, 73, 176, 1);
20
+ --color-data1-7: rgba(59, 200, 138, 1);
21
+ --color-data1-8: rgba(0, 134, 157, 1);
22
+ --color-data1-9: rgba(244, 164, 158, 1);
23
+ --color-error-1: rgba(252, 218, 214, 1);
24
+ --color-error-2: rgba(249, 181, 173, 1);
25
+ --color-error-3: #F04631;
26
+ --color-error-4: rgba(228, 56, 35, 1);
27
+ --color-fill1-10: rgba(17, 23, 32, 1);
28
+ --color-fill1-1: rgba(247, 248, 250, 1);
29
+ --color-fill1-2: rgba(241, 243, 246, 1);
30
+ --color-fill1-3: rgba(230, 235, 241, 1);
31
+ --color-fill1-4: rgba(211, 218, 227, 1);
32
+ --color-fill1-5: rgba(188, 197, 209, 1);
33
+ --color-fill1-6: rgba(165, 176, 191, 1);
34
+ --color-fill1-7: rgba(143, 154, 169, 1);
35
+ --color-fill1-8: rgba(95, 105, 122, 1);
36
+ --color-fill1-9: rgba(62, 73, 92, 1);
37
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
38
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
39
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
40
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
41
+ --color-help-1: rgba(204, 225, 255, 1);
42
+ --color-help-2: rgba(153, 195, 255, 1);
43
+ --color-help-3: rgba(0, 104, 255, 1);
44
+ --color-help-4: rgba(10, 97, 222, 1);
45
+ --color-line1-1: rgba(241, 243, 246, 1);
46
+ --color-line1-2: rgba(230, 235, 241, 1);
47
+ --color-line1-3: rgba(211, 218, 227, 1);
48
+ --color-line1-4: rgba(188, 197, 209, 1);
49
+ --color-link-1: rgba(0, 104, 255, 1);
50
+ --color-link-2: rgba(152, 73, 176, 1);
51
+ --color-link-3: rgba(10, 97, 222, 1);
52
+ --color-notice-1: rgba(204, 225, 255, 1);
53
+ --color-notice-2: rgba(153, 195, 255, 1);
54
+ --color-notice-3: rgba(0, 104, 255, 1);
55
+ --color-notice-4: rgba(10, 97, 222, 1);
56
+ --color-other-1: #FFFFFF;
57
+ --color-other-2: #1F3858;
58
+ --color-other-3: #2C2F33;
59
+ --color-success-1: rgba(211, 241, 214, 1);
60
+ --color-success-2: rgba(166, 227, 174, 1);
61
+ --color-success-3: #66BC5C;
62
+ --color-success-4: rgba(31, 168, 48, 1);
63
+ --color-text1-10: rgba(17, 23, 32, 1);
64
+ --color-text1-1: rgba(188, 197, 209, 1);
65
+ --color-text1-2: rgba(143, 154, 169, 1);
66
+ --color-text1-3: rgba(62, 73, 92, 1);
67
+ --color-text1-4: rgba(17, 23, 32, 1);
68
+ --color-transparent: transparent;
69
+ --color-warning-1: rgba(253, 241, 204, 1);
70
+ --color-warning-2: rgba(252, 227, 153, 1);
71
+ --color-warning-3: rgba(247, 185, 0, 1);
72
+ --color-warning-4: rgba(243, 173, 19, 1);
73
+ --color-white: #FFFFFF;
74
+ }
@@ -0,0 +1,54 @@
1
+ .fatd-theme-blue4 {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #3d4294;
4
+ --color-brand1-9: #494d94;
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #3d4294;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
@@ -0,0 +1,61 @@
1
+ .fatd-theme-default {
2
+ --color-bg1-1: #f4f6f9;
3
+ --color-bg1-2: #f2f3f5;
4
+ --color-black: #000;
5
+ --color-brand1-1: #D0D4FF;
6
+ --color-brand1-6: #5263ff;
7
+ --color-brand1-9: #4253b2;
8
+ --color-btn1-normal: #8f9aa9;
9
+ --color-data1-1: #29a5ff;
10
+ --color-data1-2: #82cb79;
11
+ --color-data1-3: #ffcc2c;
12
+ --color-data1-4: #c45dd8;
13
+ --color-data1-5: #f68e4f;
14
+ --color-data1-6: #fc555d;
15
+ --color-data1-7: #c2c2c2;
16
+ --color-data1-8: #6a76ff;
17
+ --color-error-1: #f9d9d5;
18
+ --color-error-2: #f4b3ab;
19
+ --color-error-3: #f04631;
20
+ --color-error-4: #f03118;
21
+ --color-fill1-1: #f2f3f5;
22
+ --color-fill1-2: #f2f3f5;
23
+ --color-fill1-3: #e8ebee;
24
+ --color-fill1-4: #d2d7de;
25
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
26
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
27
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
28
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
29
+ --color-help-1: #d8ebf7;
30
+ --color-help-2: #b1d6ef;
31
+ --color-help-3: #3c99d8;
32
+ --color-help-4: #2e76a6;
33
+ --color-line1-1: #f2f3f5;
34
+ --color-line1-2: #e6ebf1;
35
+ --color-line1-3: #d2d7de;
36
+ --color-line1-4: #bbc3cc;
37
+ --color-link-1: #5263ff;
38
+ --color-link-2: #021b40;
39
+ --color-link-3: #0a61de;
40
+ --color-notice-1: #e5f3ff;
41
+ --color-notice-2: #99d0ff;
42
+ --color-notice-3: #5263ff;
43
+ --color-notice-4: #4253b2;
44
+ --color-other-1: #fff;
45
+ --color-other-2: #1f3858;
46
+ --color-other-3: #2c2f33;
47
+ --color-success-1: #d6f0db;
48
+ --color-success-2: #85d394;
49
+ --color-success-3: #00b853;
50
+ --color-success-4: #00a249;
51
+ --color-text1-1: #ccc;
52
+ --color-text1-2: #999;
53
+ --color-text1-3: #666;
54
+ --color-text1-4: #333;
55
+ --color-transparent: transparent;
56
+ --color-warning-1: #fff2cc;
57
+ --color-warning-2: #ffe599;
58
+ --color-warning-3: #ff9f00;
59
+ --color-warning-4: #f09000;
60
+ --color-white: #fff;
61
+ }
@@ -0,0 +1,97 @@
1
+ .fatd-theme-green {
2
+ --color-black: #000;
3
+ --color-brand-background: var(--color-brand1-1);
4
+ --color-brand-hover: var(--color-brand1-9);
5
+ --color-brand-primary: var(--color-brand1-6);
6
+ --color-brand1-1: #f5fdf3;
7
+ --color-brand1-2: #dee1f3;
8
+ --color-brand1-6: #30b30e;
9
+ --color-brand1-9: #35991c;
10
+ --color-data1-1: #26dad0;
11
+ --color-data1-2: #5c89ff;
12
+ --color-data1-3: #7c6af2;
13
+ --color-data1-4: #c95ff2;
14
+ --color-data1-5: #ff6383;
15
+ --color-data1-6: #ff9f40;
16
+ --color-data1-7: #ffcb48;
17
+ --color-data1-8: #31dc72;
18
+ --color-error-1: #fdeeea;
19
+ --color-error-2: #fdc9c3;
20
+ --color-error-3: #f3552e;
21
+ --color-error-4: #d13921;
22
+ --color-error-background-normal: var(--color-error-1);
23
+ --color-error-background-primary: var(--color-error-2);
24
+ --color-error-hover: var(--color-error-4);
25
+ --color-error-normal: var(--color-error-3);
26
+ --color-fill-disable: var(--color-fill1-1);
27
+ --color-fill-normal: var(--color-fill1-2);
28
+ --color-fill1-1: #f6f7f8;
29
+ --color-fill1-2: #f2f3f5;
30
+ --color-fill1-3: #e6e8ec;
31
+ --color-fill1-4: #dadde4;
32
+ --color-fill1-primary: var(--color-fill1-4);
33
+ --color-fill1-secondary: var(--color-fill1-3);
34
+ --color-help-1: #e7e9ee;
35
+ --color-help-2: #d1d6df;
36
+ --color-help-3: #abb3c2;
37
+ --color-help-4: #8892a3;
38
+ --color-help-background-normal: var(--color-help-1);
39
+ --color-help-background-primary: var(--color-help-2);
40
+ --color-help-hover: var(--color-help-4);
41
+ --color-help-normal: var(--color-help-3);
42
+ --color-line-disable: var(--color-line1-1);
43
+ --color-line-normal: var(--color-line1-2);
44
+ --color-line-primary: var(--color-line1-4);
45
+ --color-line-secondary: var(--color-line1-3);
46
+ --color-line1-1: #e6e8ec;
47
+ --color-line1-2: #e3e4e7;
48
+ --color-line1-3: #d0d2d8;
49
+ --color-line1-4: #c1c3ca;
50
+ --color-link-1: #30b30e;
51
+ --color-link-2: #2f88f5;
52
+ --color-link-3: #1254ba;
53
+ --color-link-4: #333;
54
+ --color-link-5: #666;
55
+ --color-notice-1: #eaf3fe;
56
+ --color-notice-2: #c4e4fd;
57
+ --color-notice-3: #2f88f5;
58
+ --color-notice-4: #1254ba;
59
+ --color-notice-background-normal: var(--color-notice-1);
60
+ --color-notice-background-primary: var(--color-notice-2);
61
+ --color-notice-hover: var(--color-notice-4);
62
+ --color-notice-normal: var(--color-notice-3);
63
+ --color-other-1: #fff0e6;
64
+ --color-other-2: #ff6a00;
65
+ --color-other-3: #e35300;
66
+ --color-success-1: #e2f6f0;
67
+ --color-success-2: #bcf3da;
68
+ --color-success-3: #25c28b;
69
+ --color-success-4: #0fa176;
70
+ --color-success-background-normal: var(--color-success-1);
71
+ --color-success-background-primary: var(--color-success-2);
72
+ --color-success-hover: var(--color-success-4);
73
+ --color-success-normal: var(--color-success-3);
74
+ --color-text-disable: var(--color-text1-1);
75
+ --color-text-hint: var(--color-text1-2);
76
+ --color-text-link-clicked: var(--color-link-3);
77
+ --color-text-link-hover: var(--color-link-2);
78
+ --color-text-link-normal: var(--color-link-5);
79
+ --color-text-link-primary: var(--color-link-1);
80
+ --color-text-link-secondary: var(--color-link-4);
81
+ --color-text-normal: var(--color-text1-3);
82
+ --color-text-primary: var(--color-text1-4);
83
+ --color-text1-1: #ccc;
84
+ --color-text1-2: #999;
85
+ --color-text1-3: #666;
86
+ --color-text1-4: #333;
87
+ --color-transparent: transparent;
88
+ --color-warning-1: #fef4ea;
89
+ --color-warning-2: #fdd8c3;
90
+ --color-warning-3: #f38b2e;
91
+ --color-warning-4: #cf6c23;
92
+ --color-warning-background-normal: var(--color-warning-1);
93
+ --color-warning-background-primary: var(--color-warning-2);
94
+ --color-warning-hover: var(--color-warning-4);
95
+ --color-warning-normal: var(--color-warning-3);
96
+ --color-white: #fff;
97
+ }
@@ -0,0 +1,59 @@
1
+ .fatd-theme-orange {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(255, 247, 237, 1);
4
+ --color-brand1-5: rgba(255, 149, 74, 1);
5
+ --color-brand1-6: rgba(255, 119, 34, 1);
6
+ --color-brand1-9: rgba(217, 87, 17, 1);
7
+ --color-data1-1: rgba(1, 193, 178, 1);
8
+ --color-data1-2: rgba(85, 132, 255, 1);
9
+ --color-data1-3: rgba(130, 114, 236, 1);
10
+ --color-data1-4: rgba(255, 68, 95, 1);
11
+ --color-data1-5: rgba(255, 106, 0, 1);
12
+ --color-data1-6: rgba(255, 215, 77, 1);
13
+ --color-data1-7: rgba(77, 222, 109, 1);
14
+ --color-data1-8: rgba(24, 177, 247, 1);
15
+ --color-error-1: #FFECE4;
16
+ --color-error-2: rgba(255, 212, 204, 1);
17
+ --color-error-3: #FF3000;
18
+ --color-error-4: #E72B00;
19
+ --color-fill1-1: rgba(250, 250, 250, 1);
20
+ --color-fill1-2: rgba(244, 244, 244, 1);
21
+ --color-fill1-3: rgba(230, 230, 230, 1);
22
+ --color-fill1-4: rgba(217, 217, 217, 1);
23
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
24
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
25
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
26
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
27
+ --color-help-1: rgba(230, 247, 255, 1);
28
+ --color-help-2: rgba(163, 221, 255, 1);
29
+ --color-help-3: rgba(0, 127, 252, 1);
30
+ --color-help-4: rgba(0, 100, 214, 1);
31
+ --color-line1-1: rgba(238, 238, 238, 1);
32
+ --color-line1-2: rgba(230, 230, 230, 1);
33
+ --color-line1-3: rgba(216, 216, 216, 1);
34
+ --color-line1-4: rgba(191, 191, 191, 1);
35
+ --color-link-1: rgba(255, 119, 34, 1);
36
+ --color-link-2: rgba(0, 100, 214, 1);
37
+ --color-link-3: rgba(0, 100, 214, 1);
38
+ --color-notice-1: #E3F2FD;
39
+ --color-notice-2: #BAD9FF;
40
+ --color-notice-3: #4494F9;
41
+ --color-notice-4: #2E7DE0;
42
+ --color-other-1: #3A3C4B;
43
+ --color-other-2: #2A2C3C;
44
+ --color-other-3: #14161A;
45
+ --color-success-1: rgba(230, 255, 238, 1);
46
+ --color-success-2: rgba(163, 255, 195, 1);
47
+ --color-success-3: rgba(0, 216, 106, 1);
48
+ --color-success-4: rgba(0, 172, 84, 1);
49
+ --color-text1-1: rgba(204, 204, 204, 1);
50
+ --color-text1-2: rgba(153, 153, 153, 1);
51
+ --color-text1-3: rgba(102, 102, 102, 1);
52
+ --color-text1-4: rgba(51, 51, 51, 1);
53
+ --color-transparent: transparent;
54
+ --color-warning-1: #FFF3E0;
55
+ --color-warning-2: #FFE6BD;
56
+ --color-warning-3: #FF9300;
57
+ --color-warning-4: #EB7E10;
58
+ --color-white: #FFFFFF;
59
+ }
@@ -0,0 +1,54 @@
1
+ .fatd-theme-pink {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #7c0c7d;
4
+ --color-brand1-9: #90048d;
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #7c0c7d;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
@@ -0,0 +1,54 @@
1
+ .fatd-theme-purple {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #7C48DB;
4
+ --color-brand1-9: rgba(99, 58, 175, 1);
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #7C48DB;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
@@ -0,0 +1,56 @@
1
+ .fatd-theme-red {
2
+ --color-black: #000;
3
+ --color-brand1-2: #dee1f3;
4
+ --color-brand1-6: #e9424d;
5
+ --color-brand1-9: #c22d3b;
6
+ --color-data1-1: #26dad0;
7
+ --color-data1-2: #5c89ff;
8
+ --color-data1-3: #7c6af2;
9
+ --color-data1-4: #c95ff2;
10
+ --color-data1-5: #ff6383;
11
+ --color-data1-6: #ff9f40;
12
+ --color-data1-7: #ffcb48;
13
+ --color-data1-8: #31dc72;
14
+ --color-error-1: #fdeeea;
15
+ --color-error-2: #fdc9c3;
16
+ --color-error-3: #f3552e;
17
+ --color-error-4: #d13921;
18
+ --color-fill1-1: #f6f7f8;
19
+ --color-fill1-2: #f2f3f5;
20
+ --color-fill1-3: #e6e8ec;
21
+ --color-fill1-4: #dadde4;
22
+ --color-help-1: #e7e9ee;
23
+ --color-help-2: #d1d6df;
24
+ --color-help-3: #abb3c2;
25
+ --color-help-4: #8892a3;
26
+ --color-line1-1: #e6e8ec;
27
+ --color-line1-2: #e3e4e7;
28
+ --color-line1-3: #d0d2d8;
29
+ --color-line1-4: #c1c3ca;
30
+ --color-link-1: rgba(217, 87, 17, 1);
31
+ --color-link-2: #c22d3b;
32
+ --color-link-3: #c22d3b;
33
+ --color-link-4: #333;
34
+ --color-link-5: #666;
35
+ --color-notice-1: #eaf3fe;
36
+ --color-notice-2: #c4e4fd;
37
+ --color-notice-3: #2f88f5;
38
+ --color-notice-4: #1254ba;
39
+ --color-other-1: #fff0e6;
40
+ --color-other-2: #ff6a00;
41
+ --color-other-3: #e35300;
42
+ --color-success-1: #e2f6f0;
43
+ --color-success-2: #bcf3da;
44
+ --color-success-3: #25c28b;
45
+ --color-success-4: #0fa176;
46
+ --color-text1-1: #ccc;
47
+ --color-text1-2: #999;
48
+ --color-text1-3: #666;
49
+ --color-text1-4: #333;
50
+ --color-transparent: transparent;
51
+ --color-warning-1: #fef4ea;
52
+ --color-warning-2: #fdd8c3;
53
+ --color-warning-3: #f38b2e;
54
+ --color-warning-4: #cf6c23;
55
+ --color-white: #fff;
56
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fat-design",
3
- "version": "0.0.1-beta.20250505154859",
3
+ "version": "0.0.1-beta.20250603103716",
4
4
  "scripts": {},
5
5
  "main": "index.umd.js",
6
6
  "module": "index.js",
@@ -16,5 +16,5 @@
16
16
  "publishConfig": {
17
17
  "registry": "https://registry.npmjs.org"
18
18
  },
19
- "buildTime": "Mon, 05 May 2025 07:48:59 GMT"
19
+ "buildTime": "Tue, 03 Jun 2025 02:37:16 GMT"
20
20
  }