@particle-network/ui-shared 0.3.0-beta.5 → 0.3.0-beta.6

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.
@@ -9,5 +9,6 @@ export interface ThemeItemType {
9
9
  colorScheme: ColorScheme;
10
10
  colorVariables: Record<UXColor, string>;
11
11
  }
12
+ export declare const DEFAULT_THEME_ID = "ux-purple-gold-dark";
12
13
  export declare const themeData: ThemeItemType[];
13
14
  export declare const themeKeys: ThemeId[];
@@ -1,3 +1,4 @@
1
+ const DEFAULT_THEME_ID = 'ux-purple-gold-dark';
1
2
  const themeData = [
2
3
  {
3
4
  id: 'ux-purple-gold-dark',
@@ -33,10 +34,10 @@ const themeData = [
33
34
  enName: 'UX Purple/Gold Light',
34
35
  colorScheme: 'light',
35
36
  colorVariables: {
36
- default: '#000000',
37
+ default: '#0C0C0F',
37
38
  white: '#FFFFFF',
38
39
  transparent: 'transparent',
39
- foreground: '#000000',
40
+ foreground: '#0C0C0F',
40
41
  secondary: '#767A80',
41
42
  tertiary: '#D8D8DE',
42
43
  primary: '#D745FF',
@@ -132,7 +133,7 @@ const themeData = [
132
133
  'bg-default': '#100E11',
133
134
  'bg-200': '#2A2A30',
134
135
  'bg-300': '#17171C',
135
- 'bg-400': '#19161B',
136
+ 'bg-400': '#171517',
136
137
  overlay: '#17171C',
137
138
  divider: '#282828',
138
139
  bullish: '#73D090',
@@ -145,12 +146,12 @@ const themeData = [
145
146
  enName: 'UX Soft Light',
146
147
  colorScheme: 'light',
147
148
  colorVariables: {
148
- default: '#0C0C0F',
149
+ default: '#000000',
149
150
  white: '#FFFFFF',
150
151
  transparent: 'transparent',
151
- foreground: '#0C0C0F',
152
- secondary: '#363538',
153
- tertiary: '#7B7B85',
152
+ foreground: '#000000',
153
+ secondary: '#3D3C3F',
154
+ tertiary: '#CFCFD7',
154
155
  primary: '#D745FF',
155
156
  success: '#19AB5E',
156
157
  danger: '#FF5868',
@@ -179,7 +180,7 @@ const themeData = [
179
180
  transparent: 'transparent',
180
181
  foreground: '#F0F5F5',
181
182
  secondary: '#C4CCCC',
182
- tertiary: '#757E80',
183
+ tertiary: '#5D6466',
183
184
  primary: '#86D99F',
184
185
  success: '#86D99F',
185
186
  danger: '#F26682',
@@ -187,7 +188,7 @@ const themeData = [
187
188
  warning: '#EDB951',
188
189
  gold: '#F5DA54',
189
190
  'bg-default': '#0C0C0F',
190
- 'bg-200': '#282A2E',
191
+ 'bg-200': '#1F2024',
191
192
  'bg-300': '#1A1B1F',
192
193
  'bg-400': '#111214',
193
194
  overlay: '#1A1B1F',
@@ -208,7 +209,7 @@ const themeData = [
208
209
  transparent: 'transparent',
209
210
  foreground: '#FCFCFC',
210
211
  secondary: '#C8C9D1',
211
- tertiary: '#777A8C',
212
+ tertiary: '#4A4D5E',
212
213
  primary: '#526FFF',
213
214
  success: '#2FE3AC',
214
215
  danger: '#EC397A',
@@ -216,11 +217,11 @@ const themeData = [
216
217
  warning: '#F7931A',
217
218
  gold: '#F7931A',
218
219
  'bg-default': '#0C0C0F',
219
- 'bg-200': '#333542',
220
+ 'bg-200': '#22242D',
220
221
  'bg-300': '#18181A',
221
222
  'bg-400': '#101114',
222
223
  overlay: '#18181A',
223
- divider: '#333542',
224
+ divider: '#25272E',
224
225
  bullish: '#0B9981',
225
226
  bearish: '#F23646'
226
227
  }
@@ -243,12 +244,12 @@ const themeData = [
243
244
  alert: '#EF8F50',
244
245
  warning: '#FFB648',
245
246
  gold: '#FFB648',
246
- 'bg-default': '#0F1A1F',
247
- 'bg-200': '#273035',
247
+ 'bg-default': '#0A1318',
248
+ 'bg-200': '#222D33',
248
249
  'bg-300': '#1B2429',
249
250
  'bg-400': '#0F1A1F',
250
251
  overlay: '#1B2429',
251
- divider: '#444651',
252
+ divider: '#394145',
252
253
  bullish: '#51D2C1',
253
254
  bearish: '#D45B71'
254
255
  }
@@ -264,7 +265,7 @@ const themeData = [
264
265
  transparent: 'transparent',
265
266
  foreground: '#FFFFFF',
266
267
  secondary: '#999999',
267
- tertiary: '#757E80',
268
+ tertiary: '#54515E',
268
269
  primary: '#AB9FF2',
269
270
  success: '#2EC08B',
270
271
  danger: '#F7525F',
@@ -272,7 +273,7 @@ const themeData = [
272
273
  warning: '#FFD13F',
273
274
  gold: '#FFD13F',
274
275
  'bg-default': '#13121A',
275
- 'bg-200': '#222222',
276
+ 'bg-200': '#2C2C38',
276
277
  'bg-300': '#272735',
277
278
  'bg-400': '#22212A',
278
279
  overlay: '#272735',
@@ -292,7 +293,7 @@ const themeData = [
292
293
  transparent: 'transparent',
293
294
  foreground: '#EAECEF',
294
295
  secondary: '#929AA5',
295
- tertiary: '#707A8A',
296
+ tertiary: '#444A56',
296
297
  primary: '#FCD535',
297
298
  success: '#2EBD85',
298
299
  danger: '#F6465D',
@@ -300,7 +301,7 @@ const themeData = [
300
301
  warning: '#F0B90B',
301
302
  gold: '#2DBD85',
302
303
  'bg-default': '#0B0E11',
303
- 'bg-200': '#29313D',
304
+ 'bg-200': '#252B36',
304
305
  'bg-300': '#202630',
305
306
  'bg-400': '#181A20',
306
307
  overlay: '#202630',
@@ -321,7 +322,7 @@ const themeData = [
321
322
  transparent: 'transparent',
322
323
  foreground: '#E9E9E9',
323
324
  secondary: '#98989B',
324
- tertiary: '#686a6d',
325
+ tertiary: '#4B4D51',
325
326
  primary: '#61DC9B',
326
327
  success: '#459C6E',
327
328
  danger: '#A13C45',
@@ -330,9 +331,9 @@ const themeData = [
330
331
  gold: '#E9BF52',
331
332
  'bg-default': '#09090B',
332
333
  'bg-200': '#1B1D22',
333
- 'bg-300': '#0D0D10',
334
+ 'bg-300': '#15171A',
334
335
  'bg-400': '#0F0F0F',
335
- overlay: '#0D0D10',
336
+ overlay: '#15171A',
336
337
  divider: '#1E2025',
337
338
  bullish: '#459C6E',
338
339
  bearish: '#A13C45'
@@ -340,4 +341,4 @@ const themeData = [
340
341
  }
341
342
  ];
342
343
  const themeKeys = themeData.map((theme)=>theme.id);
343
- export { themeData, themeKeys };
344
+ export { DEFAULT_THEME_ID, themeData, themeKeys };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-shared",
3
- "version": "0.3.0-beta.5",
3
+ "version": "0.3.0-beta.6",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "react-native": "./dist/index.js",