@tamagui/tamagui-dev-config 1.125.26 → 1.125.28
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/cjs/tamagui.dev.config.cjs +3 -3
- package/dist/cjs/tamagui.dev.config.js +2 -2
- package/dist/cjs/tamagui.dev.config.js.map +1 -1
- package/dist/cjs/theme.dev.cjs +295 -0
- package/dist/cjs/theme.dev.js +521 -0
- package/dist/cjs/theme.dev.js.map +6 -0
- package/dist/esm/tamagui.dev.config.js +2 -2
- package/dist/esm/tamagui.dev.config.js.map +1 -1
- package/dist/esm/tamagui.dev.config.mjs +2 -2
- package/dist/esm/tamagui.dev.config.mjs.map +1 -1
- package/dist/esm/theme.dev.js +499 -0
- package/dist/esm/theme.dev.js.map +6 -0
- package/dist/esm/theme.dev.mjs +261 -0
- package/dist/esm/theme.dev.mjs.map +1 -0
- package/package.json +6 -6
- package/src/tamagui.dev.config.ts +2 -2
- package/src/theme.dev.ts +578 -0
|
@@ -26,10 +26,10 @@ module.exports = __toCommonJS(tamagui_dev_config_exports);
|
|
|
26
26
|
var import_v3 = require("@tamagui/config/v3"),
|
|
27
27
|
import_core = require("@tamagui/core"),
|
|
28
28
|
import_v2 = require("@tamagui/shorthands/v2"),
|
|
29
|
-
import_v4 = require("@tamagui/themes/v4"),
|
|
30
29
|
import_animations = require("./animations.cjs"),
|
|
31
30
|
import_fonts = require("./fonts.cjs"),
|
|
32
|
-
import_media = require("./media.cjs")
|
|
31
|
+
import_media = require("./media.cjs"),
|
|
32
|
+
import_theme = require("./theme.dev");
|
|
33
33
|
(0, import_core.setupDev)({
|
|
34
34
|
visualizer: !0
|
|
35
35
|
});
|
|
@@ -50,7 +50,7 @@ const fonts = {
|
|
|
50
50
|
config = {
|
|
51
51
|
fonts,
|
|
52
52
|
animations: import_animations.animations,
|
|
53
|
-
themes:
|
|
53
|
+
themes: import_theme.themeDev,
|
|
54
54
|
media: import_media.media,
|
|
55
55
|
shorthands: import_v2.shorthands,
|
|
56
56
|
tokens: fixTypescript55Bug,
|
|
@@ -17,7 +17,7 @@ __export(tamagui_dev_config_exports, {
|
|
|
17
17
|
config: () => config
|
|
18
18
|
});
|
|
19
19
|
module.exports = __toCommonJS(tamagui_dev_config_exports);
|
|
20
|
-
var import_v3 = require("@tamagui/config/v3"), import_core = require("@tamagui/core"), import_v2 = require("@tamagui/shorthands/v2"),
|
|
20
|
+
var import_v3 = require("@tamagui/config/v3"), import_core = require("@tamagui/core"), import_v2 = require("@tamagui/shorthands/v2"), import_animations = require("./animations"), import_fonts = require("./fonts"), import_media = require("./media"), import_theme = require("./theme.dev");
|
|
21
21
|
(0, import_core.setupDev)({
|
|
22
22
|
visualizer: !0
|
|
23
23
|
});
|
|
@@ -36,7 +36,7 @@ const fonts = {
|
|
|
36
36
|
}, config = {
|
|
37
37
|
fonts,
|
|
38
38
|
animations: import_animations.animations,
|
|
39
|
-
themes:
|
|
39
|
+
themes: import_theme.themeDev,
|
|
40
40
|
media: import_media.media,
|
|
41
41
|
shorthands: import_v2.shorthands,
|
|
42
42
|
tokens: fixTypescript55Bug,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tamagui.dev.config.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAuB,+BAEvB,cAAyB,0BACzB,YAA2B,mCAC3B,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAuB,+BAEvB,cAAyB,0BACzB,YAA2B,mCAC3B,oBAA2B,yBAC3B,eAAgF,oBAChF,eAA+C,oBAC/C,eAAyB;AAAA,IAEzB,sBAAS;AAAA,EACP,YAAY;AACd,CAAC;AAED,MAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AACd,GAGM,qBAAqB;AAAA,EACzB,OAAO,iBAAO;AAAA,EACd,MAAM,iBAAO;AAAA,EACb,QAAQ,iBAAO;AAAA,EACf,QAAQ,iBAAO;AAAA,EACf,OAAO,iBAAO;AAChB,GAEa,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,aAAa;AAAA,IACb,6BAA6B;AAAA,IAC7B,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,uBAAuB;AAAA,IACvB;AAAA,IACA,iBAAiB,CAAC,WAAW;AAAA,MAC3B,iBAAiB,MAAM;AAAA,MACvB,OAAO,MAAM;AAAA,IACf;AAAA,IACA,oBAAoB;AAAA,IACpB,4BAA4B;AAAA,EAC9B;AACF;AAGA,OAAO,OAAO,OAAO,OAAO;AAAA,EAC1B,MAAM,EAAE,UAAU,IAAI;AAAA,EACtB,QAAQ,EAAE,UAAU,IAAQ;AAAA,EAC5B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,IAAQ;AAAA,EAC7B,QAAQ,EAAE,UAAU,IAAI;AAAA,EACxB,UAAU,EAAE,UAAU,IAAQ;AAAA,EAC9B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,IAAQ;AAC/B,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,295 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: !0
|
|
28
|
+
}) : target, mod)),
|
|
29
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
+
value: !0
|
|
31
|
+
}), mod);
|
|
32
|
+
var theme_dev_exports = {};
|
|
33
|
+
__export(theme_dev_exports, {
|
|
34
|
+
themeDev: () => themeDev
|
|
35
|
+
});
|
|
36
|
+
module.exports = __toCommonJS(theme_dev_exports);
|
|
37
|
+
var Colors = __toESM(require("@tamagui/colors"), 1),
|
|
38
|
+
import_theme_builder = require("@tamagui/theme-builder"),
|
|
39
|
+
import_color2k = require("color2k");
|
|
40
|
+
const desat = (colors, amount) => Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, import_color2k.desaturate)(value, amount)])),
|
|
41
|
+
colorsGreenDark = desat(Colors.greenDark, 0.2),
|
|
42
|
+
colorsGreen = desat(Colors.green, 0.2),
|
|
43
|
+
darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"],
|
|
44
|
+
lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"],
|
|
45
|
+
lightShadows = {
|
|
46
|
+
shadow1: "rgba(0,0,0,0.04)",
|
|
47
|
+
shadow2: "rgba(0,0,0,0.08)",
|
|
48
|
+
shadow3: "rgba(0,0,0,0.16)",
|
|
49
|
+
shadow4: "rgba(0,0,0,0.24)",
|
|
50
|
+
shadow5: "rgba(0,0,0,0.32)",
|
|
51
|
+
shadow6: "rgba(0,0,0,0.4)",
|
|
52
|
+
shadow7: "rgba(0,0,0,0.5)",
|
|
53
|
+
shadow8: "rgba(0,0,0,0.6)",
|
|
54
|
+
shadow9: "rgba(0,0,0,0.7)",
|
|
55
|
+
shadow10: "rgba(0,0,0,0.8)"
|
|
56
|
+
},
|
|
57
|
+
darkShadows = {
|
|
58
|
+
shadow1: "rgba(0,0,0,0.2)",
|
|
59
|
+
shadow2: "rgba(0,0,0,0.3)",
|
|
60
|
+
shadow3: "rgba(0,0,0,0.4)",
|
|
61
|
+
shadow4: "rgba(0,0,0,0.5)",
|
|
62
|
+
shadow5: "rgba(0,0,0,0.6)",
|
|
63
|
+
shadow6: "rgba(0,0,0,0.65)",
|
|
64
|
+
shadow7: "rgba(0,0,0,0.75)",
|
|
65
|
+
shadow8: "rgba(0,0,0,0.8)",
|
|
66
|
+
shadow9: "rgba(0,0,0,0.85)",
|
|
67
|
+
shadow10: "rgba(0,0,0,0.9)"
|
|
68
|
+
},
|
|
69
|
+
blackColors = {
|
|
70
|
+
black1: darkPalette[0],
|
|
71
|
+
black2: darkPalette[1],
|
|
72
|
+
black3: darkPalette[2],
|
|
73
|
+
black4: darkPalette[3],
|
|
74
|
+
black5: darkPalette[4],
|
|
75
|
+
black6: darkPalette[5],
|
|
76
|
+
black7: darkPalette[6],
|
|
77
|
+
black8: darkPalette[7],
|
|
78
|
+
black9: darkPalette[8],
|
|
79
|
+
black10: darkPalette[9],
|
|
80
|
+
black11: darkPalette[10],
|
|
81
|
+
black12: darkPalette[11]
|
|
82
|
+
},
|
|
83
|
+
whiteColors = {
|
|
84
|
+
white1: lightPalette[0],
|
|
85
|
+
white2: lightPalette[1],
|
|
86
|
+
white3: lightPalette[2],
|
|
87
|
+
white4: lightPalette[3],
|
|
88
|
+
white5: lightPalette[4],
|
|
89
|
+
white6: lightPalette[5],
|
|
90
|
+
white7: lightPalette[6],
|
|
91
|
+
white8: lightPalette[7],
|
|
92
|
+
white9: lightPalette[8],
|
|
93
|
+
white10: lightPalette[9],
|
|
94
|
+
white11: lightPalette[10],
|
|
95
|
+
white12: lightPalette[11]
|
|
96
|
+
},
|
|
97
|
+
jadeDark = ["hsla(165, 100%, 4%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 90%, 1)"],
|
|
98
|
+
jadeLight = ["hsla(165, 100%, 90%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 4%, 1)"],
|
|
99
|
+
supremeDark = ["hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 38%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 53%, 1)", "hsla(358, 100%, 55%, 1)", "hsla(358, 100%, 65%, 1)", "hsla(358, 100%, 75%, 1)", "hsla(358, 100%, 95%, 1)"],
|
|
100
|
+
supremeLight = ["hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 49%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 46%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 44%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 41%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 100%, 1)", "hsla(358, 100%, 100%, 1)"],
|
|
101
|
+
orangeRedDark = ["hsla(17, 100%, 5%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 70%, 1)"],
|
|
102
|
+
orangeRedLight = ["hsla(17, 100%, 70%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 5%, 1)"],
|
|
103
|
+
royalBlueDark = ["hsla(243, 90%, 5%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 70%, 1)"],
|
|
104
|
+
royalBlueLight = ["hsla(243, 90%, 70%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 5%, 1)"],
|
|
105
|
+
burgundyDark = ["hsla(334, 60%, 5%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 60%, 1)"],
|
|
106
|
+
burgundyLight = ["hsla(334, 60%, 60%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 5%, 1)"],
|
|
107
|
+
tealDark = ["hsla(187, 94%, 5%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 63%, 1)"],
|
|
108
|
+
tealLight = ["hsla(187, 94%, 63%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 5%, 1)"],
|
|
109
|
+
forestDark = ["hsla(162, 64%, 5%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 60%, 1)"],
|
|
110
|
+
forestLight = ["hsla(162, 64%, 60%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 5%, 1)"],
|
|
111
|
+
cyanDark = ["hsla(186, 32%, 5%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 75%, 1)"],
|
|
112
|
+
cyanLight = ["hsla(186, 32%, 75%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 5%, 1)"],
|
|
113
|
+
themes = (0, import_theme_builder.createThemes)({
|
|
114
|
+
componentThemes: import_theme_builder.defaultComponentThemes,
|
|
115
|
+
base: {
|
|
116
|
+
palette: {
|
|
117
|
+
dark: darkPalette,
|
|
118
|
+
light: lightPalette
|
|
119
|
+
},
|
|
120
|
+
// for values we don't want being inherited onto sub-themes
|
|
121
|
+
extra: {
|
|
122
|
+
light: {
|
|
123
|
+
...Colors.blue,
|
|
124
|
+
...Colors.gray,
|
|
125
|
+
...colorsGreen,
|
|
126
|
+
...Colors.orange,
|
|
127
|
+
...Colors.pink,
|
|
128
|
+
...Colors.purple,
|
|
129
|
+
...Colors.red,
|
|
130
|
+
...Colors.yellow,
|
|
131
|
+
...lightShadows,
|
|
132
|
+
...blackColors,
|
|
133
|
+
...whiteColors,
|
|
134
|
+
shadowColor: lightShadows.shadow1,
|
|
135
|
+
colorBg: "#fff"
|
|
136
|
+
},
|
|
137
|
+
dark: {
|
|
138
|
+
...Colors.blueDark,
|
|
139
|
+
...Colors.grayDark,
|
|
140
|
+
...colorsGreenDark,
|
|
141
|
+
...Colors.orangeDark,
|
|
142
|
+
...Colors.pinkDark,
|
|
143
|
+
...Colors.purpleDark,
|
|
144
|
+
...Colors.redDark,
|
|
145
|
+
...Colors.yellowDark,
|
|
146
|
+
...darkShadows,
|
|
147
|
+
...blackColors,
|
|
148
|
+
...whiteColors,
|
|
149
|
+
shadowColor: darkShadows.shadow1,
|
|
150
|
+
colorBg: "#000"
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
// inverse accent theme
|
|
155
|
+
accent: {
|
|
156
|
+
palette: {
|
|
157
|
+
dark: lightPalette,
|
|
158
|
+
light: darkPalette
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
childrenThemes: {
|
|
162
|
+
black: {
|
|
163
|
+
palette: {
|
|
164
|
+
dark: Object.values(blackColors),
|
|
165
|
+
light: Object.values(blackColors)
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
white: {
|
|
169
|
+
palette: {
|
|
170
|
+
dark: Object.values(whiteColors),
|
|
171
|
+
light: Object.values(whiteColors)
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
gray: {
|
|
175
|
+
palette: {
|
|
176
|
+
dark: Object.values(Colors.grayDark),
|
|
177
|
+
light: Object.values(Colors.gray)
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
blue: {
|
|
181
|
+
palette: {
|
|
182
|
+
dark: Object.values(Colors.blueDark),
|
|
183
|
+
light: Object.values(Colors.blue)
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
orange: {
|
|
187
|
+
palette: {
|
|
188
|
+
dark: Object.values(Colors.orangeDark),
|
|
189
|
+
light: Object.values(Colors.orange)
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
red: {
|
|
193
|
+
palette: {
|
|
194
|
+
dark: Object.values(Colors.redDark),
|
|
195
|
+
light: Object.values(Colors.red)
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
yellow: {
|
|
199
|
+
palette: {
|
|
200
|
+
dark: Object.values(Colors.yellowDark),
|
|
201
|
+
light: Object.values(Colors.yellow)
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
green: {
|
|
205
|
+
palette: {
|
|
206
|
+
dark: Object.values(colorsGreenDark),
|
|
207
|
+
light: Object.values(colorsGreen)
|
|
208
|
+
}
|
|
209
|
+
},
|
|
210
|
+
purple: {
|
|
211
|
+
palette: {
|
|
212
|
+
dark: Object.values(Colors.purpleDark),
|
|
213
|
+
light: Object.values(Colors.purple)
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
pink: {
|
|
217
|
+
palette: {
|
|
218
|
+
dark: Object.values(Colors.pinkDark),
|
|
219
|
+
light: Object.values(Colors.pink)
|
|
220
|
+
}
|
|
221
|
+
},
|
|
222
|
+
tan: {
|
|
223
|
+
palette: {
|
|
224
|
+
light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
|
|
225
|
+
dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
|
|
226
|
+
}
|
|
227
|
+
},
|
|
228
|
+
jade: {
|
|
229
|
+
palette: {
|
|
230
|
+
dark: jadeDark,
|
|
231
|
+
light: jadeLight
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
supreme: {
|
|
235
|
+
palette: {
|
|
236
|
+
dark: supremeDark,
|
|
237
|
+
light: supremeLight
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
orangeRed: {
|
|
241
|
+
palette: {
|
|
242
|
+
dark: orangeRedDark,
|
|
243
|
+
light: orangeRedLight
|
|
244
|
+
}
|
|
245
|
+
},
|
|
246
|
+
royalBlue: {
|
|
247
|
+
palette: {
|
|
248
|
+
dark: royalBlueDark,
|
|
249
|
+
light: royalBlueLight
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
burgundy: {
|
|
253
|
+
palette: {
|
|
254
|
+
dark: burgundyDark,
|
|
255
|
+
light: burgundyLight
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
teal: {
|
|
259
|
+
palette: {
|
|
260
|
+
dark: tealDark,
|
|
261
|
+
light: tealLight
|
|
262
|
+
}
|
|
263
|
+
},
|
|
264
|
+
forest: {
|
|
265
|
+
palette: {
|
|
266
|
+
dark: forestDark,
|
|
267
|
+
light: forestLight
|
|
268
|
+
}
|
|
269
|
+
},
|
|
270
|
+
cyan: {
|
|
271
|
+
palette: {
|
|
272
|
+
dark: cyanDark,
|
|
273
|
+
light: cyanLight
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
},
|
|
277
|
+
grandChildrenThemes: {
|
|
278
|
+
alt1: {
|
|
279
|
+
template: "alt1"
|
|
280
|
+
},
|
|
281
|
+
alt2: {
|
|
282
|
+
template: "alt2"
|
|
283
|
+
},
|
|
284
|
+
surface1: {
|
|
285
|
+
template: "surface1"
|
|
286
|
+
},
|
|
287
|
+
surface2: {
|
|
288
|
+
template: "surface2"
|
|
289
|
+
},
|
|
290
|
+
surface3: {
|
|
291
|
+
template: "surface3"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
}),
|
|
295
|
+
themeDev = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;
|