@react95/core 9.3.2 → 9.4.1
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/cjs/Modal/Modal.cjs +2 -1
- package/cjs/TitleBar/TitleBar.css.ts.vanilla.css +0 -1
- package/cjs/index.cjs +2 -0
- package/cjs/themes/baseTheme.cjs +76 -0
- package/cjs/themes/tokens/azureOrange.cjs +32 -0
- package/cjs/themes/tokens/bee.cjs +32 -0
- package/cjs/themes/tokens/blackAndWhite.cjs +32 -0
- package/cjs/themes/tokens/brick.cjs +32 -0
- package/cjs/themes/tokens/candy.cjs +32 -0
- package/cjs/themes/tokens/coldGray.cjs +32 -0
- package/cjs/themes/tokens/counterStrike.cjs +32 -0
- package/cjs/themes/tokens/eggplant.cjs +32 -0
- package/cjs/themes/tokens/highContrast.cjs +32 -0
- package/cjs/themes/tokens/index.cjs +72 -0
- package/cjs/themes/tokens/lilac.cjs +32 -0
- package/cjs/themes/tokens/lilacRoseDark.cjs +32 -0
- package/cjs/themes/tokens/maple.cjs +32 -0
- package/cjs/themes/tokens/marine.cjs +32 -0
- package/cjs/themes/tokens/matrix.cjs +32 -0
- package/cjs/themes/tokens/millenium.cjs +32 -0
- package/cjs/themes/tokens/modernDark.cjs +32 -0
- package/cjs/themes/tokens/molecule.cjs +32 -0
- package/cjs/themes/tokens/ninjaTurtles.cjs +32 -0
- package/cjs/themes/tokens/olive.cjs +32 -0
- package/cjs/themes/tokens/pamelaAnderson.cjs +32 -0
- package/cjs/themes/tokens/plum.cjs +32 -0
- package/cjs/themes/tokens/rainyDay.cjs +32 -0
- package/cjs/themes/tokens/rose.cjs +32 -0
- package/cjs/themes/tokens/slate.cjs +32 -0
- package/cjs/themes/tokens/spruce.cjs +32 -0
- package/cjs/themes/tokens/storm.cjs +32 -0
- package/cjs/themes/tokens/theSixtiesUSA.cjs +32 -0
- package/cjs/themes/tokens/tokyoDark.cjs +32 -0
- package/cjs/themes/tokens/tooSexy.cjs +32 -0
- package/cjs/themes/tokens/travel.cjs +32 -0
- package/cjs/themes/tokens/vaporTeal.cjs +32 -0
- package/cjs/themes/tokens/vermillion.cjs +32 -0
- package/cjs/themes/tokens/violetDark.cjs +32 -0
- package/cjs/themes/tokens/water.cjs +32 -0
- package/cjs/themes/tokens/win95.cjs +32 -0
- package/esm/Modal/Modal.mjs +2 -1
- package/esm/TitleBar/TitleBar.css.ts.vanilla.css +0 -1
- package/esm/index.mjs +3 -1
- package/esm/themes/baseTheme.mjs +76 -0
- package/esm/themes/tokens/azureOrange.mjs +32 -0
- package/esm/themes/tokens/bee.mjs +32 -0
- package/esm/themes/tokens/blackAndWhite.mjs +32 -0
- package/esm/themes/tokens/brick.mjs +32 -0
- package/esm/themes/tokens/candy.mjs +32 -0
- package/esm/themes/tokens/coldGray.mjs +32 -0
- package/esm/themes/tokens/counterStrike.mjs +32 -0
- package/esm/themes/tokens/eggplant.mjs +32 -0
- package/esm/themes/tokens/highContrast.mjs +32 -0
- package/esm/themes/tokens/index.mjs +72 -0
- package/esm/themes/tokens/lilac.mjs +32 -0
- package/esm/themes/tokens/lilacRoseDark.mjs +32 -0
- package/esm/themes/tokens/maple.mjs +32 -0
- package/esm/themes/tokens/marine.mjs +32 -0
- package/esm/themes/tokens/matrix.mjs +32 -0
- package/esm/themes/tokens/millenium.mjs +32 -0
- package/esm/themes/tokens/modernDark.mjs +32 -0
- package/esm/themes/tokens/molecule.mjs +32 -0
- package/esm/themes/tokens/ninjaTurtles.mjs +32 -0
- package/esm/themes/tokens/olive.mjs +32 -0
- package/esm/themes/tokens/pamelaAnderson.mjs +32 -0
- package/esm/themes/tokens/plum.mjs +32 -0
- package/esm/themes/tokens/rainyDay.mjs +32 -0
- package/esm/themes/tokens/rose.mjs +32 -0
- package/esm/themes/tokens/slate.mjs +32 -0
- package/esm/themes/tokens/spruce.mjs +32 -0
- package/esm/themes/tokens/storm.mjs +32 -0
- package/esm/themes/tokens/theSixtiesUSA.mjs +32 -0
- package/esm/themes/tokens/tokyoDark.mjs +32 -0
- package/esm/themes/tokens/tooSexy.mjs +32 -0
- package/esm/themes/tokens/travel.mjs +32 -0
- package/esm/themes/tokens/vaporTeal.mjs +32 -0
- package/esm/themes/tokens/vermillion.mjs +32 -0
- package/esm/themes/tokens/violetDark.mjs +32 -0
- package/esm/themes/tokens/water.mjs +32 -0
- package/esm/themes/tokens/win95.mjs +32 -0
- package/package.json +8 -3
- package/types/index.d.ts +2 -1
- package/types/themes/tokens/azureOrange.d.ts +58 -0
- package/types/themes/tokens/bee.d.ts +58 -0
- package/types/themes/tokens/blackAndWhite.d.ts +58 -0
- package/types/themes/tokens/brick.d.ts +58 -0
- package/types/themes/tokens/candy.d.ts +58 -0
- package/types/themes/tokens/coldGray.d.ts +58 -0
- package/types/themes/tokens/counterStrike.d.ts +58 -0
- package/types/themes/tokens/eggplant.d.ts +58 -0
- package/types/themes/tokens/highContrast.d.ts +58 -0
- package/types/themes/tokens/index.d.ts +35 -0
- package/types/themes/tokens/lilac.d.ts +58 -0
- package/types/themes/tokens/lilacRoseDark.d.ts +58 -0
- package/types/themes/tokens/maple.d.ts +58 -0
- package/types/themes/tokens/marine.d.ts +58 -0
- package/types/themes/tokens/matrix.d.ts +58 -0
- package/types/themes/tokens/millenium.d.ts +58 -0
- package/types/themes/tokens/modernDark.d.ts +58 -0
- package/types/themes/tokens/molecule.d.ts +58 -0
- package/types/themes/tokens/ninjaTurtles.d.ts +58 -0
- package/types/themes/tokens/olive.d.ts +58 -0
- package/types/themes/tokens/pamelaAnderson.d.ts +58 -0
- package/types/themes/tokens/plum.d.ts +58 -0
- package/types/themes/tokens/rainyDay.d.ts +58 -0
- package/types/themes/tokens/rose.d.ts +58 -0
- package/types/themes/tokens/slate.d.ts +58 -0
- package/types/themes/tokens/spruce.d.ts +58 -0
- package/types/themes/tokens/storm.d.ts +58 -0
- package/types/themes/tokens/theSixtiesUSA.d.ts +58 -0
- package/types/themes/tokens/tokyoDark.d.ts +58 -0
- package/types/themes/tokens/tooSexy.d.ts +58 -0
- package/types/themes/tokens/travel.d.ts +58 -0
- package/types/themes/tokens/vaporTeal.d.ts +58 -0
- package/types/themes/tokens/vermillion.d.ts +58 -0
- package/types/themes/tokens/violetDark.d.ts +58 -0
- package/types/themes/tokens/water.d.ts +58 -0
- package/types/themes/tokens/win95.d.ts +58 -0
package/cjs/Modal/Modal.cjs
CHANGED
|
@@ -115,7 +115,8 @@ const ModalRenderer = ({
|
|
|
115
115
|
active: isActive,
|
|
116
116
|
icon,
|
|
117
117
|
title,
|
|
118
|
-
className: "draggable"
|
|
118
|
+
className: "draggable",
|
|
119
|
+
mb: "$2"
|
|
119
120
|
},
|
|
120
121
|
titleBarOptions && /* @__PURE__ */ React.createElement(TitleBar.TitleBar.OptionsBox, null, titleBarOptions)
|
|
121
122
|
),
|
package/cjs/index.cjs
CHANGED
|
@@ -23,6 +23,7 @@ const Tooltip = require("./Tooltip/Tooltip.cjs");
|
|
|
23
23
|
const TitleBar = require("./TitleBar/TitleBar.cjs");
|
|
24
24
|
const Video = require("./Video/Video.cjs");
|
|
25
25
|
const contract_css = require("./themes/contract.css.cjs");
|
|
26
|
+
const index = require("./themes/tokens/index.cjs");
|
|
26
27
|
exports.Modal = Modal.Modal;
|
|
27
28
|
exports.Tabs = Tabs.Tabs;
|
|
28
29
|
exports.Tab = Tab.Tab;
|
|
@@ -46,3 +47,4 @@ exports.Tooltip = Tooltip.Tooltip;
|
|
|
46
47
|
exports.TitleBar = TitleBar.TitleBar;
|
|
47
48
|
exports.Video = Video.Video;
|
|
48
49
|
exports.contract = contract_css.contract;
|
|
50
|
+
exports.tokens = index;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const space = {
|
|
4
|
+
"0": "0px",
|
|
5
|
+
"1": "1px",
|
|
6
|
+
"2": "2px",
|
|
7
|
+
"3": "3px",
|
|
8
|
+
"4": "4px",
|
|
9
|
+
"5": "5px",
|
|
10
|
+
"6": "6px",
|
|
11
|
+
"7": "7px",
|
|
12
|
+
"8": "8px",
|
|
13
|
+
"9": "9px",
|
|
14
|
+
"10": "10px",
|
|
15
|
+
"11": "11px",
|
|
16
|
+
"12": "12px",
|
|
17
|
+
"13": "13px",
|
|
18
|
+
"14": "14px",
|
|
19
|
+
"15": "15px",
|
|
20
|
+
"16": "16px",
|
|
21
|
+
"17": "17px",
|
|
22
|
+
"18": "18px",
|
|
23
|
+
"19": "19px",
|
|
24
|
+
"20": "20px"
|
|
25
|
+
};
|
|
26
|
+
const colors = {
|
|
27
|
+
anchor: "",
|
|
28
|
+
anchorVisited: "",
|
|
29
|
+
borderDark: "",
|
|
30
|
+
borderDarkest: "",
|
|
31
|
+
borderLight: "",
|
|
32
|
+
borderLighter: "",
|
|
33
|
+
borderLightest: "",
|
|
34
|
+
canvas: "",
|
|
35
|
+
canvasText: "",
|
|
36
|
+
headerBackground: "",
|
|
37
|
+
headerNotActiveBackground: "",
|
|
38
|
+
headerNotActiveText: "",
|
|
39
|
+
headerText: "",
|
|
40
|
+
material: "",
|
|
41
|
+
materialText: "",
|
|
42
|
+
materialTextDisabled: "",
|
|
43
|
+
materialTextDisabledShadow: "",
|
|
44
|
+
materialTextInvert: "",
|
|
45
|
+
progress: "",
|
|
46
|
+
inputBackground: "",
|
|
47
|
+
inputBackgroundDisabled: ""
|
|
48
|
+
};
|
|
49
|
+
const zIndices = {
|
|
50
|
+
modal: "2",
|
|
51
|
+
tooltip: "3",
|
|
52
|
+
taskbar: "3"
|
|
53
|
+
};
|
|
54
|
+
const generateShadows = (colors2) => {
|
|
55
|
+
return {
|
|
56
|
+
out: `inset 0.5px 0.5px 0px 0.5px ${colors2.borderLightest},
|
|
57
|
+
inset 0 0 0 1px ${colors2.borderDark},
|
|
58
|
+
1px 0px 0 0px ${colors2.borderDarkest},
|
|
59
|
+
0px 1px 0 0px ${colors2.borderDarkest},
|
|
60
|
+
1px 1px 0 0px ${colors2.borderDarkest}`,
|
|
61
|
+
in: `inset 0px 0px 0px 0px,
|
|
62
|
+
inset 1px 1px 0px 0px ${colors2.borderDark},
|
|
63
|
+
0.5px 0.5px 0px 0.5px ${colors2.borderLightest}`,
|
|
64
|
+
input: `inset -1px -1px 0 0 ${colors2.material},
|
|
65
|
+
inset 1px 1px 0 0 ${colors2.borderDarkest},
|
|
66
|
+
0.5px 0.5px 0 0.5px ${colors2.borderLightest}`
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
const theme = {
|
|
70
|
+
zIndices,
|
|
71
|
+
space,
|
|
72
|
+
colors
|
|
73
|
+
};
|
|
74
|
+
exports.generateShadows = generateShadows;
|
|
75
|
+
exports.theme = theme;
|
|
76
|
+
exports.zIndices = zIndices;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#05427f",
|
|
8
|
+
borderDarkest: "#000000",
|
|
9
|
+
borderLight: "#2b8fff",
|
|
10
|
+
borderLighter: "#8ac1ff",
|
|
11
|
+
borderLightest: "#bedcff",
|
|
12
|
+
canvas: "#000000",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "#171123",
|
|
15
|
+
headerNotActiveBackground: "#4E6766",
|
|
16
|
+
headerNotActiveText: "#0180ff",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#0180ff",
|
|
19
|
+
materialText: "#000000",
|
|
20
|
+
materialTextDisabled: "#05427f",
|
|
21
|
+
materialTextDisabledShadow: "#7ebfff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#F46036",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#2b8fff"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#846d06",
|
|
8
|
+
borderDarkest: "#0C1618",
|
|
9
|
+
borderLight: "#e7c221",
|
|
10
|
+
borderLighter: "#f1dd84",
|
|
11
|
+
borderLightest: "#f7ecbb",
|
|
12
|
+
canvas: "#0C1618",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "#0C1618",
|
|
15
|
+
headerNotActiveBackground: "#7F7B82",
|
|
16
|
+
headerNotActiveText: "#e5bd03",
|
|
17
|
+
headerText: "#f8df6e",
|
|
18
|
+
material: "#e5bd03",
|
|
19
|
+
materialText: "#0C1618",
|
|
20
|
+
materialTextDisabled: "#846d06",
|
|
21
|
+
materialTextDisabledShadow: "#f8df6e",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#0C1618",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#e7c221"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#888c8f",
|
|
8
|
+
borderDarkest: "#000000",
|
|
9
|
+
borderLight: "#dfe0e3",
|
|
10
|
+
borderLighter: "#ededef",
|
|
11
|
+
borderLightest: "#f5f5f6",
|
|
12
|
+
canvas: "#000000",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "#000000",
|
|
15
|
+
headerNotActiveBackground: "#ffffff",
|
|
16
|
+
headerNotActiveText: "#000000",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#ffffff",
|
|
19
|
+
materialText: "#000000",
|
|
20
|
+
materialTextDisabled: "#888c8f",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#000000",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#dfe0e3"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#6c684b",
|
|
8
|
+
borderDarkest: "#020000",
|
|
9
|
+
borderLight: "#e2ddc9",
|
|
10
|
+
borderLighter: "#efece1",
|
|
11
|
+
borderLightest: "#f6f4ee",
|
|
12
|
+
canvas: "#ffffff",
|
|
13
|
+
canvasText: "#020000",
|
|
14
|
+
headerBackground: "#8e0101",
|
|
15
|
+
headerNotActiveBackground: "#90885c",
|
|
16
|
+
headerNotActiveText: "#c2bfa3",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#c2bfa3",
|
|
19
|
+
materialText: "#020000",
|
|
20
|
+
materialTextDisabled: "#6c684b",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#8e0101",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#e2ddc9"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#d1579e",
|
|
8
|
+
borderDarkest: "#44132f",
|
|
9
|
+
borderLight: "#f1acd5",
|
|
10
|
+
borderLighter: "#f7d1e7",
|
|
11
|
+
borderLightest: "#fae5f1",
|
|
12
|
+
canvas: "#EFF1F3",
|
|
13
|
+
canvasText: "#000000",
|
|
14
|
+
headerBackground: "#87255B",
|
|
15
|
+
headerNotActiveBackground: "#a08796",
|
|
16
|
+
headerNotActiveText: "#EBD2BE",
|
|
17
|
+
headerText: "#EFF1F3",
|
|
18
|
+
material: "#E5A4CB",
|
|
19
|
+
materialText: "#000000",
|
|
20
|
+
materialTextDisabled: "#d1579e",
|
|
21
|
+
materialTextDisabledShadow: "#EFF1F3",
|
|
22
|
+
materialTextInvert: "#EFF1F3",
|
|
23
|
+
progress: "#256EFF",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#f1acd5"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#8d88c2",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#5b57a1",
|
|
8
|
+
borderDarkest: "#010601",
|
|
9
|
+
borderLight: "#a4a7c8",
|
|
10
|
+
borderLighter: "#cccee0",
|
|
11
|
+
borderLightest: "#e2e4ed",
|
|
12
|
+
canvas: "#3B3D64",
|
|
13
|
+
canvasText: "#050608",
|
|
14
|
+
headerBackground: "#3B3D64",
|
|
15
|
+
headerNotActiveBackground: "#6063a5",
|
|
16
|
+
headerNotActiveText: "#a1a3ca",
|
|
17
|
+
headerText: "#e2e4ed",
|
|
18
|
+
material: "#a1a3ca",
|
|
19
|
+
materialText: "#010601",
|
|
20
|
+
materialTextDisabled: "#5b57a1",
|
|
21
|
+
materialTextDisabledShadow: "#c7c7df",
|
|
22
|
+
materialTextInvert: "#e2e4ed",
|
|
23
|
+
progress: "#8d88c2",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#a4a7c8"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#2c3125",
|
|
8
|
+
borderDarkest: "#0a0a0a",
|
|
9
|
+
borderLight: "#5d6d54",
|
|
10
|
+
borderLighter: "#a4b39c",
|
|
11
|
+
borderLightest: "#ccd5c8",
|
|
12
|
+
canvas: "#3e4639",
|
|
13
|
+
canvasText: "#f6fbf5",
|
|
14
|
+
headerBackground: "#4b5844",
|
|
15
|
+
headerNotActiveBackground: "#4b5844",
|
|
16
|
+
headerNotActiveText: "#74806e",
|
|
17
|
+
headerText: "#fefefe",
|
|
18
|
+
material: "#4b5844",
|
|
19
|
+
materialText: "#f6fbf5",
|
|
20
|
+
materialTextDisabled: "#2c3125",
|
|
21
|
+
materialTextDisabledShadow: "#788475",
|
|
22
|
+
materialTextInvert: "#fefefe",
|
|
23
|
+
progress: "#978830",
|
|
24
|
+
inputBackground: "#4b5844",
|
|
25
|
+
inputBackgroundDisabled: "#2c3125"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#526d67",
|
|
8
|
+
borderDarkest: "#050608",
|
|
9
|
+
borderLight: "#a2c7c0",
|
|
10
|
+
borderLighter: "#cbe0dc",
|
|
11
|
+
borderLightest: "#e2edeb",
|
|
12
|
+
canvas: "#000000",
|
|
13
|
+
canvasText: "#050608",
|
|
14
|
+
headerBackground: "#4b8178",
|
|
15
|
+
headerNotActiveBackground: "#89b0a8",
|
|
16
|
+
headerNotActiveText: "#4b8178",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#89b0a8",
|
|
19
|
+
materialText: "#050608",
|
|
20
|
+
materialTextDisabled: "#526d67",
|
|
21
|
+
materialTextDisabledShadow: "#cee8e3",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#4b8178",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#a2c7c0"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#888c8f",
|
|
8
|
+
borderDarkest: "#ffffff",
|
|
9
|
+
borderLight: "#dfe0e3",
|
|
10
|
+
borderLighter: "#ededef",
|
|
11
|
+
borderLightest: "#f5f5f6",
|
|
12
|
+
canvas: "#353535",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "#8e0284",
|
|
15
|
+
headerNotActiveBackground: "#7f7f7f",
|
|
16
|
+
headerNotActiveText: "#ced0cf",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#000000",
|
|
19
|
+
materialText: "#ffffff",
|
|
20
|
+
materialTextDisabled: "#888c8f",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#8e0284",
|
|
24
|
+
inputBackground: "#353535",
|
|
25
|
+
inputBackgroundDisabled: "#dfe0e3"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const azureOrange = require("./azureOrange.cjs");
|
|
4
|
+
const bee = require("./bee.cjs");
|
|
5
|
+
const blackAndWhite = require("./blackAndWhite.cjs");
|
|
6
|
+
const brick = require("./brick.cjs");
|
|
7
|
+
const candy = require("./candy.cjs");
|
|
8
|
+
const coldGray = require("./coldGray.cjs");
|
|
9
|
+
const counterStrike = require("./counterStrike.cjs");
|
|
10
|
+
const eggplant = require("./eggplant.cjs");
|
|
11
|
+
const highContrast = require("./highContrast.cjs");
|
|
12
|
+
const lilac = require("./lilac.cjs");
|
|
13
|
+
const lilacRoseDark = require("./lilacRoseDark.cjs");
|
|
14
|
+
const maple = require("./maple.cjs");
|
|
15
|
+
const marine = require("./marine.cjs");
|
|
16
|
+
const matrix = require("./matrix.cjs");
|
|
17
|
+
const millenium = require("./millenium.cjs");
|
|
18
|
+
const modernDark = require("./modernDark.cjs");
|
|
19
|
+
const molecule = require("./molecule.cjs");
|
|
20
|
+
const ninjaTurtles = require("./ninjaTurtles.cjs");
|
|
21
|
+
const olive = require("./olive.cjs");
|
|
22
|
+
const pamelaAnderson = require("./pamelaAnderson.cjs");
|
|
23
|
+
const plum = require("./plum.cjs");
|
|
24
|
+
const rainyDay = require("./rainyDay.cjs");
|
|
25
|
+
const rose = require("./rose.cjs");
|
|
26
|
+
const slate = require("./slate.cjs");
|
|
27
|
+
const spruce = require("./spruce.cjs");
|
|
28
|
+
const storm = require("./storm.cjs");
|
|
29
|
+
const theSixtiesUSA = require("./theSixtiesUSA.cjs");
|
|
30
|
+
const tokyoDark = require("./tokyoDark.cjs");
|
|
31
|
+
const tooSexy = require("./tooSexy.cjs");
|
|
32
|
+
const travel = require("./travel.cjs");
|
|
33
|
+
const vaporTeal = require("./vaporTeal.cjs");
|
|
34
|
+
const vermillion = require("./vermillion.cjs");
|
|
35
|
+
const violetDark = require("./violetDark.cjs");
|
|
36
|
+
const water = require("./water.cjs");
|
|
37
|
+
const win95 = require("./win95.cjs");
|
|
38
|
+
exports.azureOrange = azureOrange.tokens;
|
|
39
|
+
exports.bee = bee.tokens;
|
|
40
|
+
exports.blackAndWhite = blackAndWhite.tokens;
|
|
41
|
+
exports.brick = brick.tokens;
|
|
42
|
+
exports.candy = candy.tokens;
|
|
43
|
+
exports.coldGray = coldGray.tokens;
|
|
44
|
+
exports.counterStrike = counterStrike.tokens;
|
|
45
|
+
exports.eggplant = eggplant.tokens;
|
|
46
|
+
exports.highContrast = highContrast.tokens;
|
|
47
|
+
exports.lilac = lilac.tokens;
|
|
48
|
+
exports.lilacRoseDark = lilacRoseDark.tokens;
|
|
49
|
+
exports.maple = maple.tokens;
|
|
50
|
+
exports.marine = marine.tokens;
|
|
51
|
+
exports.matrix = matrix.tokens;
|
|
52
|
+
exports.millenium = millenium.tokens;
|
|
53
|
+
exports.modernDark = modernDark.tokens;
|
|
54
|
+
exports.molecule = molecule.tokens;
|
|
55
|
+
exports.ninjaTurtles = ninjaTurtles.tokens;
|
|
56
|
+
exports.olive = olive.tokens;
|
|
57
|
+
exports.pamelaAnderson = pamelaAnderson.tokens;
|
|
58
|
+
exports.plum = plum.tokens;
|
|
59
|
+
exports.rainyDay = rainyDay.tokens;
|
|
60
|
+
exports.rose = rose.tokens;
|
|
61
|
+
exports.slate = slate.tokens;
|
|
62
|
+
exports.spruce = spruce.tokens;
|
|
63
|
+
exports.storm = storm.tokens;
|
|
64
|
+
exports.theSixtiesUSA = theSixtiesUSA.tokens;
|
|
65
|
+
exports.tokyoDark = tokyoDark.tokens;
|
|
66
|
+
exports.tooSexy = tooSexy.tokens;
|
|
67
|
+
exports.travel = travel.tokens;
|
|
68
|
+
exports.vaporTeal = vaporTeal.tokens;
|
|
69
|
+
exports.vermillion = vermillion.tokens;
|
|
70
|
+
exports.violetDark = violetDark.tokens;
|
|
71
|
+
exports.water = water.tokens;
|
|
72
|
+
exports.win95 = win95.tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#5f549b",
|
|
8
|
+
borderDarkest: "#1c1449",
|
|
9
|
+
borderLight: "#bcb4e9",
|
|
10
|
+
borderLighter: "#dad5f2",
|
|
11
|
+
borderLightest: "#eae7f7",
|
|
12
|
+
canvas: "#ffffff",
|
|
13
|
+
canvasText: "#050608",
|
|
14
|
+
headerBackground: "#5e4dba",
|
|
15
|
+
headerNotActiveBackground: "#7f7f81",
|
|
16
|
+
headerNotActiveText: "#ced0cf",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#b1a7df",
|
|
19
|
+
materialText: "#050608",
|
|
20
|
+
materialTextDisabled: "#5f549b",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#5e4dba",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#bcb4e9"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#a65387",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#7F3163",
|
|
8
|
+
borderDarkest: "#190000",
|
|
9
|
+
borderLight: "#E597C9",
|
|
10
|
+
borderLighter: "#f0c5e1",
|
|
11
|
+
borderLightest: "#f6dfee",
|
|
12
|
+
canvas: "#000000",
|
|
13
|
+
canvasText: "#f6dfee",
|
|
14
|
+
headerBackground: "#4C0030",
|
|
15
|
+
headerNotActiveBackground: "#763a60",
|
|
16
|
+
headerNotActiveText: "#b26496",
|
|
17
|
+
headerText: "#dab1c7",
|
|
18
|
+
material: "#b26496",
|
|
19
|
+
materialText: "#000000",
|
|
20
|
+
materialTextDisabled: "#82416d",
|
|
21
|
+
materialTextDisabledShadow: "#ecbfe3",
|
|
22
|
+
materialTextInvert: "#ecbfe3",
|
|
23
|
+
progress: "#713259",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#E597C9"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#ab9042",
|
|
8
|
+
borderDarkest: "#2a1801",
|
|
9
|
+
borderLight: "#f5e2bb",
|
|
10
|
+
borderLighter: "#f9efd9",
|
|
11
|
+
borderLightest: "#fbf6ea",
|
|
12
|
+
canvas: "#2a1801",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "#8e0101",
|
|
15
|
+
headerNotActiveBackground: "#a1a0a5",
|
|
16
|
+
headerNotActiveText: "#f5e2bb",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#e5cc90",
|
|
19
|
+
materialText: "#2a1801",
|
|
20
|
+
materialTextDisabled: "#ab9042",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#8e0101",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#f5e2bb"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#3c8d88",
|
|
8
|
+
borderDarkest: "#050608",
|
|
9
|
+
borderLight: "#98d2cb",
|
|
10
|
+
borderLighter: "#c6e6e2",
|
|
11
|
+
borderLightest: "#dff1ef",
|
|
12
|
+
canvas: "#050608",
|
|
13
|
+
canvasText: "#c3e2da",
|
|
14
|
+
headerBackground: "#000080",
|
|
15
|
+
headerNotActiveBackground: "#7f7f7f",
|
|
16
|
+
headerNotActiveText: "#ced0cf",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#75c1ba",
|
|
19
|
+
materialText: "#050608",
|
|
20
|
+
materialTextDisabled: "#3c8d88",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#000080",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#98d2cb"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#282828",
|
|
8
|
+
borderDarkest: "#000000",
|
|
9
|
+
borderLight: "#656565",
|
|
10
|
+
borderLighter: "#aaaaaa",
|
|
11
|
+
borderLightest: "#d0d0d0",
|
|
12
|
+
canvas: "#000000",
|
|
13
|
+
canvasText: "#c0c0c0",
|
|
14
|
+
headerBackground: "#000000",
|
|
15
|
+
headerNotActiveBackground: "#7f7f7f",
|
|
16
|
+
headerNotActiveText: "#535353",
|
|
17
|
+
headerText: "#a7a7a7",
|
|
18
|
+
material: "#535353",
|
|
19
|
+
materialText: "#35FF69",
|
|
20
|
+
materialTextDisabled: "#282828",
|
|
21
|
+
materialTextDisabledShadow: "#a7a7a7",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#000000",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#656565"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const baseTheme = require("../baseTheme.cjs");
|
|
4
|
+
const colors = {
|
|
5
|
+
anchor: "#1034a6",
|
|
6
|
+
anchorVisited: "#440381",
|
|
7
|
+
borderDark: "#828282",
|
|
8
|
+
borderDarkest: "black",
|
|
9
|
+
borderLight: "#e5e5e5",
|
|
10
|
+
borderLighter: "#f0f0f0",
|
|
11
|
+
borderLightest: "#f6f6f6",
|
|
12
|
+
canvas: "black",
|
|
13
|
+
canvasText: "#ffffff",
|
|
14
|
+
headerBackground: "linear-gradient(to right, #012470, #a5c7e7)",
|
|
15
|
+
headerNotActiveBackground: "#7f7f7f",
|
|
16
|
+
headerNotActiveText: "#d6cfc7",
|
|
17
|
+
headerText: "#ffffff",
|
|
18
|
+
material: "#d6cfc7",
|
|
19
|
+
materialText: "black",
|
|
20
|
+
materialTextDisabled: "#828282",
|
|
21
|
+
materialTextDisabledShadow: "#ffffff",
|
|
22
|
+
materialTextInvert: "#ffffff",
|
|
23
|
+
progress: "#00256e",
|
|
24
|
+
inputBackground: "#ffffff",
|
|
25
|
+
inputBackgroundDisabled: "#e5e5e5"
|
|
26
|
+
};
|
|
27
|
+
const tokens = {
|
|
28
|
+
...baseTheme.theme,
|
|
29
|
+
colors,
|
|
30
|
+
shadows: baseTheme.generateShadows(colors)
|
|
31
|
+
};
|
|
32
|
+
exports.tokens = tokens;
|