blockchain-theme 1.0.4
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/README.md +1 -0
- package/package.json +11 -0
- package/skin/skin_000001.json +816 -0
- package/skin/skin_000003.json +822 -0
- package/skin/skin_000004.json +822 -0
- package/skin/skin_000005.json +822 -0
- package/skin/skin_001712.json +811 -0
- package/skin/skin_001802.json +816 -0
- package/skin/skin_1.json +812 -0
- package/skin/skin_2.json +819 -0
- package/skin/skin_3.json +818 -0
- package/skin/skin_4.json +812 -0
- package/theme.js +125 -0
- package/themeColor/skin_000001.css +87 -0
- package/themeColor/skin_000003.css +86 -0
- package/themeColor/skin_000004.css +86 -0
- package/themeColor/skin_000005.css +86 -0
- package/themeColor/skin_001712.css +86 -0
- package/themeColor/skin_001802.css +86 -0
- package/themeColorJson/skin_000001.json +88 -0
- package/themeColorJson/skin_000003.json +88 -0
- package/themeColorJson/skin_000004.json +88 -0
- package/themeColorJson/skin_000005.json +88 -0
- package/themeColorJson/skin_001712.json +88 -0
- package/themeColorJson/skin_001802.json +88 -0
- package/themeImgJson/imgMap_000001.json +603 -0
- package/themeImgJson/imgMap_000003.json +609 -0
- package/themeImgJson/imgMap_000004.json +609 -0
- package/themeImgJson/imgMap_000005.json +609 -0
- package/themeImgJson/imgMap_001712.json +601 -0
- package/themeImgJson/imgMap_001802.json +603 -0
- package/themeImgJson/imgMap_1.json +258 -0
- package/themeImgJson/imgMap_2.json +254 -0
- package/themeImgJson/imgMap_3.json +254 -0
- package/themeImgJson/imgMap_4.json +254 -0
package/theme.js
ADDED
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
const fs = require('fs');
|
|
2
|
+
const path = require('path');
|
|
3
|
+
|
|
4
|
+
// 读取所有皮肤配置
|
|
5
|
+
function loadSkinData() {
|
|
6
|
+
const skins = {};
|
|
7
|
+
const skinDir = path.join(__dirname, 'skin');
|
|
8
|
+
|
|
9
|
+
if (fs.existsSync(skinDir)) {
|
|
10
|
+
const files = fs.readdirSync(skinDir);
|
|
11
|
+
files.forEach(file => {
|
|
12
|
+
if (file.endsWith('.json')) {
|
|
13
|
+
const skinId = path.basename(file, '.json');
|
|
14
|
+
const filePath = path.join(skinDir, file);
|
|
15
|
+
try {
|
|
16
|
+
const content = fs.readFileSync(filePath, 'utf8');
|
|
17
|
+
skins[skinId] = JSON.parse(content);
|
|
18
|
+
} catch (error) {
|
|
19
|
+
console.warn(`Warning: Failed to load skin file ${file}:`, error.message);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return skins;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// 读取主题颜色数据
|
|
29
|
+
function loadThemeColorData() {
|
|
30
|
+
const themeColors = {};
|
|
31
|
+
const themeColorDir = path.join(__dirname, 'themeColorJson');
|
|
32
|
+
|
|
33
|
+
if (fs.existsSync(themeColorDir)) {
|
|
34
|
+
const files = fs.readdirSync(themeColorDir);
|
|
35
|
+
files.forEach(file => {
|
|
36
|
+
if (file.endsWith('.json')) {
|
|
37
|
+
const skinId = path.basename(file, '.json');
|
|
38
|
+
const filePath = path.join(themeColorDir, file);
|
|
39
|
+
try {
|
|
40
|
+
const content = fs.readFileSync(filePath, 'utf8');
|
|
41
|
+
themeColors[skinId] = JSON.parse(content);
|
|
42
|
+
} catch (error) {
|
|
43
|
+
console.warn(`Warning: Failed to load theme color file ${file}:`, error.message);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
return themeColors;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// 读取主题图片数据
|
|
53
|
+
function loadThemeImageData() {
|
|
54
|
+
const themeImages = {};
|
|
55
|
+
const themeImgDir = path.join(__dirname, 'themeImgJson');
|
|
56
|
+
|
|
57
|
+
if (fs.existsSync(themeImgDir)) {
|
|
58
|
+
const files = fs.readdirSync(themeImgDir);
|
|
59
|
+
files.forEach(file => {
|
|
60
|
+
if (file.endsWith('.json')) {
|
|
61
|
+
const skinId = path.basename(file, '.json');
|
|
62
|
+
const filePath = path.join(themeImgDir, file);
|
|
63
|
+
try {
|
|
64
|
+
const content = fs.readFileSync(filePath, 'utf8');
|
|
65
|
+
themeImages[skinId] = JSON.parse(content);
|
|
66
|
+
} catch (error) {
|
|
67
|
+
console.warn(`Warning: Failed to load theme image file ${file}:`, error.message);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
return themeImages;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// 加载所有数据
|
|
77
|
+
const skins = loadSkinData();
|
|
78
|
+
const themeColors = loadThemeColorData();
|
|
79
|
+
const themeImages = loadThemeImageData();
|
|
80
|
+
|
|
81
|
+
// 根据皮肤ID获取皮肤配置
|
|
82
|
+
function getSkinById(skinId) {
|
|
83
|
+
return skins[skinId] || null;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// 根据皮肤ID获取主题颜色
|
|
87
|
+
function getThemeColorById(skinId) {
|
|
88
|
+
return themeColors[skinId] || null;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
// 根据皮肤ID获取主题图片
|
|
92
|
+
function getThemeImagesById(skinId) {
|
|
93
|
+
return themeImages[skinId] || null;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
// 获取所有可用的皮肤ID
|
|
97
|
+
function getAvailableSkinIds() {
|
|
98
|
+
return Object.keys(skins);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// 获取默认皮肤（第一个找到的）
|
|
102
|
+
function getDefaultSkin() {
|
|
103
|
+
const skinIds = getAvailableSkinIds();
|
|
104
|
+
return skinIds.length > 0 ? skins[skinIds[0]] : null;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// 导出所有数据和工具函数
|
|
108
|
+
module.exports = {
|
|
109
|
+
// 原始数据
|
|
110
|
+
skins,
|
|
111
|
+
themeColors,
|
|
112
|
+
themeImages,
|
|
113
|
+
|
|
114
|
+
// 工具函数
|
|
115
|
+
getSkinById,
|
|
116
|
+
getThemeColorById,
|
|
117
|
+
getThemeImagesById,
|
|
118
|
+
getAvailableSkinIds,
|
|
119
|
+
getDefaultSkin,
|
|
120
|
+
|
|
121
|
+
// 便捷访问
|
|
122
|
+
skinData: skins,
|
|
123
|
+
colorData: themeColors,
|
|
124
|
+
imageData: themeImages
|
|
125
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
|
|
2
|
+
.dark {
|
|
3
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
4
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
5
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
6
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
7
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
8
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
9
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
10
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
11
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
12
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
13
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
14
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
15
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
16
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
17
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
18
|
+
--main-1: rgba(43, 97, 255, 1);
|
|
19
|
+
--main-2: rgba(39, 87, 230, 1);
|
|
20
|
+
--main-3: rgba(37, 82, 217, 1);
|
|
21
|
+
--main-4: rgba(21, 29, 53, 1);
|
|
22
|
+
--main-5: rgba(64, 113, 255, 1);
|
|
23
|
+
--main-6: rgba(223, 231, 255, 1);
|
|
24
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
25
|
+
--rise-2: rgba(4, 179, 134, 1);
|
|
26
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
27
|
+
--rise-4: rgba(15, 44, 37, 1);
|
|
28
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
29
|
+
--fall-2: rgba(213, 59, 84, 1);
|
|
30
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
31
|
+
--fall-4: rgba(50, 24, 28, 1);
|
|
32
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
33
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
34
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
35
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
36
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
37
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
38
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
39
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
40
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
41
|
+
--opacity-1: rgba(43, 97, 255, 0.1);
|
|
42
|
+
--opacity-2: rgba(43, 97, 255, 0.2);
|
|
43
|
+
--opacity-3: rgba(43, 97, 255, 0.3);
|
|
44
|
+
}
|
|
45
|
+
.light {
|
|
46
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
47
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
48
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
49
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
50
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
51
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
52
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
53
|
+
--fill-8: rgba(0, 0, 0, 0.5);
|
|
54
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
55
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
56
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
57
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
58
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
59
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
60
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
61
|
+
--main-1: rgba(43, 97, 255, 1);
|
|
62
|
+
--main-2: rgba(75, 121, 255, 1);
|
|
63
|
+
--main-3: rgba(37, 82, 217, 1);
|
|
64
|
+
--main-4: rgba(223, 231, 255, 1);
|
|
65
|
+
--main-5: rgba(43, 97, 255, 1);
|
|
66
|
+
--main-6: rgba(223, 231, 255, 1);
|
|
67
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
68
|
+
--rise-2: rgba(42, 207, 165, 1);
|
|
69
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
70
|
+
--rise-4: rgba(217, 247, 239, 1);
|
|
71
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
72
|
+
--fall-2: rgba(240, 94, 117, 1);
|
|
73
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
74
|
+
--fall-4: rgba(252, 227, 231, 1);
|
|
75
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
76
|
+
--warning-2: rgba(236, 182, 74, 1);
|
|
77
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
78
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
79
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
80
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
81
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
82
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
83
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
84
|
+
--opacity-1: rgba(43, 97, 255, 0.1);
|
|
85
|
+
--opacity-2: rgba(43, 97, 255, 0.2);
|
|
86
|
+
--opacity-3: rgba(43, 97, 255, 0.3);
|
|
87
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.dark {
|
|
2
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
3
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
4
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
5
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
6
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
7
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
8
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
9
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
10
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
11
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
12
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
13
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
14
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
15
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
16
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
17
|
+
--main-1: rgba(0, 181, 149, 1);
|
|
18
|
+
--main-2: rgba(0, 163, 134, 1);
|
|
19
|
+
--main-3: rgba(0, 154, 127, 1);
|
|
20
|
+
--main-4: rgba(14, 42, 37, 1);
|
|
21
|
+
--main-5: rgba(0, 181, 149, 1);
|
|
22
|
+
--main-6: rgba(221, 245, 241, 1);
|
|
23
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
24
|
+
--rise-2: rgba(4, 179, 134, 1);
|
|
25
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
26
|
+
--rise-4: rgba(15, 44, 37, 1);
|
|
27
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
28
|
+
--fall-2: rgba(213, 59, 84, 1);
|
|
29
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
30
|
+
--fall-4: rgba(50, 24, 28, 1);
|
|
31
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
32
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
33
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
34
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
35
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
36
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
37
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
38
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
39
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
40
|
+
--opacity-1: rgba(0, 181, 149, 0.1);
|
|
41
|
+
--opacity-2: rgba(0, 181, 149, 0.2);
|
|
42
|
+
--opacity-3: rgba(0, 181, 149, 0.3);
|
|
43
|
+
}
|
|
44
|
+
.light {
|
|
45
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
46
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
47
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
48
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
49
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
50
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
51
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
52
|
+
--fill-8: rgba(0, 0, 0, 0.5);
|
|
53
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
54
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
55
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
56
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
57
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
58
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
59
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
60
|
+
--main-1: rgba(25, 188, 160, 1);
|
|
61
|
+
--main-2: rgba(48, 195, 169, 1);
|
|
62
|
+
--main-3: rgba(21, 160, 136, 1);
|
|
63
|
+
--main-4: rgba(221, 245, 241, 1);
|
|
64
|
+
--main-5: rgba(25, 188, 160, 1);
|
|
65
|
+
--main-6: rgba(221, 245, 241, 1);
|
|
66
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
67
|
+
--rise-2: rgba(42, 207, 165, 1);
|
|
68
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
69
|
+
--rise-4: rgba(217, 247, 239, 1);
|
|
70
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
71
|
+
--fall-2: rgba(240, 94, 117, 1);
|
|
72
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
73
|
+
--fall-4: rgba(252, 227, 231, 1);
|
|
74
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
75
|
+
--warning-2: rgba(236, 182, 74, 1);
|
|
76
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
77
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
78
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
79
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
80
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
81
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
82
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
83
|
+
--opacity-1: rgba(0, 181, 149, 0.1);
|
|
84
|
+
--opacity-2: rgba(0, 181, 149, 0.2);
|
|
85
|
+
--opacity-3: rgba(0, 181, 149, 0.3);
|
|
86
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.dark {
|
|
2
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
3
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
4
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
5
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
6
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
7
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
8
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
9
|
+
--fill-8: rgba(0, 0, 0, 0.5);
|
|
10
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
11
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
12
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
13
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
14
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
15
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
16
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
17
|
+
--main-1: rgba(104, 66, 255, 1);
|
|
18
|
+
--main-2: rgba(94, 59, 230, 1);
|
|
19
|
+
--main-3: rgba(88, 56, 217, 1);
|
|
20
|
+
--main-4: rgba(30, 24, 53, 1);
|
|
21
|
+
--main-5: rgba(134, 104, 255, 1);
|
|
22
|
+
--main-6: rgba(232, 227, 255, 1);
|
|
23
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
24
|
+
--rise-2: rgba(4, 179, 134, 1);
|
|
25
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
26
|
+
--rise-4: rgba(15, 44, 37, 1);
|
|
27
|
+
--fail-1: rgba(237, 66, 93, 1);
|
|
28
|
+
--fail-2: rgba(213, 59, 84, 1);
|
|
29
|
+
--fail-3: rgba(201, 56, 79, 1);
|
|
30
|
+
--fail-4: rgba(50, 24, 28, 1);
|
|
31
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
32
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
33
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
34
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
35
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
36
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
37
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
38
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
39
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
40
|
+
--opacity-1: rgba(104, 66, 255, 0.1);
|
|
41
|
+
--opacity-2: rgba(104, 66, 255, 0.2);
|
|
42
|
+
--opacity-3: rgba(104, 66, 255, 0.3);
|
|
43
|
+
}
|
|
44
|
+
.light {
|
|
45
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
46
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
47
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
48
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
49
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
50
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
51
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
52
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
53
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
54
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
55
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
56
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
57
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
58
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
59
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
60
|
+
--main-1: rgba(104, 66, 255, 1);
|
|
61
|
+
--main-2: rgba(119, 85, 255, 1);
|
|
62
|
+
--main-3: rgba(88, 56, 217, 1);
|
|
63
|
+
--main-4: rgba(232, 227, 255, 1);
|
|
64
|
+
--main-5: rgba(104, 66, 255, 1);
|
|
65
|
+
--main-6: rgba(232, 227, 255, 1);
|
|
66
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
67
|
+
--rise-2: rgba(42, 207, 165, 1);
|
|
68
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
69
|
+
--rise-4: rgba(217, 247, 239, 1);
|
|
70
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
71
|
+
--fall-2: rgba(240, 94, 117, 1);
|
|
72
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
73
|
+
--fall-4: rgba(252, 227, 231, 1);
|
|
74
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
75
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
76
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
77
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
78
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
79
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
80
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
81
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
82
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
83
|
+
--opacity-1: rgba(104, 66, 255, 0.1);
|
|
84
|
+
--opacity-2: rgba(104, 66, 255, 0.2);
|
|
85
|
+
--opacity-3: rgba(104, 66, 255, 0.3);
|
|
86
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.dark {
|
|
2
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
3
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
4
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
5
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
6
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
7
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
8
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
9
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
10
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
11
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
12
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
13
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
14
|
+
--text-4: rgba(0, 0, 0, 1);
|
|
15
|
+
--text-5: rgba(255, 255, 255, 1);
|
|
16
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
17
|
+
--main-1: rgba(255, 213, 50, 1);
|
|
18
|
+
--main-2: rgba(230, 192, 45, 1);
|
|
19
|
+
--main-3: rgba(217, 181, 43, 1);
|
|
20
|
+
--main-4: rgba(53, 46, 22, 1);
|
|
21
|
+
--main-5: rgba(255, 213, 50, 1);
|
|
22
|
+
--main-6: rgba(255, 249, 224, 1);
|
|
23
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
24
|
+
--rise-2: rgba(4, 179, 134, 1);
|
|
25
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
26
|
+
--rise-4: rgba(15, 44, 37, 1);
|
|
27
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
28
|
+
--fall-2: rgba(213, 59, 84, 1);
|
|
29
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
30
|
+
--fall-4: rgba(50, 24, 28, 1);
|
|
31
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
32
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
33
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
34
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
35
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
36
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
37
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
38
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
39
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
40
|
+
--opacity-1: rgba(255, 213, 50, 0.1);
|
|
41
|
+
--opacity-2: rgba(255, 213, 50, 0.2);
|
|
42
|
+
--opacity-3: rgba(255, 213, 50, 0.3);
|
|
43
|
+
}
|
|
44
|
+
.light {
|
|
45
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
46
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
47
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
48
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
49
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
50
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
51
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
52
|
+
--fill-8: rgba(0, 0, 0, 0.5);
|
|
53
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
54
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
55
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
56
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
57
|
+
--text-4: rgba(0, 0, 0, 1);
|
|
58
|
+
--text-5: rgba(255, 255, 255, 1);
|
|
59
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
60
|
+
--main-1: rgba(255, 213, 50, 1);
|
|
61
|
+
--main-2: rgba(255, 217, 71, 1);
|
|
62
|
+
--main-3: rgba(217, 181, 43, 1);
|
|
63
|
+
--main-4: rgba(53, 46, 22, 1);
|
|
64
|
+
--main-5: rgba(255, 213, 50, 1);
|
|
65
|
+
--main-6: rgba(255, 249, 224, 1);
|
|
66
|
+
--rise-1: rgba(4, 199, 149, 1);
|
|
67
|
+
--rise-2: rgba(42, 207, 165, 1);
|
|
68
|
+
--rise-3: rgba(3, 169, 127, 1);
|
|
69
|
+
--rise-4: rgba(217, 247, 239, 1);
|
|
70
|
+
--fall-1: rgba(237, 66, 93, 1);
|
|
71
|
+
--fall-2: rgba(240, 94, 117, 1);
|
|
72
|
+
--fall-3: rgba(201, 56, 79, 1);
|
|
73
|
+
--fall-4: rgba(252, 227, 231, 1);
|
|
74
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
75
|
+
--warning-2: rgba(236, 182, 74, 1);
|
|
76
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
77
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
78
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
79
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
80
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
81
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
82
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
83
|
+
--opacity-1: rgba(255, 213, 50, 0.1);
|
|
84
|
+
--opacity-2: rgba(255, 213, 50, 0.2);
|
|
85
|
+
--opacity-3: rgba(255, 213, 50, 0.3);
|
|
86
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.dark {
|
|
2
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
3
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
4
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
5
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
6
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
7
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
8
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
9
|
+
--fill-8: rgba(0, 0, 0, 0.5);
|
|
10
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
11
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
12
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
13
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
14
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
15
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
16
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
17
|
+
--main-1: rgba(0, 162, 255, 1);
|
|
18
|
+
--main-2: rgba(0, 146, 230, 1);
|
|
19
|
+
--main-3: rgba(0, 138, 217, 1);
|
|
20
|
+
--main-4: rgba(14, 39, 53, 1);
|
|
21
|
+
--main-5: rgba(25, 171, 255, 1);
|
|
22
|
+
--main-6: rgba(223, 231, 255, 1);
|
|
23
|
+
--rise-1: rgba(0, 181, 149, 1);
|
|
24
|
+
--rise-2: rgba(0, 163, 134, 1);
|
|
25
|
+
--rise-3: rgba(0, 154, 127, 1);
|
|
26
|
+
--rise-4: rgba(14, 42, 37, 1);
|
|
27
|
+
--fall-1: rgba(209, 66, 94, 1);
|
|
28
|
+
--fall-2: rgba(188, 59, 85, 1);
|
|
29
|
+
--fall-3: rgba(178, 56, 80, 1);
|
|
30
|
+
--fall-4: rgba(46, 24, 29, 1);
|
|
31
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
32
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
33
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
34
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
35
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
36
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
37
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
38
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
39
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
40
|
+
--opacity-1: rgba(0, 162, 255, 0.1);
|
|
41
|
+
--opacity-2: rgba(0, 162, 255, 0.2);
|
|
42
|
+
--opacity-3: rgba(0, 162, 255, 0.3);
|
|
43
|
+
}
|
|
44
|
+
.light {
|
|
45
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
46
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
47
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
48
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
49
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
50
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
51
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
52
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
53
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
54
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
55
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
56
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
57
|
+
--text-4: rgba(255, 255, 255, 1);
|
|
58
|
+
--text-5: rgba(0, 0, 0, 1);
|
|
59
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
60
|
+
--main-1: rgba(0, 162, 255, 1);
|
|
61
|
+
--main-2: rgba(38, 176, 255, 1);
|
|
62
|
+
--main-3: rgba(0, 138, 217, 1);
|
|
63
|
+
--main-4: rgba(217, 241, 255, 1);
|
|
64
|
+
--main-5: rgba(0, 162, 255, 1);
|
|
65
|
+
--main-6: rgba(223, 231, 255, 1);
|
|
66
|
+
--rise-1: rgba(0, 181, 149, 1);
|
|
67
|
+
--rise-2: rgba(38, 192, 165, 1);
|
|
68
|
+
--rise-3: rgba(0, 154, 127, 1);
|
|
69
|
+
--rise-4: rgba(217, 244, 239, 1);
|
|
70
|
+
--fall-1: rgba(209, 66, 94, 1);
|
|
71
|
+
--fall-2: rgba(188, 59, 85, 1);
|
|
72
|
+
--fall-3: rgba(178, 56, 80, 1);
|
|
73
|
+
--fall-4: rgba(248, 227, 231, 1);
|
|
74
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
75
|
+
--warning-2: rgba(236, 182, 74, 1);
|
|
76
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
77
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
78
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
79
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
80
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
81
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
82
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
83
|
+
--opacity-1: rgba(0, 162, 255, 0.1);
|
|
84
|
+
--opacity-2: rgba(0, 162, 255, 0.2);
|
|
85
|
+
--opacity-3: rgba(0, 162, 255, 0.3);
|
|
86
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.dark {
|
|
2
|
+
--fill-1: rgba(0, 0, 0, 1);
|
|
3
|
+
--fill-2: rgba(17, 17, 17, 1);
|
|
4
|
+
--fill-3: rgba(29, 29, 31, 1);
|
|
5
|
+
--fill-4: rgba(27, 27, 29, 1);
|
|
6
|
+
--fill-5: rgba(47, 47, 47, 1);
|
|
7
|
+
--fill-6: rgba(38, 38, 38, 1);
|
|
8
|
+
--fill-7: rgba(57, 57, 60, 1);
|
|
9
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
10
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
11
|
+
--text-1: rgba(255, 255, 255, 1);
|
|
12
|
+
--text-2: rgba(144, 144, 144, 1);
|
|
13
|
+
--text-3: rgba(106, 106, 106, 1);
|
|
14
|
+
--text-4: rgba(0, 0, 0, 1);
|
|
15
|
+
--text-5: rgba(255, 255, 255, 1);
|
|
16
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
17
|
+
--main-1: rgba(100, 217, 250, 1);
|
|
18
|
+
--main-2: rgba(90, 195, 225, 1);
|
|
19
|
+
--main-3: rgba(85, 184, 213, 1);
|
|
20
|
+
--main-4: rgba(29, 47, 52, 1);
|
|
21
|
+
--main-5: rgba(116, 221, 251, 1);
|
|
22
|
+
--main-6: rgba(232, 249, 254, 1);
|
|
23
|
+
--rise-1: rgba(0, 181, 149, 1);
|
|
24
|
+
--rise-2: rgba(0, 163, 134, 1);
|
|
25
|
+
--rise-3: rgba(0, 154, 127, 1);
|
|
26
|
+
--rise-4: rgba(14, 42, 37, 1);
|
|
27
|
+
--fall-1: rgba(209, 66, 94, 1);
|
|
28
|
+
--fall-2: rgba(188, 59, 85, 1);
|
|
29
|
+
--fall-3: rgba(178, 56, 80, 1);
|
|
30
|
+
--fall-4: rgba(46, 24, 29, 1);
|
|
31
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
32
|
+
--warning-2: rgba(210, 152, 38, 1);
|
|
33
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
34
|
+
--special-1: rgba(29, 29, 31, 1);
|
|
35
|
+
--special-2: rgba(47, 47, 47, 1);
|
|
36
|
+
--special-3: rgba(0, 0, 0, 1);
|
|
37
|
+
--special-4: rgba(144, 144, 144, 1);
|
|
38
|
+
--special-5: rgba(106, 106, 106, 1);
|
|
39
|
+
--special-6: rgba(47, 47, 47, 1);
|
|
40
|
+
--opacity-1: rgba(100, 217, 250, 0.1);
|
|
41
|
+
--opacity-2: rgba(100, 217, 250, 0.2);
|
|
42
|
+
--opacity-3: rgba(100, 217, 250, 0.3);
|
|
43
|
+
}
|
|
44
|
+
.light {
|
|
45
|
+
--fill-1: rgba(245, 245, 245, 1);
|
|
46
|
+
--fill-2: rgba(255, 255, 255, 1);
|
|
47
|
+
--fill-3: rgba(247, 247, 247, 1);
|
|
48
|
+
--fill-4: rgba(249, 249, 249, 1);
|
|
49
|
+
--fill-5: rgba(216, 216, 216, 1);
|
|
50
|
+
--fill-6: rgba(240, 240, 240, 1);
|
|
51
|
+
--fill-7: rgba(213, 215, 218, 1);
|
|
52
|
+
--fill-8: rgba(0, 0, 0, 0.4);
|
|
53
|
+
--fill-9: rgba(123, 130, 142, 1);
|
|
54
|
+
--text-1: rgba(0, 0, 0, 1);
|
|
55
|
+
--text-2: rgba(96, 98, 102, 1);
|
|
56
|
+
--text-3: rgba(160, 162, 170, 1);
|
|
57
|
+
--text-4: rgba(0, 0, 0, 1);
|
|
58
|
+
--text-5: rgba(255, 255, 255, 1);
|
|
59
|
+
--text-6: rgba(255, 255, 255, 1);
|
|
60
|
+
--main-1: rgba(100, 217, 250, 1);
|
|
61
|
+
--main-2: rgba(123, 223, 251, 1);
|
|
62
|
+
--main-3: rgba(85, 184, 213, 1);
|
|
63
|
+
--main-4: rgba(232, 249, 254, 1);
|
|
64
|
+
--main-5: rgba(90, 195, 225, 1);
|
|
65
|
+
--main-6: rgba(232, 249, 254, 1);
|
|
66
|
+
--rise-1: rgba(0, 181, 149, 1);
|
|
67
|
+
--rise-2: rgba(38, 192, 165, 1);
|
|
68
|
+
--rise-3: rgba(0, 154, 127, 1);
|
|
69
|
+
--rise-4: rgba(217, 244, 239, 1);
|
|
70
|
+
--fall-1: rgba(209, 66, 94, 1);
|
|
71
|
+
--fall-2: rgba(216, 94, 118, 1);
|
|
72
|
+
--fall-3: rgba(178, 56, 80, 1);
|
|
73
|
+
--fall-4: rgba(248, 227, 231, 1);
|
|
74
|
+
--warning-1: rgba(233, 169, 42, 1);
|
|
75
|
+
--warning-2: rgba(236, 182, 74, 1);
|
|
76
|
+
--warning-3: rgba(198, 144, 36, 1);
|
|
77
|
+
--special-1: rgba(255, 255, 255, 1);
|
|
78
|
+
--special-2: rgba(249, 249, 249, 1);
|
|
79
|
+
--special-3: rgba(255, 255, 255, 1);
|
|
80
|
+
--special-4: rgba(160, 162, 170, 1);
|
|
81
|
+
--special-5: rgba(96, 98, 102, 1);
|
|
82
|
+
--special-6: rgba(247, 247, 247, 1);
|
|
83
|
+
--opacity-1: rgba(100, 217, 250, 0.1);
|
|
84
|
+
--opacity-2: rgba(100, 217, 250, 0.2);
|
|
85
|
+
--opacity-3: rgba(100, 217, 250, 0.3);
|
|
86
|
+
}
|