@velumo/theme-dark-carnival 0.1.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +21 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +409 -0
- package/dist/index.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +20 -0
- package/src/index.ts +435 -0
- package/tsconfig.json +10 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { Theme } from "@velumo/core";
|
|
2
|
+
import type { EffectLayerType, EffectState } from "@velumo/effects";
|
|
3
|
+
export declare const darkCarnivalThemeId: "dark-carnival";
|
|
4
|
+
export type DarkCarnivalThemeId = typeof darkCarnivalThemeId;
|
|
5
|
+
export declare const darkCarnivalThemeCss: string;
|
|
6
|
+
export declare const darkCarnivalTheme: Theme;
|
|
7
|
+
export interface DarkCarnivalPreset {
|
|
8
|
+
readonly type: EffectLayerType;
|
|
9
|
+
readonly defaults: EffectState;
|
|
10
|
+
}
|
|
11
|
+
export interface DarkCarnivalPresets {
|
|
12
|
+
readonly noise: DarkCarnivalPreset;
|
|
13
|
+
readonly scanlines: DarkCarnivalPreset;
|
|
14
|
+
readonly vignette: DarkCarnivalPreset;
|
|
15
|
+
readonly spotlights: DarkCarnivalPreset;
|
|
16
|
+
readonly sceneWash: DarkCarnivalPreset;
|
|
17
|
+
readonly ticketStorm: DarkCarnivalPreset;
|
|
18
|
+
readonly codeRain: DarkCarnivalPreset;
|
|
19
|
+
}
|
|
20
|
+
export declare const darkCarnivalPresets: DarkCarnivalPresets;
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,mBAAmB,EAAG,eAAwB,CAAC;AAC5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,mBAAmB,CAAC;AAQ7D,eAAO,MAAM,oBAAoB,QAuTzB,CAAC;AAET,eAAO,MAAM,iBAAiB,EAAE,KAyE/B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAQjC,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,409 @@
|
|
|
1
|
+
export const darkCarnivalThemeId = "dark-carnival";
|
|
2
|
+
const THEME_ROOT = '[data-velumo-renderer="dom"][data-velumo-theme="dark-carnival"]';
|
|
3
|
+
const NOISE_SVG_DATA_URI = "data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E";
|
|
4
|
+
export const darkCarnivalThemeCss = `
|
|
5
|
+
${THEME_ROOT} {
|
|
6
|
+
--carnival-bg: #050407;
|
|
7
|
+
--carnival-ink: #fff7e8;
|
|
8
|
+
--carnival-muted: rgba(255, 247, 232, 0.62);
|
|
9
|
+
--carnival-hot: #ff3d7f;
|
|
10
|
+
--carnival-gold: #ffd166;
|
|
11
|
+
--carnival-cyan: #2ee8ff;
|
|
12
|
+
--carnival-green: #55ff99;
|
|
13
|
+
--carnival-danger: #ff3048;
|
|
14
|
+
--carnival-purple: #8d5cff;
|
|
15
|
+
--carnival-panel: rgba(9, 8, 13, 0.72);
|
|
16
|
+
position: relative;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
min-height: 100vh;
|
|
19
|
+
padding: var(--velumo-spacing-lg, 2rem);
|
|
20
|
+
background:
|
|
21
|
+
radial-gradient(circle at 50% 18%, rgba(255, 61, 127, 0.18), transparent 24%),
|
|
22
|
+
radial-gradient(circle at 25% 70%, rgba(46, 232, 255, 0.11), transparent 26%),
|
|
23
|
+
radial-gradient(circle at 80% 78%, rgba(255, 209, 102, 0.10), transparent 28%),
|
|
24
|
+
linear-gradient(180deg, #07040a, #020203 70%);
|
|
25
|
+
color: var(--carnival-ink);
|
|
26
|
+
font-family: var(--velumo-typography-body-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
27
|
+
font-size: var(--velumo-typography-body-font-size, 1.125rem);
|
|
28
|
+
line-height: var(--velumo-typography-body-line-height, 1.55);
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
${THEME_ROOT} [data-velumo-slide-id] {
|
|
33
|
+
position: relative;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
width: min(100%, 72rem);
|
|
36
|
+
min-height: min(100vh, 45rem);
|
|
37
|
+
margin: 0 auto;
|
|
38
|
+
padding: var(--velumo-spacing-xl, 3rem);
|
|
39
|
+
border: 1px solid rgba(255, 61, 127, 0.22);
|
|
40
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
41
|
+
background: var(--velumo-surface-card, rgba(8, 8, 13, 0.78));
|
|
42
|
+
box-shadow: var(--velumo-shadow-card, 0 22px 80px rgba(0, 0, 0, 0.38));
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
${THEME_ROOT} [data-velumo-layout-root] {
|
|
47
|
+
display: grid;
|
|
48
|
+
gap: var(--velumo-spacing-lg, 2rem);
|
|
49
|
+
min-height: inherit;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
${THEME_ROOT} [data-velumo-layout="stack"],
|
|
53
|
+
${THEME_ROOT} [data-velumo-layout="hero"],
|
|
54
|
+
${THEME_ROOT} [data-velumo-layout="frame"] {
|
|
55
|
+
display: grid;
|
|
56
|
+
gap: var(--velumo-spacing-md, 1.25rem);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
${THEME_ROOT} [data-velumo-layout="hero"] {
|
|
60
|
+
align-content: center;
|
|
61
|
+
min-height: 24rem;
|
|
62
|
+
text-align: center;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
${THEME_ROOT} [data-velumo-layout="frame"] {
|
|
66
|
+
padding: var(--velumo-spacing-lg, 2rem);
|
|
67
|
+
border: 1px solid rgba(255, 209, 102, 0.32);
|
|
68
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
69
|
+
background: var(--carnival-panel);
|
|
70
|
+
min-height: inherit;
|
|
71
|
+
align-content: center;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
${THEME_ROOT} [data-velumo-layout="grid"] {
|
|
75
|
+
display: grid;
|
|
76
|
+
grid-template-columns: repeat(var(--velumo-layout-columns, 2), minmax(0, 1fr));
|
|
77
|
+
gap: var(--velumo-spacing-md, 1.25rem);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
${THEME_ROOT} [data-velumo-layout="split"] {
|
|
81
|
+
display: grid;
|
|
82
|
+
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
|
|
83
|
+
gap: var(--velumo-spacing-lg, 2rem);
|
|
84
|
+
align-items: start;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
${THEME_ROOT} [data-velumo-element="heading"] {
|
|
88
|
+
margin: 0;
|
|
89
|
+
max-width: 18ch;
|
|
90
|
+
color: var(--carnival-gold);
|
|
91
|
+
font-family: var(--velumo-typography-heading-font-family, "Bebas Neue", Impact, sans-serif);
|
|
92
|
+
font-size: var(--velumo-typography-heading-font-size, clamp(2.5rem, 6cqw, 5rem));
|
|
93
|
+
font-weight: var(--velumo-typography-heading-font-weight, 700);
|
|
94
|
+
letter-spacing: var(--velumo-typography-heading-letter-spacing, 0.04em);
|
|
95
|
+
line-height: var(--velumo-typography-heading-line-height, 1.02);
|
|
96
|
+
text-shadow: 0 0 18px rgba(255, 209, 102, 0.45), 0 0 36px rgba(255, 61, 127, 0.35);
|
|
97
|
+
text-transform: uppercase;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
${THEME_ROOT} [data-velumo-element="text"] {
|
|
101
|
+
margin: 0;
|
|
102
|
+
max-width: 60ch;
|
|
103
|
+
color: var(--carnival-ink);
|
|
104
|
+
font-size: var(--velumo-typography-body-font-size, 1.125rem);
|
|
105
|
+
line-height: var(--velumo-typography-body-line-height, 1.55);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
${THEME_ROOT} [data-velumo-text-variant="lead"] {
|
|
109
|
+
color: var(--carnival-cyan);
|
|
110
|
+
font-size: 1.3rem;
|
|
111
|
+
letter-spacing: 0.02em;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
${THEME_ROOT} [data-velumo-text-variant="caption"] {
|
|
115
|
+
color: var(--carnival-muted);
|
|
116
|
+
font-family: var(--velumo-typography-caption-font-family, ui-monospace, monospace);
|
|
117
|
+
font-size: var(--velumo-typography-caption-font-size, 0.86rem);
|
|
118
|
+
letter-spacing: 0.08em;
|
|
119
|
+
text-transform: uppercase;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
${THEME_ROOT} [data-velumo-element="callout"] {
|
|
123
|
+
display: grid;
|
|
124
|
+
gap: var(--velumo-spacing-sm, 0.75rem);
|
|
125
|
+
padding: var(--velumo-spacing-md, 1.25rem);
|
|
126
|
+
border-left: 0.35rem solid var(--carnival-hot);
|
|
127
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
128
|
+
background: var(--velumo-surface-accent, rgba(255, 61, 127, 0.16));
|
|
129
|
+
color: var(--carnival-ink);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
${THEME_ROOT} [data-velumo-effect] {
|
|
133
|
+
position: absolute;
|
|
134
|
+
inset: 0;
|
|
135
|
+
pointer-events: none;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
${THEME_ROOT} [data-velumo-effect="noise"] {
|
|
139
|
+
z-index: 70;
|
|
140
|
+
opacity: 0.085;
|
|
141
|
+
background-image: url("${NOISE_SVG_DATA_URI}");
|
|
142
|
+
background-repeat: repeat;
|
|
143
|
+
animation: darkCarnivalNoiseShift 0.22s steps(2) infinite;
|
|
144
|
+
mix-blend-mode: screen;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
${THEME_ROOT} [data-velumo-effect="scanlines"] {
|
|
148
|
+
z-index: 71;
|
|
149
|
+
opacity: 0.2;
|
|
150
|
+
background: repeating-linear-gradient(
|
|
151
|
+
180deg,
|
|
152
|
+
rgba(255, 255, 255, 0.06) 0 1px,
|
|
153
|
+
transparent 1px 4px
|
|
154
|
+
);
|
|
155
|
+
mix-blend-mode: overlay;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
${THEME_ROOT} [data-velumo-effect="vignette"] {
|
|
159
|
+
z-index: 80;
|
|
160
|
+
background:
|
|
161
|
+
radial-gradient(circle at center, transparent 34%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.92) 100%),
|
|
162
|
+
linear-gradient(90deg, rgba(0, 0, 0, 0.52), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.52));
|
|
163
|
+
mix-blend-mode: multiply;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
${THEME_ROOT} [data-velumo-effect="spotlight-beams"] {
|
|
167
|
+
z-index: 8;
|
|
168
|
+
overflow: hidden;
|
|
169
|
+
opacity: 0.78;
|
|
170
|
+
mix-blend-mode: screen;
|
|
171
|
+
background:
|
|
172
|
+
linear-gradient(160deg, rgba(255, 61, 127, 0.18) 0%, transparent 25%),
|
|
173
|
+
linear-gradient(200deg, rgba(46, 232, 255, 0.18) 0%, transparent 25%),
|
|
174
|
+
linear-gradient(180deg, rgba(255, 209, 102, 0.16) 0%, transparent 30%),
|
|
175
|
+
linear-gradient(140deg, rgba(141, 92, 255, 0.14) 0%, transparent 28%);
|
|
176
|
+
animation: darkCarnivalBeamSweep 6s ease-in-out infinite alternate;
|
|
177
|
+
filter: blur(8px);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
${THEME_ROOT} [data-velumo-effect="scene-wash"] {
|
|
181
|
+
z-index: 6;
|
|
182
|
+
opacity: 0.4;
|
|
183
|
+
mix-blend-mode: screen;
|
|
184
|
+
background:
|
|
185
|
+
radial-gradient(circle at 50% 42%, rgba(255, 61, 127, 0.22), transparent 28%),
|
|
186
|
+
radial-gradient(circle at 50% 72%, rgba(46, 232, 255, 0.18), transparent 32%),
|
|
187
|
+
linear-gradient(120deg, rgba(8, 4, 14, 0.1), transparent 58%);
|
|
188
|
+
animation: darkCarnivalSceneWipe 9s ease-in-out infinite alternate;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
${THEME_ROOT} [data-velumo-effect="particles"] {
|
|
192
|
+
z-index: 42;
|
|
193
|
+
overflow: hidden;
|
|
194
|
+
opacity: 0.85;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
${THEME_ROOT} [data-velumo-effect="particles"]::before {
|
|
198
|
+
content: "";
|
|
199
|
+
position: absolute;
|
|
200
|
+
left: 0;
|
|
201
|
+
right: 0;
|
|
202
|
+
top: 0;
|
|
203
|
+
height: 200%;
|
|
204
|
+
background-image:
|
|
205
|
+
radial-gradient(circle at 12% 5%, rgba(255, 209, 102, 0.55) 0 3px, transparent 4px),
|
|
206
|
+
radial-gradient(circle at 28% 15%, rgba(255, 247, 232, 0.45) 0 2px, transparent 3px),
|
|
207
|
+
radial-gradient(circle at 46% 9%, rgba(255, 61, 127, 0.5) 0 3px, transparent 4px),
|
|
208
|
+
radial-gradient(circle at 64% 19%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
209
|
+
radial-gradient(circle at 82% 6%, rgba(255, 247, 232, 0.5) 0 3px, transparent 4px),
|
|
210
|
+
radial-gradient(circle at 18% 28%, rgba(255, 209, 102, 0.42) 0 2px, transparent 3px),
|
|
211
|
+
radial-gradient(circle at 38% 39%, rgba(255, 247, 232, 0.42) 0 3px, transparent 4px),
|
|
212
|
+
radial-gradient(circle at 72% 32%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
213
|
+
radial-gradient(circle at 90% 42%, rgba(255, 61, 127, 0.45) 0 3px, transparent 4px),
|
|
214
|
+
radial-gradient(circle at 12% 55%, rgba(255, 209, 102, 0.55) 0 3px, transparent 4px),
|
|
215
|
+
radial-gradient(circle at 28% 65%, rgba(255, 247, 232, 0.45) 0 2px, transparent 3px),
|
|
216
|
+
radial-gradient(circle at 46% 59%, rgba(255, 61, 127, 0.5) 0 3px, transparent 4px),
|
|
217
|
+
radial-gradient(circle at 64% 69%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
218
|
+
radial-gradient(circle at 82% 56%, rgba(255, 247, 232, 0.5) 0 3px, transparent 4px),
|
|
219
|
+
radial-gradient(circle at 18% 78%, rgba(255, 209, 102, 0.42) 0 2px, transparent 3px),
|
|
220
|
+
radial-gradient(circle at 38% 89%, rgba(255, 247, 232, 0.42) 0 3px, transparent 4px),
|
|
221
|
+
radial-gradient(circle at 72% 82%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
222
|
+
radial-gradient(circle at 90% 92%, rgba(255, 61, 127, 0.45) 0 3px, transparent 4px);
|
|
223
|
+
animation: darkCarnivalTicketFall 7s linear infinite;
|
|
224
|
+
will-change: transform;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
${THEME_ROOT} [data-velumo-effect="code-rain"] {
|
|
228
|
+
z-index: 30;
|
|
229
|
+
overflow: hidden;
|
|
230
|
+
opacity: 0.85;
|
|
231
|
+
background: linear-gradient(180deg, rgba(85, 255, 153, 0.04), transparent 60%);
|
|
232
|
+
filter: hue-rotate(0deg) saturate(1.1) drop-shadow(0 0 8px rgba(85, 255, 153, 0.4));
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
${THEME_ROOT} [data-velumo-effect="code-rain"]::before {
|
|
236
|
+
content: "";
|
|
237
|
+
position: absolute;
|
|
238
|
+
left: 0;
|
|
239
|
+
right: 0;
|
|
240
|
+
top: 0;
|
|
241
|
+
height: calc(100% + 14px);
|
|
242
|
+
background: repeating-linear-gradient(
|
|
243
|
+
180deg,
|
|
244
|
+
rgba(85, 255, 153, 0.18) 0 2px,
|
|
245
|
+
transparent 2px 14px
|
|
246
|
+
);
|
|
247
|
+
animation: darkCarnivalCodeFall 1s linear infinite;
|
|
248
|
+
will-change: transform;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
${THEME_ROOT} [data-velumo-effect-motion="reduced"],
|
|
252
|
+
${THEME_ROOT} [data-velumo-effect-motion="reduced"]::before {
|
|
253
|
+
animation: none;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
@media (prefers-reduced-motion: reduce) {
|
|
257
|
+
${THEME_ROOT} [data-velumo-effect],
|
|
258
|
+
${THEME_ROOT} [data-velumo-effect]::before {
|
|
259
|
+
animation: none;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
@keyframes darkCarnivalNoiseShift {
|
|
264
|
+
from {
|
|
265
|
+
transform: translate3d(0, 0, 0);
|
|
266
|
+
}
|
|
267
|
+
to {
|
|
268
|
+
transform: translate3d(-5%, 4%, 0);
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
@keyframes darkCarnivalBeamSweep {
|
|
273
|
+
0% {
|
|
274
|
+
transform: translateX(-4%) rotate(-1deg);
|
|
275
|
+
opacity: 0.6;
|
|
276
|
+
}
|
|
277
|
+
100% {
|
|
278
|
+
transform: translateX(4%) rotate(1deg);
|
|
279
|
+
opacity: 0.95;
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
@keyframes darkCarnivalSceneWipe {
|
|
284
|
+
0% {
|
|
285
|
+
transform: translateX(-6%);
|
|
286
|
+
opacity: 0.32;
|
|
287
|
+
}
|
|
288
|
+
50% {
|
|
289
|
+
transform: translateX(0%);
|
|
290
|
+
opacity: 0.5;
|
|
291
|
+
}
|
|
292
|
+
100% {
|
|
293
|
+
transform: translateX(6%);
|
|
294
|
+
opacity: 0.3;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
@keyframes darkCarnivalTicketFall {
|
|
299
|
+
from {
|
|
300
|
+
transform: translateY(0%);
|
|
301
|
+
}
|
|
302
|
+
to {
|
|
303
|
+
transform: translateY(-50%);
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
@keyframes darkCarnivalCodeFall {
|
|
308
|
+
from {
|
|
309
|
+
transform: translateY(0);
|
|
310
|
+
}
|
|
311
|
+
to {
|
|
312
|
+
transform: translateY(-14px);
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
`.trim();
|
|
316
|
+
export const darkCarnivalTheme = {
|
|
317
|
+
id: darkCarnivalThemeId,
|
|
318
|
+
css: darkCarnivalThemeCss,
|
|
319
|
+
tokens: {
|
|
320
|
+
colors: {
|
|
321
|
+
background: "#050407",
|
|
322
|
+
foreground: "#fff7e8",
|
|
323
|
+
muted: "rgba(255, 247, 232, 0.62)",
|
|
324
|
+
accent: "#ff3d7f",
|
|
325
|
+
danger: "#ff3048",
|
|
326
|
+
},
|
|
327
|
+
typography: {
|
|
328
|
+
heading: {
|
|
329
|
+
fontFamily: '"Bebas Neue", "Pirata One", "Rye", Impact, sans-serif',
|
|
330
|
+
fontSize: "clamp(2.5rem, 6cqw, 5rem)",
|
|
331
|
+
lineHeight: 1.02,
|
|
332
|
+
fontWeight: 700,
|
|
333
|
+
letterSpacing: "0.04em",
|
|
334
|
+
},
|
|
335
|
+
body: {
|
|
336
|
+
fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif",
|
|
337
|
+
fontSize: "clamp(1rem, 1.6cqw, 1.25rem)",
|
|
338
|
+
lineHeight: 1.55,
|
|
339
|
+
fontWeight: 420,
|
|
340
|
+
},
|
|
341
|
+
caption: {
|
|
342
|
+
fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
|
|
343
|
+
fontSize: "0.86rem",
|
|
344
|
+
lineHeight: 1.45,
|
|
345
|
+
fontWeight: 500,
|
|
346
|
+
letterSpacing: "0.08em",
|
|
347
|
+
},
|
|
348
|
+
},
|
|
349
|
+
spacing: {
|
|
350
|
+
xs: "0.375rem",
|
|
351
|
+
sm: "0.75rem",
|
|
352
|
+
md: "1.25rem",
|
|
353
|
+
lg: "2rem",
|
|
354
|
+
xl: "3rem",
|
|
355
|
+
},
|
|
356
|
+
radii: {
|
|
357
|
+
card: "0.5rem",
|
|
358
|
+
pill: "999px",
|
|
359
|
+
},
|
|
360
|
+
shadows: {
|
|
361
|
+
card: "0 22px 80px rgba(0, 0, 0, 0.38), inset 0 0 24px rgba(255, 255, 255, 0.045)",
|
|
362
|
+
},
|
|
363
|
+
motion: {
|
|
364
|
+
quick: {
|
|
365
|
+
duration: "180ms",
|
|
366
|
+
easing: "ease-out",
|
|
367
|
+
},
|
|
368
|
+
standard: {
|
|
369
|
+
duration: "1100ms",
|
|
370
|
+
easing: "cubic-bezier(0.15, 0.8, 0.25, 1)",
|
|
371
|
+
},
|
|
372
|
+
},
|
|
373
|
+
surfaces: {
|
|
374
|
+
default: "#050407",
|
|
375
|
+
muted: "rgba(9, 8, 13, 0.72)",
|
|
376
|
+
card: "rgba(8, 8, 13, 0.78)",
|
|
377
|
+
accent: "rgba(255, 61, 127, 0.16)",
|
|
378
|
+
inverse: "#fff7e8",
|
|
379
|
+
danger: "rgba(255, 48, 72, 0.16)",
|
|
380
|
+
},
|
|
381
|
+
text: {
|
|
382
|
+
default: "#fff7e8",
|
|
383
|
+
muted: "rgba(255, 247, 232, 0.62)",
|
|
384
|
+
accent: "#ffd166",
|
|
385
|
+
inverse: "#050407",
|
|
386
|
+
danger: "#ff3048",
|
|
387
|
+
},
|
|
388
|
+
},
|
|
389
|
+
};
|
|
390
|
+
export const darkCarnivalPresets = {
|
|
391
|
+
noise: { type: "fx:noise", defaults: { intensity: 0.075 } },
|
|
392
|
+
scanlines: { type: "fx:scanlines", defaults: { intensity: 0.18 } },
|
|
393
|
+
vignette: { type: "fx:vignette", defaults: { intensity: 1.0 } },
|
|
394
|
+
spotlights: { type: "fx:spotlight-beams", defaults: { intensity: 0.8 } },
|
|
395
|
+
sceneWash: { type: "fx:scene-wash", defaults: { intensity: 0.36 } },
|
|
396
|
+
ticketStorm: { type: "fx:particles", defaults: { intensity: 1.0 } },
|
|
397
|
+
codeRain: { type: "fx:code-rain", defaults: { intensity: 0.85 } },
|
|
398
|
+
};
|
|
399
|
+
const _presetTypeCheck = {
|
|
400
|
+
noise: "fx:noise",
|
|
401
|
+
scanlines: "fx:scanlines",
|
|
402
|
+
vignette: "fx:vignette",
|
|
403
|
+
spotlights: "fx:spotlight-beams",
|
|
404
|
+
sceneWash: "fx:scene-wash",
|
|
405
|
+
ticketStorm: "fx:particles",
|
|
406
|
+
codeRain: "fx:code-rain",
|
|
407
|
+
};
|
|
408
|
+
void _presetTypeCheck;
|
|
409
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.es2021.d.ts","../../../node_modules/typescript/lib/lib.es2022.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/typescript/lib/lib.dom.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.webworker.importscripts.d.ts","../../../node_modules/typescript/lib/lib.scripthost.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.es2021.promise.d.ts","../../../node_modules/typescript/lib/lib.es2021.string.d.ts","../../../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../../node_modules/typescript/lib/lib.es2021.intl.d.ts","../../../node_modules/typescript/lib/lib.es2022.array.d.ts","../../../node_modules/typescript/lib/lib.es2022.error.d.ts","../../../node_modules/typescript/lib/lib.es2022.intl.d.ts","../../../node_modules/typescript/lib/lib.es2022.object.d.ts","../../../node_modules/typescript/lib/lib.es2022.string.d.ts","../../../node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/typescript/lib/lib.es2022.full.d.ts","../../core/dist/types.d.ts","../../core/dist/builders.d.ts","../../core/dist/manifest-schema.d.ts","../../core/dist/layout-validation.d.ts","../../core/dist/capabilities.d.ts","../../core/dist/validation.d.ts","../../core/dist/index.d.ts","../../runtime/dist/controller.d.ts","../../runtime/dist/hash.d.ts","../../runtime/dist/notes.d.ts","../../runtime/dist/registry.d.ts","../../runtime/dist/timeline.d.ts","../../runtime/dist/action-dispatcher.d.ts","../../runtime/dist/cue-dispatcher.d.ts","../../runtime/dist/camera.d.ts","../../runtime/dist/spatial.d.ts","../../runtime/dist/scene-player.d.ts","../../runtime/dist/theme-bundle.d.ts","../../runtime/dist/index.d.ts","../../effects/dist/effects-css.d.ts","../../effects/dist/index.d.ts","../src/index.ts"],"fileIdsList":[[64],[64,65,66,67,68,69],[70,82,83],[70,71,74],[75],[70],[70,74,75,76],[71],[71,72,73,74,75,76,77,78,79,80,81],[70,71],[70,79],[70,75],[70,74],[70,84]],"fileInfos":[{"version":"bcd24271a113971ba9eb71ff8cb01bc6b0f872a85c23fdbe5d93065b375933cd","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f88bedbeb09c6f5a6645cb24c7c55f1aa22d19ae96c8e6959cbd8b85a707bc6","impliedFormat":1},{"version":"7fe93b39b810eadd916be8db880dd7f0f7012a5cc6ffb62de8f62a2117fa6f1f","impliedFormat":1},{"version":"bb0074cc08b84a2374af33d8bf044b80851ccc9e719a5e202eacf40db2c31600","impliedFormat":1},{"version":"1a7daebe4f45fb03d9ec53d60008fbf9ac45a697fdc89e4ce218bc94b94f94d6","impliedFormat":1},{"version":"f94b133a3cb14a288803be545ac2683e0d0ff6661bcd37e31aaaec54fc382aed","impliedFormat":1},{"version":"f59d0650799f8782fd74cf73c19223730c6d1b9198671b1c5b3a38e1188b5953","impliedFormat":1},{"version":"8a15b4607d9a499e2dbeed9ec0d3c0d7372c850b2d5f1fb259e8f6d41d468a84","impliedFormat":1},{"version":"26e0fe14baee4e127f4365d1ae0b276f400562e45e19e35fd2d4c296684715e6","impliedFormat":1},{"version":"d6b1eba8496bdd0eed6fc8a685768fe01b2da4a0388b5fe7df558290bffcf32f","affectsGlobalScope":true,"impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"7f57fc4404ff020bc45b9c620aff2b40f700b95fe31164024c453a5e3c163c54","impliedFormat":1},{"version":"2a2de5b9459b3fc44decd9ce6100b72f1b002ef523126c1d3d8b2a4a63d74d78","affectsGlobalScope":true,"impliedFormat":1},{"version":"f13f4b465c99041e912db5c44129a94588e1aafee35a50eab51044833f50b4ee","affectsGlobalScope":true,"impliedFormat":1},{"version":"eadcffda2aa84802c73938e589b9e58248d74c59cb7fcbca6474e3435ac15504","affectsGlobalScope":true,"impliedFormat":1},{"version":"105ba8ff7ba746404fe1a2e189d1d3d2e0eb29a08c18dded791af02f29fb4711","affectsGlobalScope":true,"impliedFormat":1},{"version":"00343ca5b2e3d48fa5df1db6e32ea2a59afab09590274a6cccb1dbae82e60c7c","affectsGlobalScope":true,"impliedFormat":1},{"version":"ebd9f816d4002697cb2864bea1f0b70a103124e18a8cd9645eeccc09bdf80ab4","affectsGlobalScope":true,"impliedFormat":1},{"version":"2c1afac30a01772cd2a9a298a7ce7706b5892e447bb46bdbeef720f7b5da77ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"7b0225f483e4fa685625ebe43dd584bb7973bbd84e66a6ba7bbe175ee1048b4f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c0a4b8ac6ce74679c1da2b3795296f5896e31c38e888469a8e0f99dc3305de60","affectsGlobalScope":true,"impliedFormat":1},{"version":"3084a7b5f569088e0146533a00830e206565de65cae2239509168b11434cd84f","affectsGlobalScope":true,"impliedFormat":1},{"version":"c5079c53f0f141a0698faa903e76cb41cd664e3efb01cc17a5c46ec2eb0bef42","affectsGlobalScope":true,"impliedFormat":1},{"version":"32cafbc484dea6b0ab62cf8473182bbcb23020d70845b406f80b7526f38ae862","affectsGlobalScope":true,"impliedFormat":1},{"version":"fca4cdcb6d6c5ef18a869003d02c9f0fd95df8cfaf6eb431cd3376bc034cad36","affectsGlobalScope":true,"impliedFormat":1},{"version":"b93ec88115de9a9dc1b602291b85baf825c85666bf25985cc5f698073892b467","affectsGlobalScope":true,"impliedFormat":1},{"version":"f5c06dcc3fe849fcb297c247865a161f995cc29de7aa823afdd75aaaddc1419b","affectsGlobalScope":true,"impliedFormat":1},{"version":"b77e16112127a4b169ef0b8c3a4d730edf459c5f25fe52d5e436a6919206c4d7","affectsGlobalScope":true,"impliedFormat":1},{"version":"fbffd9337146eff822c7c00acbb78b01ea7ea23987f6c961eba689349e744f8c","affectsGlobalScope":true,"impliedFormat":1},{"version":"a995c0e49b721312f74fdfb89e4ba29bd9824c770bbb4021d74d2bf560e4c6bd","affectsGlobalScope":true,"impliedFormat":1},{"version":"c7b3542146734342e440a84b213384bfa188835537ddbda50d30766f0593aff9","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce6180fa19b1cccd07ee7f7dbb9a367ac19c0ed160573e4686425060b6df7f57","affectsGlobalScope":true,"impliedFormat":1},{"version":"3f02e2476bccb9dbe21280d6090f0df17d2f66b74711489415a8aa4df73c9675","affectsGlobalScope":true,"impliedFormat":1},{"version":"45e3ab34c1c013c8ab2dc1ba4c80c780744b13b5676800ae2e3be27ae862c40c","affectsGlobalScope":true,"impliedFormat":1},{"version":"805c86f6cca8d7702a62a844856dbaa2a3fd2abef0536e65d48732441dde5b5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"e42e397f1a5a77994f0185fd1466520691456c772d06bf843e5084ceb879a0ad","affectsGlobalScope":true,"impliedFormat":1},{"version":"f4c2b41f90c95b1c532ecc874bd3c111865793b23aebcc1c3cbbabcd5d76ffb0","affectsGlobalScope":true,"impliedFormat":1},{"version":"ab26191cfad5b66afa11b8bf935ef1cd88fabfcb28d30b2dfa6fad877d050332","affectsGlobalScope":true,"impliedFormat":1},{"version":"2088bc26531e38fb05eedac2951480db5309f6be3fa4a08d2221abb0f5b4200d","affectsGlobalScope":true,"impliedFormat":1},{"version":"cb9d366c425fea79716a8fb3af0d78e6b22ebbab3bd64d25063b42dc9f531c1e","affectsGlobalScope":true,"impliedFormat":1},{"version":"500934a8089c26d57ebdb688fc9757389bb6207a3c8f0674d68efa900d2abb34","affectsGlobalScope":true,"impliedFormat":1},{"version":"689da16f46e647cef0d64b0def88910e818a5877ca5379ede156ca3afb780ac3","affectsGlobalScope":true,"impliedFormat":1},{"version":"bc21cc8b6fee4f4c2440d08035b7ea3c06b3511314c8bab6bef7a92de58a2593","affectsGlobalScope":true,"impliedFormat":1},{"version":"7ca53d13d2957003abb47922a71866ba7cb2068f8d154877c596d63c359fed25","affectsGlobalScope":true,"impliedFormat":1},{"version":"54725f8c4df3d900cb4dac84b64689ce29548da0b4e9b7c2de61d41c79293611","affectsGlobalScope":true,"impliedFormat":1},{"version":"e5594bc3076ac29e6c1ebda77939bc4c8833de72f654b6e376862c0473199323","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f3eb332c2d73e729f3364fcc0c2b375e72a121e8157d25a82d67a138c83a95c","affectsGlobalScope":true,"impliedFormat":1},{"version":"6f4427f9642ce8d500970e4e69d1397f64072ab73b97e476b4002a646ac743b1","affectsGlobalScope":true,"impliedFormat":1},{"version":"48915f327cd1dea4d7bd358d9dc7732f58f9e1626a29cc0c05c8c692419d9bb7","affectsGlobalScope":true,"impliedFormat":1},{"version":"b7bf9377723203b5a6a4b920164df22d56a43f593269ba6ae1fdc97774b68855","affectsGlobalScope":true,"impliedFormat":1},{"version":"db9709688f82c9e5f65a119c64d835f906efe5f559d08b11642d56eb85b79357","affectsGlobalScope":true,"impliedFormat":1},{"version":"4b25b8c874acd1a4cf8444c3617e037d444d19080ac9f634b405583fd10ce1f7","affectsGlobalScope":true,"impliedFormat":1},{"version":"37be57d7c90cf1f8112ee2636a068d8fd181289f82b744160ec56a7dc158a9f5","affectsGlobalScope":true,"impliedFormat":1},{"version":"a917a49ac94cd26b754ab84e113369a75d1a47a710661d7cd25e961cc797065f","affectsGlobalScope":true,"impliedFormat":1},{"version":"6d3261badeb7843d157ef3e6f5d1427d0eeb0af0cf9df84a62cfd29fd47ac86e","affectsGlobalScope":true,"impliedFormat":1},{"version":"195daca651dde22f2167ac0d0a05e215308119a3100f5e6268e8317d05a92526","affectsGlobalScope":true,"impliedFormat":1},{"version":"8b11e4285cd2bb164a4dc09248bdec69e9842517db4ca47c1ba913011e44ff2f","affectsGlobalScope":true,"impliedFormat":1},{"version":"0508571a52475e245b02bc50fa1394065a0a3d05277fbf5120c3784b85651799","affectsGlobalScope":true,"impliedFormat":1},{"version":"8f9af488f510c3015af3cc8c267a9e9d96c4dd38a1fdff0e11dc5a544711415b","affectsGlobalScope":true,"impliedFormat":1},{"version":"fc611fea8d30ea72c6bbfb599c9b4d393ce22e2f5bfef2172534781e7d138104","affectsGlobalScope":true,"impliedFormat":1},{"version":"1ce14b81c5cc821994aa8ec1d42b220dd41b27fcc06373bce3958af7421b77d4","affectsGlobalScope":true,"impliedFormat":1},{"version":"b3a048b3e9302ef9a34ef4ebb9aecfb28b66abb3bce577206a79fee559c230da","affectsGlobalScope":true,"impliedFormat":1},{"version":"01a30f9e8582b369075c0808df71121e6855cb06fd8d3d39511d9ebb66405205","impliedFormat":1},{"version":"8877805003603477c63696f8af86eb14be659de3027a597617e7a95ca9250a92","impliedFormat":99},{"version":"a2c4bcfeeaf83801774f8c21daf4c18b15fd9da4469e222a6708a58d235bb286","impliedFormat":99},{"version":"163a1497b249fb8ac3eac7710af6df75222a21b20434ec35d4489c85f18a397b","impliedFormat":99},{"version":"b1d091ebe44dc4eb7ba1535c76bcbf15df97a0cde19fda1bbd34e1503df10e95","impliedFormat":99},{"version":"baeb0570658dce9269d3a5dabb44a1e6e11d8712f45750ca80885fd0e2dab38e","impliedFormat":99},{"version":"def8ed8b7980dbad419047252c19812799dbf761e797d624a9a030fb318a27ee","impliedFormat":99},{"version":"09451d1bdb65b1b10cafbccc4c762f9181609881ba078e4aabfbb7c6d4effe17","impliedFormat":99},{"version":"4c26794e2a073e20bf40b3482be4f25fa4d6b83c8d4cdb7e3744d8401eef6c38","impliedFormat":99},{"version":"92692f5dcdd41d6cebb9785ebe83f6631e448d468c7e77f56c2fe6f8f32869ba","impliedFormat":99},{"version":"1093522585079cf706e859f4323d23832ef5b62b04805190bcba06614fc8bdcb","impliedFormat":99},{"version":"165426a72c724ac8b6c5068f64aeeedc976a31cddaf7bdb30689ca0e0e885885","impliedFormat":99},{"version":"9c6738ae625093663883e4694a79bd8d9c8ff79f0d0bb60b8d6e4ab39393b77d","impliedFormat":99},{"version":"f864cf8286ef0798ae6eb2808965e2038c10ffb940b196a3a6e6364fe534115f","impliedFormat":99},{"version":"d6628b767083fceffd23177e8c53e1348d372e5755c2880f8f2e958d7a6dbafc","impliedFormat":99},{"version":"efbeb4d5e4df969ce57b6fe98d6cabe2097cae2e0695b6ef85c77f7a8045e9a3","impliedFormat":99},{"version":"4bbc05996c36885d4da5e1d3b140fd16ee7121a4184843447a3bb47b240e3386","impliedFormat":99},{"version":"0eaeeda7b43eb04e6503115b59ea0fc0dcede7d39dc6651a1ae8ba94e5974b46","impliedFormat":99},{"version":"8cad53853f3c0a8f7391721d625259ba815e33c26139f59e08751fa38c326f6d","impliedFormat":99},{"version":"7af78eb71c547cc0353d89ca54074af736128b01e231ab5662e1300adc0e17fd","impliedFormat":99},{"version":"fdf95be0e20c1f390544f4969c9befc6b99b064884b1784aaac49c64a1eab202","impliedFormat":99},{"version":"783f02acb9dc4fd8b8020d3c523a124dd6324b07d9518cfd7b7707990671dfed","impliedFormat":99},{"version":"2c1facae78dc062b8240fed099d44049629063edc92d090f9570666372d39b97","signature":"ff1fd311b098035e4d6968bbadde6ac350dd2b547b317b2be7be326679a38c14","impliedFormat":99}],"root":[85],"options":{"composite":true,"declaration":true,"declarationMap":true,"module":199,"outDir":"./","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":true,"target":9,"tsBuildInfoFile":"./tsconfig.tsbuildinfo"},"referencedMap":[[65,1],[68,1],[70,2],[67,1],[69,1],[84,3],[76,4],[78,5],[71,6],[77,7],[72,8],[82,9],[73,10],[74,6],[80,11],[79,12],[81,13],[75,6],[85,14]],"latestChangedDtsFile":"./index.d.ts","version":"6.0.3"}
|
package/package.json
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@velumo/theme-dark-carnival",
|
|
3
|
+
"version": "0.1.0-beta.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"default": "./dist/index.js"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"@velumo/core": "0.0.0",
|
|
15
|
+
"@velumo/effects": "0.0.0"
|
|
16
|
+
},
|
|
17
|
+
"scripts": {
|
|
18
|
+
"build": "tsc -b"
|
|
19
|
+
}
|
|
20
|
+
}
|
package/src/index.ts
ADDED
|
@@ -0,0 +1,435 @@
|
|
|
1
|
+
import type { Theme } from "@velumo/core";
|
|
2
|
+
import type { EffectLayerType, EffectState } from "@velumo/effects";
|
|
3
|
+
|
|
4
|
+
export const darkCarnivalThemeId = "dark-carnival" as const;
|
|
5
|
+
export type DarkCarnivalThemeId = typeof darkCarnivalThemeId;
|
|
6
|
+
|
|
7
|
+
const THEME_ROOT =
|
|
8
|
+
'[data-velumo-renderer="dom"][data-velumo-theme="dark-carnival"]';
|
|
9
|
+
|
|
10
|
+
const NOISE_SVG_DATA_URI =
|
|
11
|
+
"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E";
|
|
12
|
+
|
|
13
|
+
export const darkCarnivalThemeCss = `
|
|
14
|
+
${THEME_ROOT} {
|
|
15
|
+
--carnival-bg: #050407;
|
|
16
|
+
--carnival-ink: #fff7e8;
|
|
17
|
+
--carnival-muted: rgba(255, 247, 232, 0.62);
|
|
18
|
+
--carnival-hot: #ff3d7f;
|
|
19
|
+
--carnival-gold: #ffd166;
|
|
20
|
+
--carnival-cyan: #2ee8ff;
|
|
21
|
+
--carnival-green: #55ff99;
|
|
22
|
+
--carnival-danger: #ff3048;
|
|
23
|
+
--carnival-purple: #8d5cff;
|
|
24
|
+
--carnival-panel: rgba(9, 8, 13, 0.72);
|
|
25
|
+
position: relative;
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
min-height: 100vh;
|
|
28
|
+
padding: var(--velumo-spacing-lg, 2rem);
|
|
29
|
+
background:
|
|
30
|
+
radial-gradient(circle at 50% 18%, rgba(255, 61, 127, 0.18), transparent 24%),
|
|
31
|
+
radial-gradient(circle at 25% 70%, rgba(46, 232, 255, 0.11), transparent 26%),
|
|
32
|
+
radial-gradient(circle at 80% 78%, rgba(255, 209, 102, 0.10), transparent 28%),
|
|
33
|
+
linear-gradient(180deg, #07040a, #020203 70%);
|
|
34
|
+
color: var(--carnival-ink);
|
|
35
|
+
font-family: var(--velumo-typography-body-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
|
|
36
|
+
font-size: var(--velumo-typography-body-font-size, 1.125rem);
|
|
37
|
+
line-height: var(--velumo-typography-body-line-height, 1.55);
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
${THEME_ROOT} [data-velumo-slide-id] {
|
|
42
|
+
position: relative;
|
|
43
|
+
box-sizing: border-box;
|
|
44
|
+
width: min(100%, 72rem);
|
|
45
|
+
min-height: min(100vh, 45rem);
|
|
46
|
+
margin: 0 auto;
|
|
47
|
+
padding: var(--velumo-spacing-xl, 3rem);
|
|
48
|
+
border: 1px solid rgba(255, 61, 127, 0.22);
|
|
49
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
50
|
+
background: var(--velumo-surface-card, rgba(8, 8, 13, 0.78));
|
|
51
|
+
box-shadow: var(--velumo-shadow-card, 0 22px 80px rgba(0, 0, 0, 0.38));
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
${THEME_ROOT} [data-velumo-layout-root] {
|
|
56
|
+
display: grid;
|
|
57
|
+
gap: var(--velumo-spacing-lg, 2rem);
|
|
58
|
+
min-height: inherit;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
${THEME_ROOT} [data-velumo-layout="stack"],
|
|
62
|
+
${THEME_ROOT} [data-velumo-layout="hero"],
|
|
63
|
+
${THEME_ROOT} [data-velumo-layout="frame"] {
|
|
64
|
+
display: grid;
|
|
65
|
+
gap: var(--velumo-spacing-md, 1.25rem);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
${THEME_ROOT} [data-velumo-layout="hero"] {
|
|
69
|
+
align-content: center;
|
|
70
|
+
min-height: 24rem;
|
|
71
|
+
text-align: center;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
${THEME_ROOT} [data-velumo-layout="frame"] {
|
|
75
|
+
padding: var(--velumo-spacing-lg, 2rem);
|
|
76
|
+
border: 1px solid rgba(255, 209, 102, 0.32);
|
|
77
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
78
|
+
background: var(--carnival-panel);
|
|
79
|
+
min-height: inherit;
|
|
80
|
+
align-content: center;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
${THEME_ROOT} [data-velumo-layout="grid"] {
|
|
84
|
+
display: grid;
|
|
85
|
+
grid-template-columns: repeat(var(--velumo-layout-columns, 2), minmax(0, 1fr));
|
|
86
|
+
gap: var(--velumo-spacing-md, 1.25rem);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
${THEME_ROOT} [data-velumo-layout="split"] {
|
|
90
|
+
display: grid;
|
|
91
|
+
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
|
|
92
|
+
gap: var(--velumo-spacing-lg, 2rem);
|
|
93
|
+
align-items: start;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
${THEME_ROOT} [data-velumo-element="heading"] {
|
|
97
|
+
margin: 0;
|
|
98
|
+
max-width: 18ch;
|
|
99
|
+
color: var(--carnival-gold);
|
|
100
|
+
font-family: var(--velumo-typography-heading-font-family, "Bebas Neue", Impact, sans-serif);
|
|
101
|
+
font-size: var(--velumo-typography-heading-font-size, clamp(2.5rem, 6cqw, 5rem));
|
|
102
|
+
font-weight: var(--velumo-typography-heading-font-weight, 700);
|
|
103
|
+
letter-spacing: var(--velumo-typography-heading-letter-spacing, 0.04em);
|
|
104
|
+
line-height: var(--velumo-typography-heading-line-height, 1.02);
|
|
105
|
+
text-shadow: 0 0 18px rgba(255, 209, 102, 0.45), 0 0 36px rgba(255, 61, 127, 0.35);
|
|
106
|
+
text-transform: uppercase;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
${THEME_ROOT} [data-velumo-element="text"] {
|
|
110
|
+
margin: 0;
|
|
111
|
+
max-width: 60ch;
|
|
112
|
+
color: var(--carnival-ink);
|
|
113
|
+
font-size: var(--velumo-typography-body-font-size, 1.125rem);
|
|
114
|
+
line-height: var(--velumo-typography-body-line-height, 1.55);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
${THEME_ROOT} [data-velumo-text-variant="lead"] {
|
|
118
|
+
color: var(--carnival-cyan);
|
|
119
|
+
font-size: 1.3rem;
|
|
120
|
+
letter-spacing: 0.02em;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
${THEME_ROOT} [data-velumo-text-variant="caption"] {
|
|
124
|
+
color: var(--carnival-muted);
|
|
125
|
+
font-family: var(--velumo-typography-caption-font-family, ui-monospace, monospace);
|
|
126
|
+
font-size: var(--velumo-typography-caption-font-size, 0.86rem);
|
|
127
|
+
letter-spacing: 0.08em;
|
|
128
|
+
text-transform: uppercase;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
${THEME_ROOT} [data-velumo-element="callout"] {
|
|
132
|
+
display: grid;
|
|
133
|
+
gap: var(--velumo-spacing-sm, 0.75rem);
|
|
134
|
+
padding: var(--velumo-spacing-md, 1.25rem);
|
|
135
|
+
border-left: 0.35rem solid var(--carnival-hot);
|
|
136
|
+
border-radius: var(--velumo-radius-card, 0.5rem);
|
|
137
|
+
background: var(--velumo-surface-accent, rgba(255, 61, 127, 0.16));
|
|
138
|
+
color: var(--carnival-ink);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
${THEME_ROOT} [data-velumo-effect] {
|
|
142
|
+
position: absolute;
|
|
143
|
+
inset: 0;
|
|
144
|
+
pointer-events: none;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
${THEME_ROOT} [data-velumo-effect="noise"] {
|
|
148
|
+
z-index: 70;
|
|
149
|
+
opacity: 0.085;
|
|
150
|
+
background-image: url("${NOISE_SVG_DATA_URI}");
|
|
151
|
+
background-repeat: repeat;
|
|
152
|
+
animation: darkCarnivalNoiseShift 0.22s steps(2) infinite;
|
|
153
|
+
mix-blend-mode: screen;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
${THEME_ROOT} [data-velumo-effect="scanlines"] {
|
|
157
|
+
z-index: 71;
|
|
158
|
+
opacity: 0.2;
|
|
159
|
+
background: repeating-linear-gradient(
|
|
160
|
+
180deg,
|
|
161
|
+
rgba(255, 255, 255, 0.06) 0 1px,
|
|
162
|
+
transparent 1px 4px
|
|
163
|
+
);
|
|
164
|
+
mix-blend-mode: overlay;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
${THEME_ROOT} [data-velumo-effect="vignette"] {
|
|
168
|
+
z-index: 80;
|
|
169
|
+
background:
|
|
170
|
+
radial-gradient(circle at center, transparent 34%, rgba(0, 0, 0, 0.45) 72%, rgba(0, 0, 0, 0.92) 100%),
|
|
171
|
+
linear-gradient(90deg, rgba(0, 0, 0, 0.52), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.52));
|
|
172
|
+
mix-blend-mode: multiply;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
${THEME_ROOT} [data-velumo-effect="spotlight-beams"] {
|
|
176
|
+
z-index: 8;
|
|
177
|
+
overflow: hidden;
|
|
178
|
+
opacity: 0.78;
|
|
179
|
+
mix-blend-mode: screen;
|
|
180
|
+
background:
|
|
181
|
+
linear-gradient(160deg, rgba(255, 61, 127, 0.18) 0%, transparent 25%),
|
|
182
|
+
linear-gradient(200deg, rgba(46, 232, 255, 0.18) 0%, transparent 25%),
|
|
183
|
+
linear-gradient(180deg, rgba(255, 209, 102, 0.16) 0%, transparent 30%),
|
|
184
|
+
linear-gradient(140deg, rgba(141, 92, 255, 0.14) 0%, transparent 28%);
|
|
185
|
+
animation: darkCarnivalBeamSweep 6s ease-in-out infinite alternate;
|
|
186
|
+
filter: blur(8px);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
${THEME_ROOT} [data-velumo-effect="scene-wash"] {
|
|
190
|
+
z-index: 6;
|
|
191
|
+
opacity: 0.4;
|
|
192
|
+
mix-blend-mode: screen;
|
|
193
|
+
background:
|
|
194
|
+
radial-gradient(circle at 50% 42%, rgba(255, 61, 127, 0.22), transparent 28%),
|
|
195
|
+
radial-gradient(circle at 50% 72%, rgba(46, 232, 255, 0.18), transparent 32%),
|
|
196
|
+
linear-gradient(120deg, rgba(8, 4, 14, 0.1), transparent 58%);
|
|
197
|
+
animation: darkCarnivalSceneWipe 9s ease-in-out infinite alternate;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
${THEME_ROOT} [data-velumo-effect="particles"] {
|
|
201
|
+
z-index: 42;
|
|
202
|
+
overflow: hidden;
|
|
203
|
+
opacity: 0.85;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
${THEME_ROOT} [data-velumo-effect="particles"]::before {
|
|
207
|
+
content: "";
|
|
208
|
+
position: absolute;
|
|
209
|
+
left: 0;
|
|
210
|
+
right: 0;
|
|
211
|
+
top: 0;
|
|
212
|
+
height: 200%;
|
|
213
|
+
background-image:
|
|
214
|
+
radial-gradient(circle at 12% 5%, rgba(255, 209, 102, 0.55) 0 3px, transparent 4px),
|
|
215
|
+
radial-gradient(circle at 28% 15%, rgba(255, 247, 232, 0.45) 0 2px, transparent 3px),
|
|
216
|
+
radial-gradient(circle at 46% 9%, rgba(255, 61, 127, 0.5) 0 3px, transparent 4px),
|
|
217
|
+
radial-gradient(circle at 64% 19%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
218
|
+
radial-gradient(circle at 82% 6%, rgba(255, 247, 232, 0.5) 0 3px, transparent 4px),
|
|
219
|
+
radial-gradient(circle at 18% 28%, rgba(255, 209, 102, 0.42) 0 2px, transparent 3px),
|
|
220
|
+
radial-gradient(circle at 38% 39%, rgba(255, 247, 232, 0.42) 0 3px, transparent 4px),
|
|
221
|
+
radial-gradient(circle at 72% 32%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
222
|
+
radial-gradient(circle at 90% 42%, rgba(255, 61, 127, 0.45) 0 3px, transparent 4px),
|
|
223
|
+
radial-gradient(circle at 12% 55%, rgba(255, 209, 102, 0.55) 0 3px, transparent 4px),
|
|
224
|
+
radial-gradient(circle at 28% 65%, rgba(255, 247, 232, 0.45) 0 2px, transparent 3px),
|
|
225
|
+
radial-gradient(circle at 46% 59%, rgba(255, 61, 127, 0.5) 0 3px, transparent 4px),
|
|
226
|
+
radial-gradient(circle at 64% 69%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
227
|
+
radial-gradient(circle at 82% 56%, rgba(255, 247, 232, 0.5) 0 3px, transparent 4px),
|
|
228
|
+
radial-gradient(circle at 18% 78%, rgba(255, 209, 102, 0.42) 0 2px, transparent 3px),
|
|
229
|
+
radial-gradient(circle at 38% 89%, rgba(255, 247, 232, 0.42) 0 3px, transparent 4px),
|
|
230
|
+
radial-gradient(circle at 72% 82%, rgba(255, 209, 102, 0.4) 0 2px, transparent 3px),
|
|
231
|
+
radial-gradient(circle at 90% 92%, rgba(255, 61, 127, 0.45) 0 3px, transparent 4px);
|
|
232
|
+
animation: darkCarnivalTicketFall 7s linear infinite;
|
|
233
|
+
will-change: transform;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
${THEME_ROOT} [data-velumo-effect="code-rain"] {
|
|
237
|
+
z-index: 30;
|
|
238
|
+
overflow: hidden;
|
|
239
|
+
opacity: 0.85;
|
|
240
|
+
background: linear-gradient(180deg, rgba(85, 255, 153, 0.04), transparent 60%);
|
|
241
|
+
filter: hue-rotate(0deg) saturate(1.1) drop-shadow(0 0 8px rgba(85, 255, 153, 0.4));
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
${THEME_ROOT} [data-velumo-effect="code-rain"]::before {
|
|
245
|
+
content: "";
|
|
246
|
+
position: absolute;
|
|
247
|
+
left: 0;
|
|
248
|
+
right: 0;
|
|
249
|
+
top: 0;
|
|
250
|
+
height: calc(100% + 14px);
|
|
251
|
+
background: repeating-linear-gradient(
|
|
252
|
+
180deg,
|
|
253
|
+
rgba(85, 255, 153, 0.18) 0 2px,
|
|
254
|
+
transparent 2px 14px
|
|
255
|
+
);
|
|
256
|
+
animation: darkCarnivalCodeFall 1s linear infinite;
|
|
257
|
+
will-change: transform;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
${THEME_ROOT} [data-velumo-effect-motion="reduced"],
|
|
261
|
+
${THEME_ROOT} [data-velumo-effect-motion="reduced"]::before {
|
|
262
|
+
animation: none;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
@media (prefers-reduced-motion: reduce) {
|
|
266
|
+
${THEME_ROOT} [data-velumo-effect],
|
|
267
|
+
${THEME_ROOT} [data-velumo-effect]::before {
|
|
268
|
+
animation: none;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
@keyframes darkCarnivalNoiseShift {
|
|
273
|
+
from {
|
|
274
|
+
transform: translate3d(0, 0, 0);
|
|
275
|
+
}
|
|
276
|
+
to {
|
|
277
|
+
transform: translate3d(-5%, 4%, 0);
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@keyframes darkCarnivalBeamSweep {
|
|
282
|
+
0% {
|
|
283
|
+
transform: translateX(-4%) rotate(-1deg);
|
|
284
|
+
opacity: 0.6;
|
|
285
|
+
}
|
|
286
|
+
100% {
|
|
287
|
+
transform: translateX(4%) rotate(1deg);
|
|
288
|
+
opacity: 0.95;
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
@keyframes darkCarnivalSceneWipe {
|
|
293
|
+
0% {
|
|
294
|
+
transform: translateX(-6%);
|
|
295
|
+
opacity: 0.32;
|
|
296
|
+
}
|
|
297
|
+
50% {
|
|
298
|
+
transform: translateX(0%);
|
|
299
|
+
opacity: 0.5;
|
|
300
|
+
}
|
|
301
|
+
100% {
|
|
302
|
+
transform: translateX(6%);
|
|
303
|
+
opacity: 0.3;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
@keyframes darkCarnivalTicketFall {
|
|
308
|
+
from {
|
|
309
|
+
transform: translateY(0%);
|
|
310
|
+
}
|
|
311
|
+
to {
|
|
312
|
+
transform: translateY(-50%);
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
@keyframes darkCarnivalCodeFall {
|
|
317
|
+
from {
|
|
318
|
+
transform: translateY(0);
|
|
319
|
+
}
|
|
320
|
+
to {
|
|
321
|
+
transform: translateY(-14px);
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
`.trim();
|
|
325
|
+
|
|
326
|
+
export const darkCarnivalTheme: Theme = {
|
|
327
|
+
id: darkCarnivalThemeId,
|
|
328
|
+
css: darkCarnivalThemeCss,
|
|
329
|
+
tokens: {
|
|
330
|
+
colors: {
|
|
331
|
+
background: "#050407",
|
|
332
|
+
foreground: "#fff7e8",
|
|
333
|
+
muted: "rgba(255, 247, 232, 0.62)",
|
|
334
|
+
accent: "#ff3d7f",
|
|
335
|
+
danger: "#ff3048",
|
|
336
|
+
},
|
|
337
|
+
typography: {
|
|
338
|
+
heading: {
|
|
339
|
+
fontFamily: '"Bebas Neue", "Pirata One", "Rye", Impact, sans-serif',
|
|
340
|
+
fontSize: "clamp(2.5rem, 6cqw, 5rem)",
|
|
341
|
+
lineHeight: 1.02,
|
|
342
|
+
fontWeight: 700,
|
|
343
|
+
letterSpacing: "0.04em",
|
|
344
|
+
},
|
|
345
|
+
body: {
|
|
346
|
+
fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif",
|
|
347
|
+
fontSize: "clamp(1rem, 1.6cqw, 1.25rem)",
|
|
348
|
+
lineHeight: 1.55,
|
|
349
|
+
fontWeight: 420,
|
|
350
|
+
},
|
|
351
|
+
caption: {
|
|
352
|
+
fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
|
|
353
|
+
fontSize: "0.86rem",
|
|
354
|
+
lineHeight: 1.45,
|
|
355
|
+
fontWeight: 500,
|
|
356
|
+
letterSpacing: "0.08em",
|
|
357
|
+
},
|
|
358
|
+
},
|
|
359
|
+
spacing: {
|
|
360
|
+
xs: "0.375rem",
|
|
361
|
+
sm: "0.75rem",
|
|
362
|
+
md: "1.25rem",
|
|
363
|
+
lg: "2rem",
|
|
364
|
+
xl: "3rem",
|
|
365
|
+
},
|
|
366
|
+
radii: {
|
|
367
|
+
card: "0.5rem",
|
|
368
|
+
pill: "999px",
|
|
369
|
+
},
|
|
370
|
+
shadows: {
|
|
371
|
+
card: "0 22px 80px rgba(0, 0, 0, 0.38), inset 0 0 24px rgba(255, 255, 255, 0.045)",
|
|
372
|
+
},
|
|
373
|
+
motion: {
|
|
374
|
+
quick: {
|
|
375
|
+
duration: "180ms",
|
|
376
|
+
easing: "ease-out",
|
|
377
|
+
},
|
|
378
|
+
standard: {
|
|
379
|
+
duration: "1100ms",
|
|
380
|
+
easing: "cubic-bezier(0.15, 0.8, 0.25, 1)",
|
|
381
|
+
},
|
|
382
|
+
},
|
|
383
|
+
surfaces: {
|
|
384
|
+
default: "#050407",
|
|
385
|
+
muted: "rgba(9, 8, 13, 0.72)",
|
|
386
|
+
card: "rgba(8, 8, 13, 0.78)",
|
|
387
|
+
accent: "rgba(255, 61, 127, 0.16)",
|
|
388
|
+
inverse: "#fff7e8",
|
|
389
|
+
danger: "rgba(255, 48, 72, 0.16)",
|
|
390
|
+
},
|
|
391
|
+
text: {
|
|
392
|
+
default: "#fff7e8",
|
|
393
|
+
muted: "rgba(255, 247, 232, 0.62)",
|
|
394
|
+
accent: "#ffd166",
|
|
395
|
+
inverse: "#050407",
|
|
396
|
+
danger: "#ff3048",
|
|
397
|
+
},
|
|
398
|
+
},
|
|
399
|
+
};
|
|
400
|
+
|
|
401
|
+
export interface DarkCarnivalPreset {
|
|
402
|
+
readonly type: EffectLayerType;
|
|
403
|
+
readonly defaults: EffectState;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
export interface DarkCarnivalPresets {
|
|
407
|
+
readonly noise: DarkCarnivalPreset;
|
|
408
|
+
readonly scanlines: DarkCarnivalPreset;
|
|
409
|
+
readonly vignette: DarkCarnivalPreset;
|
|
410
|
+
readonly spotlights: DarkCarnivalPreset;
|
|
411
|
+
readonly sceneWash: DarkCarnivalPreset;
|
|
412
|
+
readonly ticketStorm: DarkCarnivalPreset;
|
|
413
|
+
readonly codeRain: DarkCarnivalPreset;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
export const darkCarnivalPresets: DarkCarnivalPresets = {
|
|
417
|
+
noise: { type: "fx:noise", defaults: { intensity: 0.075 } },
|
|
418
|
+
scanlines: { type: "fx:scanlines", defaults: { intensity: 0.18 } },
|
|
419
|
+
vignette: { type: "fx:vignette", defaults: { intensity: 1.0 } },
|
|
420
|
+
spotlights: { type: "fx:spotlight-beams", defaults: { intensity: 0.8 } },
|
|
421
|
+
sceneWash: { type: "fx:scene-wash", defaults: { intensity: 0.36 } },
|
|
422
|
+
ticketStorm: { type: "fx:particles", defaults: { intensity: 1.0 } },
|
|
423
|
+
codeRain: { type: "fx:code-rain", defaults: { intensity: 0.85 } },
|
|
424
|
+
};
|
|
425
|
+
|
|
426
|
+
const _presetTypeCheck: Record<keyof DarkCarnivalPresets, EffectLayerType> = {
|
|
427
|
+
noise: "fx:noise",
|
|
428
|
+
scanlines: "fx:scanlines",
|
|
429
|
+
vignette: "fx:vignette",
|
|
430
|
+
spotlights: "fx:spotlight-beams",
|
|
431
|
+
sceneWash: "fx:scene-wash",
|
|
432
|
+
ticketStorm: "fx:particles",
|
|
433
|
+
codeRain: "fx:code-rain",
|
|
434
|
+
};
|
|
435
|
+
void _presetTypeCheck;
|
package/tsconfig.json
ADDED