@crystin001/theme-settings-lib 1.0.0 → 1.2.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.
Files changed (22) hide show
  1. package/README.md +402 -368
  2. package/dist/components/ThemeShowcase.d.ts +10 -0
  3. package/dist/components/ThemeShowcase.d.ts.map +1 -0
  4. package/dist/components/ThemeShowcase.js +357 -0
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +1 -0
  8. package/dist/settings-context.d.ts.map +1 -1
  9. package/dist/settings-context.js +5 -3
  10. package/dist/stories/ThemeStories.d.ts +6 -0
  11. package/dist/stories/ThemeStories.d.ts.map +1 -0
  12. package/dist/stories/ThemeStories.js +285 -0
  13. package/dist/stories/index.d.ts +2 -0
  14. package/dist/stories/index.d.ts.map +1 -0
  15. package/dist/stories/index.js +4 -0
  16. package/dist/theme-validation.d.ts +27 -0
  17. package/dist/theme-validation.d.ts.map +1 -0
  18. package/dist/theme-validation.js +114 -0
  19. package/dist/theme.d.ts +16 -1
  20. package/dist/theme.d.ts.map +1 -1
  21. package/dist/theme.js +628 -334
  22. package/package.json +69 -56
package/dist/theme.js CHANGED
@@ -7,313 +7,584 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.Fonts = exports.Colors = exports.Themes = void 0;
8
8
  const react_native_1 = require("react-native");
9
9
  exports.Themes = {
10
- // System theme (uses device preference)
11
- 'system-light': {
12
- text: '#11181C',
13
- background: '#FFFFFF',
14
- tint: '#0a7ea4',
15
- icon: '#687076',
16
- tabIconDefault: '#687076',
17
- tabIconSelected: '#0a7ea4',
18
- border: '#E1E4E8',
19
- card: '#F6F8FA',
20
- cardText: '#24292E',
21
- button: '#0a7ea4',
22
- buttonText: '#FFFFFF',
23
- buttonSecondary: '#F1F3F5',
24
- buttonSecondaryText: '#11181C',
25
- input: '#FFFFFF',
26
- inputText: '#11181C',
27
- inputBorder: '#D1D5DB',
28
- success: '#28A745',
29
- warning: '#FFC107',
30
- error: '#DC3545',
31
- info: '#17A2B8',
32
- primary: '#0a7ea4',
33
- secondary: '#6C757D',
34
- muted: '#6C757D',
10
+ // Cyber Amethyst theme
11
+ 'cyber-amethyst-dark': {
12
+ text: '#F3E5F5',
13
+ background: '#0F0916',
14
+ tint: '#BB86FC',
15
+ icon: '#CFFAFE',
16
+ tabIconDefault: '#624B7D',
17
+ tabIconSelected: '#BB86FC',
18
+ border: '#3700B3',
19
+ card: '#1E142B',
20
+ cardText: '#F3E5F5',
21
+ button: '#BB86FC',
22
+ buttonText: '#000000',
23
+ buttonSecondary: '#3700B3',
24
+ buttonSecondaryText: '#F3E5F5',
25
+ input: '#1E142B',
26
+ inputText: '#F3E5F5',
27
+ inputBorder: '#BB86FC',
28
+ success: '#03DAC6',
29
+ warning: '#FFB74D',
30
+ error: '#CF6679',
31
+ info: '#80DEEA',
32
+ primary: '#BB86FC',
33
+ secondary: '#03DAC6',
34
+ muted: '#9FA8DA',
35
+ accent1: '#BB86FC', accent1Light: '#EFB7FF', accent1Dark: '#8858C8',
36
+ accent2: '#03DAC6', accent2Light: '#66FFF9', accent2Dark: '#00A896',
37
+ accent3: '#F06292', accent3Light: '#FF94C2', accent3Dark: '#BA2D65',
38
+ accent4: '#4DB6AC', accent4Light: '#82E9DE', accent4Dark: '#00867D',
39
+ accent5: '#7986CB', accent5Light: '#A9B4FF', accent5Dark: '#49599A',
35
40
  },
36
- 'system-dark': {
37
- text: '#ECEDEE',
38
- background: '#151718',
39
- tint: '#FFFFFF',
40
- icon: '#9BA1A6',
41
- tabIconDefault: '#9BA1A6',
42
- tabIconSelected: '#FFFFFF',
43
- border: '#30363D',
44
- card: '#21262D',
45
- cardText: '#ECEDEE',
46
- button: '#238636',
41
+ 'cyber-amethyst-light': {
42
+ text: '#0F0916',
43
+ background: '#F3E5F5',
44
+ tint: '#8858C8',
45
+ icon: '#624B7D',
46
+ tabIconDefault: '#9FA8DA',
47
+ tabIconSelected: '#8858C8',
48
+ border: '#BB86FC',
49
+ card: '#E8D5F0',
50
+ cardText: '#0F0916',
51
+ button: '#8858C8',
47
52
  buttonText: '#FFFFFF',
48
- buttonSecondary: '#30363D',
49
- buttonSecondaryText: '#ECEDEE',
50
- input: '#21262D',
51
- inputText: '#ECEDEE',
52
- inputBorder: '#30363D',
53
- success: '#3FB950',
54
- warning: '#D29922',
55
- error: '#F85149',
56
- info: '#58A6FF',
57
- primary: '#238636',
58
- secondary: '#8B949E',
59
- muted: '#8B949E',
60
- },
61
- // Neon Surf theme
62
- 'neon-surf-light': {
63
- text: '#0A0E27',
64
- background: '#E6F7FF',
65
- tint: '#FF00FF',
66
- icon: '#00F5FF',
67
- tabIconDefault: '#00F5FF',
68
- tabIconSelected: '#FF00FF',
69
- border: '#00F5FF',
70
- card: '#D4EDFF',
71
- cardText: '#0A0E27',
72
- button: '#FF00FF',
73
- buttonText: '#1A0A3D',
74
- buttonSecondary: '#D4EDFF',
75
- buttonSecondaryText: '#0A0E27',
53
+ buttonSecondary: '#E8D5F0',
54
+ buttonSecondaryText: '#0F0916',
76
55
  input: '#FFFFFF',
77
- inputText: '#0A0E27',
78
- inputBorder: '#00F5FF',
79
- success: '#00FF88',
80
- warning: '#FF8C00',
81
- error: '#FF006E',
82
- info: '#00F5FF',
83
- primary: '#FF00FF',
84
- secondary: '#FFD700',
85
- muted: '#00A8CC',
56
+ inputText: '#0F0916',
57
+ inputBorder: '#BB86FC',
58
+ success: '#00A896',
59
+ warning: '#CC8F4D',
60
+ error: '#A64D5C',
61
+ info: '#0093C4',
62
+ primary: '#8858C8',
63
+ secondary: '#00A896',
64
+ muted: '#9FA8DA',
65
+ accent1: '#8858C8', accent1Light: '#BB86FC', accent1Dark: '#5D3A8A',
66
+ accent2: '#00A896', accent2Light: '#03DAC6', accent2Dark: '#007A6B',
67
+ accent3: '#BA2D65', accent3Light: '#F06292', accent3Dark: '#8A2149',
68
+ accent4: '#00867D', accent4Light: '#4DB6AC', accent4Dark: '#005A52',
69
+ accent5: '#49599A', accent5Light: '#7986CB', accent5Dark: '#2E3A6B',
86
70
  },
87
- 'neon-surf-dark': {
88
- text: '#FFFFFF',
89
- background: '#0A0E27',
90
- tint: '#FF00FF',
91
- icon: '#00F5FF',
92
- tabIconDefault: '#00F5FF',
93
- tabIconSelected: '#FF00FF',
94
- border: '#00F5FF',
95
- card: '#1A1F3A',
96
- cardText: '#FFFFFF',
97
- button: '#FF00FF',
98
- buttonText: '#1A0A3D',
99
- buttonSecondary: '#1A1F3A',
100
- buttonSecondaryText: '#FFD700',
101
- input: '#1A1F3A',
102
- inputText: '#FFFFFF',
103
- inputBorder: '#00F5FF',
104
- success: '#00FF88',
105
- warning: '#FF8C00',
106
- error: '#FF006E',
107
- info: '#00F5FF',
108
- primary: '#FF00FF',
109
- secondary: '#FFD700',
110
- muted: '#00A8CC',
71
+ // Cotton Candy theme
72
+ 'cotton-candy-dark': {
73
+ text: '#F8F1F9',
74
+ background: '#1D1420',
75
+ tint: '#FFB3D9',
76
+ icon: '#D1C4D4',
77
+ tabIconDefault: '#6D5D70',
78
+ tabIconSelected: '#FFB3D9',
79
+ border: '#4A3A4A',
80
+ card: '#2D1F2E',
81
+ cardText: '#F8F1F9',
82
+ button: '#FFB3D9',
83
+ buttonText: '#1D1420',
84
+ buttonSecondary: '#3A2F3A',
85
+ buttonSecondaryText: '#FFB3D9',
86
+ input: '#2D1F2E',
87
+ inputText: '#F8F1F9',
88
+ inputBorder: '#FFB3D9',
89
+ success: '#81C784',
90
+ warning: '#FFD54F',
91
+ error: '#FF8A80',
92
+ info: '#81D4FA',
93
+ primary: '#FFB3D9',
94
+ secondary: '#D4B3FF',
95
+ muted: '#A291A6',
96
+ // Accent colors
97
+ accent1: '#FFB3D9', accent1Light: '#FFD9EC', accent1Dark: '#CC8FAD',
98
+ accent2: '#D4B3FF', accent2Light: '#E6CCFF', accent2Dark: '#A98FCC',
99
+ accent3: '#B3D9FF', accent3Light: '#CCE6FF', accent3Dark: '#8FADCC',
100
+ accent4: '#B5E5CF', accent4Light: '#D4F0E4', accent4Dark: '#91B7A5',
101
+ accent5: '#FFE5B4', accent5Light: '#FFF0D9', accent5Dark: '#CCB790',
111
102
  },
112
- // Pink & Purple theme
113
- 'pink-purple-light': {
114
- text: '#2D1B3D',
115
- background: '#F5E6FF',
116
- tint: '#B84DCC',
117
- icon: '#8B5FBF',
118
- tabIconDefault: '#8B5FBF',
119
- tabIconSelected: '#B84DCC',
120
- border: '#D4A5E8',
121
- card: '#E8D4F5',
122
- cardText: '#2D1B3D',
123
- button: '#B84DCC',
124
- buttonText: '#FFFFFF',
125
- buttonSecondary: '#E8D4F5',
126
- buttonSecondaryText: '#2D1B3D',
103
+ 'cotton-candy-light': {
104
+ text: '#3D3441',
105
+ background: '#FFF5F7',
106
+ tint: '#D63384',
107
+ icon: '#706575',
108
+ tabIconDefault: '#9A8C9E',
109
+ tabIconSelected: '#D63384',
110
+ border: '#F7D1E1',
111
+ card: '#FFFFFF',
112
+ cardText: '#3D3441',
113
+ button: '#F28EB5',
114
+ buttonText: '#3D3441',
115
+ buttonSecondary: '#E9ECEF',
116
+ buttonSecondaryText: '#3D3441',
127
117
  input: '#FFFFFF',
128
- inputText: '#2D1B3D',
129
- inputBorder: '#D4A5E8',
130
- success: '#C77DFF',
131
- warning: '#FF6B9D',
132
- error: '#E63946',
133
- info: '#9D4EDD',
134
- primary: '#B84DCC',
135
- secondary: '#8B5FBF',
136
- muted: '#A78BBF',
118
+ inputText: '#3D3441',
119
+ inputBorder: '#E9C0D3',
120
+ success: '#388E3C',
121
+ warning: '#D97706',
122
+ error: '#D32F2F',
123
+ info: '#0288D1',
124
+ primary: '#F28EB5',
125
+ secondary: '#B194E0',
126
+ muted: '#7A727C',
127
+ // Accent colors
128
+ accent1: '#F28EB5', accent1Light: '#FFD9EC', accent1Dark: '#B85E86',
129
+ accent2: '#B194E0', accent2Light: '#E6CCFF', accent2Dark: '#816BB0',
130
+ accent3: '#90CAF9', accent3Light: '#CCE6FF', accent3Dark: '#5D99C6',
131
+ accent4: '#81C784', accent4Light: '#D4F0E4', accent4Dark: '#519657',
132
+ accent5: '#FFD54F', accent5Light: '#FFF0D9', accent5Dark: '#C7A500',
137
133
  },
138
- 'pink-purple-dark': {
134
+ // Cosmic Orchid theme
135
+ 'cosmic-orchid-dark': {
139
136
  text: '#F5E6FF',
140
- background: '#1A0F2E',
137
+ background: '#0F0817',
141
138
  tint: '#D973F5',
142
- icon: '#B84DCC',
143
- tabIconDefault: '#B84DCC',
139
+ icon: '#C77DFF',
140
+ tabIconDefault: '#5A4A6B',
144
141
  tabIconSelected: '#D973F5',
145
- border: '#6B3D8B',
146
- card: '#2D1B3D',
142
+ border: '#3C096C',
143
+ card: '#1E122B',
147
144
  cardText: '#F5E6FF',
148
145
  button: '#D973F5',
149
- buttonText: '#1A0F2E',
150
- buttonSecondary: '#2D1B3D',
146
+ buttonText: '#0F0817',
147
+ buttonSecondary: '#3C096C',
151
148
  buttonSecondaryText: '#F5E6FF',
152
- input: '#2D1B3D',
149
+ input: '#1E122B',
153
150
  inputText: '#F5E6FF',
154
- inputBorder: '#6B3D8B',
155
- success: '#E6A3FF',
156
- warning: '#FF8BB3',
157
- error: '#FF6B7A',
158
- info: '#C77DFF',
151
+ inputBorder: '#D973F5',
152
+ success: '#72EFDD',
153
+ warning: '#FF9E00',
154
+ error: '#FF5A5F',
155
+ info: '#9D4EDD',
159
156
  primary: '#D973F5',
160
- secondary: '#B84DCC',
161
- muted: '#8B5FBF',
157
+ secondary: '#C77DFF',
158
+ muted: '#8B7AA1',
159
+ // Accent colors
160
+ accent1: '#D973F5', accent1Light: '#E6A3FF', accent1Dark: '#B84DCC',
161
+ accent2: '#C77DFF', accent2Light: '#E6A3FF', accent2Dark: '#9D4EDD',
162
+ accent3: '#B84DCC', accent3Light: '#D973F5', accent3Dark: '#933DA3',
163
+ accent4: '#FF8BB3', accent4Light: '#FFB3D1', accent4Dark: '#CC6F8F',
164
+ accent5: '#E6A3FF', accent5Light: '#F5CCFF', accent5Dark: '#B884CC',
162
165
  },
163
- // Pastel theme
164
- 'pastel-light': {
165
- text: '#4A5568',
166
- background: '#FFF5F7',
167
- tint: '#FFB3D9',
168
- icon: '#A8A8A8',
169
- tabIconDefault: '#A8A8A8',
170
- tabIconSelected: '#FFB3D9',
171
- border: '#FFE5F0',
172
- card: '#FFF9FB',
173
- cardText: '#4A5568',
174
- button: '#FFB3D9',
166
+ 'cosmic-orchid-light': {
167
+ text: '#2D1B3D',
168
+ background: '#FAF5FF',
169
+ tint: '#9D4EDD',
170
+ icon: '#7B2CBF',
171
+ tabIconDefault: '#A294AD',
172
+ tabIconSelected: '#9D4EDD',
173
+ border: '#E0CCF0',
174
+ card: '#FFFFFF',
175
+ cardText: '#2D1B3D',
176
+ button: '#9D4EDD',
175
177
  buttonText: '#FFFFFF',
176
- buttonSecondary: '#FFE5F0',
177
- buttonSecondaryText: '#4A5568',
178
+ buttonSecondary: '#F3E5F5',
179
+ buttonSecondaryText: '#5A189A',
178
180
  input: '#FFFFFF',
179
- inputText: '#4A5568',
180
- inputBorder: '#FFE5F0',
181
- success: '#B5E5CF',
182
- warning: '#FFE5B4',
183
- error: '#FFB3BA',
184
- info: '#B3D9FF',
185
- primary: '#FFB3D9',
186
- secondary: '#D4B3FF',
187
- muted: '#C4C4C4',
181
+ inputText: '#2D1B3D',
182
+ inputBorder: '#BE95E0',
183
+ success: '#2D6A4F',
184
+ warning: '#A44A00',
185
+ error: '#C92A2A',
186
+ info: '#3C096C',
187
+ primary: '#9D4EDD',
188
+ secondary: '#5A189A',
189
+ muted: '#6B5E78',
190
+ // Accent colors
191
+ accent1: '#9D4EDD', accent1Light: '#C77DFF', accent1Dark: '#5A189A',
192
+ accent2: '#E0AAFF', accent2Light: '#F7E8FF', accent2Dark: '#9D4EDD',
193
+ accent3: '#FF85A1', accent3Light: '#FFB3C1', accent3Dark: '#C9184A',
194
+ accent4: '#7B2CBF', accent4Light: '#9D4EDD', accent4Dark: '#3C096C',
195
+ accent5: '#240046', accent5Light: '#5A189A', accent5Dark: '#10002B',
188
196
  },
189
- 'pastel-dark': {
190
- text: '#E8E8E8',
191
- background: '#2A1F2E',
192
- tint: '#FFB3D9',
193
- icon: '#B8B8B8',
194
- tabIconDefault: '#B8B8B8',
195
- tabIconSelected: '#FFB3D9',
196
- border: '#4A3A4A',
197
- card: '#3A2F3A',
198
- cardText: '#E8E8E8',
199
- button: '#FFB3D9',
200
- buttonText: '#2A1F2E',
201
- buttonSecondary: '#3A2F3A',
202
- buttonSecondaryText: '#E8E8E8',
203
- input: '#3A2F3A',
204
- inputText: '#E8E8E8',
205
- inputBorder: '#4A3A4A',
206
- success: '#B5E5CF',
207
- warning: '#FFE5B4',
208
- error: '#FFB3BA',
209
- info: '#B3D9FF',
210
- primary: '#FFB3D9',
211
- secondary: '#D4B3FF',
212
- muted: '#A8A8A8',
197
+ // Dark Plus theme
198
+ 'dark-plus-dark': {
199
+ text: '#CCCCCC',
200
+ background: '#1E1E1E',
201
+ tint: '#007ACC',
202
+ icon: '#858585',
203
+ tabIconDefault: '#858585',
204
+ tabIconSelected: '#007ACC',
205
+ border: '#3E3E42',
206
+ card: '#252526',
207
+ cardText: '#CCCCCC',
208
+ button: '#007ACC',
209
+ buttonText: '#FFFFFF',
210
+ buttonSecondary: '#3E3E42',
211
+ buttonSecondaryText: '#CCCCCC',
212
+ input: '#252526',
213
+ inputText: '#CCCCCC',
214
+ inputBorder: '#3E3E42',
215
+ success: '#89D185',
216
+ warning: '#CE9178',
217
+ error: '#F48771',
218
+ info: '#4EC9B0',
219
+ primary: '#007ACC',
220
+ secondary: '#858585',
221
+ muted: '#858585',
222
+ // Accent colors - VS Code Dark+ theme
223
+ accent1: '#007ACC',
224
+ accent1Light: '#4A9AE8',
225
+ accent1Dark: '#0062A3',
226
+ accent2: '#4EC9B0',
227
+ accent2Light: '#7ED9C4',
228
+ accent2Dark: '#3EA18C',
229
+ accent3: '#89D185',
230
+ accent3Light: '#B3E5AF',
231
+ accent3Dark: '#6FA76A',
232
+ accent4: '#CE9178',
233
+ accent4Light: '#E6B8A8',
234
+ accent4Dark: '#A57360',
235
+ accent5: '#F48771',
236
+ accent5Light: '#FFB3A3',
237
+ accent5Dark: '#C36C5A',
213
238
  },
214
- // GitHub theme
215
- 'github-light': {
216
- text: '#24292F',
239
+ 'dark-plus-light': {
240
+ text: '#333333',
217
241
  background: '#FFFFFF',
218
- tint: '#0969DA',
219
- icon: '#656D76',
220
- tabIconDefault: '#656D76',
221
- tabIconSelected: '#0969DA',
222
- border: '#D1D9E0',
223
- card: '#F6F8FA',
224
- cardText: '#24292F',
225
- button: '#0969DA',
242
+ tint: '#007ACC',
243
+ icon: '#666666',
244
+ tabIconDefault: '#666666',
245
+ tabIconSelected: '#007ACC',
246
+ border: '#CCCCCC',
247
+ card: '#F5F5F5',
248
+ cardText: '#333333',
249
+ button: '#007ACC',
226
250
  buttonText: '#FFFFFF',
227
- buttonSecondary: '#F3F4F6',
228
- buttonSecondaryText: '#24292F',
251
+ buttonSecondary: '#E5E5E5',
252
+ buttonSecondaryText: '#333333',
229
253
  input: '#FFFFFF',
230
- inputText: '#24292F',
231
- inputBorder: '#D1D9E0',
232
- success: '#1A7F37',
233
- warning: '#9A6700',
234
- error: '#CF222E',
235
- info: '#0969DA',
236
- primary: '#0969DA',
237
- secondary: '#656D76',
238
- muted: '#656D76',
254
+ inputText: '#333333',
255
+ inputBorder: '#CCCCCC',
256
+ success: '#89D185',
257
+ warning: '#CE9178',
258
+ error: '#F48771',
259
+ info: '#4EC9B0',
260
+ primary: '#007ACC',
261
+ secondary: '#666666',
262
+ muted: '#999999',
263
+ // Accent colors - VS Code Dark+ theme
264
+ accent1: '#007ACC',
265
+ accent1Light: '#4A9AE8',
266
+ accent1Dark: '#0062A3',
267
+ accent2: '#4EC9B0',
268
+ accent2Light: '#7ED9C4',
269
+ accent2Dark: '#3EA18C',
270
+ accent3: '#89D185',
271
+ accent3Light: '#B3E5AF',
272
+ accent3Dark: '#6FA76A',
273
+ accent4: '#CE9178',
274
+ accent4Light: '#E6B8A8',
275
+ accent4Dark: '#A57360',
276
+ accent5: '#F48771',
277
+ accent5Light: '#FFB3A3',
278
+ accent5Dark: '#C36C5A',
239
279
  },
240
- 'github-dark': {
241
- text: '#E6EDF3',
242
- background: '#0D1117',
243
- tint: '#58A6FF',
244
- icon: '#7D8590',
245
- tabIconDefault: '#7D8590',
246
- tabIconSelected: '#58A6FF',
247
- border: '#30363D',
248
- card: '#161B22',
249
- cardText: '#E6EDF3',
250
- button: '#238636',
280
+ // Desert Sunset theme
281
+ 'desert-sunset-dark': {
282
+ text: '#FFF8F0',
283
+ background: '#2D2424',
284
+ tint: '#F4A261',
285
+ icon: '#E9C46A',
286
+ tabIconDefault: '#8D8177',
287
+ tabIconSelected: '#F4A261',
288
+ border: '#E76F51',
289
+ card: '#3D3232',
290
+ cardText: '#FFF8F0',
291
+ button: '#F4A261',
292
+ buttonText: '#2D2424',
293
+ buttonSecondary: '#3D3232',
294
+ buttonSecondaryText: '#E9C46A',
295
+ input: '#3D3232',
296
+ inputText: '#FFF8F0',
297
+ inputBorder: '#E76F51',
298
+ success: '#2A9D8F',
299
+ warning: '#E76F51',
300
+ error: '#D62828',
301
+ info: '#218380',
302
+ primary: '#F4A261',
303
+ secondary: '#E9C46A',
304
+ muted: '#8D8177',
305
+ accent1: '#F4A261', accent1Light: '#FFD391', accent1Dark: '#BD7333',
306
+ accent2: '#2A9D8F', accent2Light: '#63CEC1', accent2Dark: '#006E61',
307
+ accent3: '#E9C46A', accent3Light: '#FFF69B', accent3Dark: '#B5943B',
308
+ accent4: '#E76F51', accent4Light: '#FFA07D', accent4Dark: '#AF3D27',
309
+ accent5: '#264653', accent5Light: '#527180', accent5Dark: '#001F2B',
310
+ },
311
+ 'desert-sunset-light': {
312
+ text: '#2D2424',
313
+ background: '#FFF8F0',
314
+ tint: '#E76F51',
315
+ icon: '#264653',
316
+ tabIconDefault: '#A69F98',
317
+ tabIconSelected: '#E76F51',
318
+ border: '#E9C46A',
319
+ card: '#F4E9DC',
320
+ cardText: '#2D2424',
321
+ button: '#E76F51',
251
322
  buttonText: '#FFFFFF',
252
- buttonSecondary: '#21262D',
253
- buttonSecondaryText: '#E6EDF3',
254
- input: '#161B22',
255
- inputText: '#E6EDF3',
256
- inputBorder: '#30363D',
257
- success: '#3FB950',
258
- warning: '#D29922',
259
- error: '#F85149',
260
- info: '#58A6FF',
261
- primary: '#238636',
262
- secondary: '#7D8590',
263
- muted: '#7D8590',
323
+ buttonSecondary: '#2A9D8F',
324
+ buttonSecondaryText: '#FFFFFF',
325
+ input: '#FFFFFF',
326
+ inputText: '#2D2424',
327
+ inputBorder: '#E9C46A',
328
+ success: '#2A9D8F',
329
+ warning: '#F4A261',
330
+ error: '#D62828',
331
+ info: '#218380',
332
+ primary: '#E76F51',
333
+ secondary: '#264653',
334
+ muted: '#8D8177',
335
+ accent1: '#E76F51', accent1Light: '#FFA07D', accent1Dark: '#AF3D27',
336
+ accent2: '#2A9D8F', accent2Light: '#63CEC1', accent2Dark: '#006E61',
337
+ accent3: '#E9C46A', accent3Light: '#FFF69B', accent3Dark: '#B5943B',
338
+ accent4: '#264653', accent4Light: '#527180', accent4Dark: '#001F2B',
339
+ accent5: '#F4A261', accent5Light: '#FFD391', accent5Dark: '#BD7333',
264
340
  },
265
341
  // High Contrast theme
342
+ 'high-contrast-dark': {
343
+ text: '#FFFFFF',
344
+ background: '#000000',
345
+ tint: '#FFD700', // Electric Amber
346
+ icon: '#FFFFFF',
347
+ tabIconDefault: '#A0A0A0',
348
+ tabIconSelected: '#FFD700',
349
+ border: '#FFFFFF',
350
+ card: '#121212', // Slightly elevated from pure black
351
+ cardText: '#FFFFFF',
352
+ button: '#FFD700',
353
+ buttonText: '#000000',
354
+ buttonSecondary: '#2A2A2A',
355
+ buttonSecondaryText: '#FFFFFF',
356
+ input: '#000000',
357
+ inputText: '#FFFFFF',
358
+ inputBorder: '#FFD700', // Focused input is very clear
359
+ success: '#00FF41', // Matrix Green
360
+ warning: '#FFD700',
361
+ error: '#FF3131',
362
+ info: '#00E5FF',
363
+ primary: '#FFD700',
364
+ secondary: '#FFFFFF',
365
+ muted: '#B0B0B0',
366
+ accent1: '#FFD700', accent1Light: '#FFE14D', accent1Dark: '#B29600',
367
+ accent2: '#00FF41', accent2Light: '#4DFF7A', accent2Dark: '#00B22D',
368
+ accent3: '#FF3131', accent3Light: '#FF6F6F', accent3Dark: '#B22222',
369
+ accent4: '#00E5FF', accent4Light: '#4DEDFF', accent4Dark: '#00A0B2',
370
+ accent5: '#E0E0E0', accent5Light: '#FFFFFF', accent5Dark: '#9E9E9E',
371
+ },
266
372
  'high-contrast-light': {
267
373
  text: '#000000',
268
374
  background: '#FFFFFF',
269
- tint: '#0000FF',
375
+ tint: '#0026FF', // Deep Cobalt
270
376
  icon: '#000000',
271
- tabIconDefault: '#000000',
272
- tabIconSelected: '#0000FF',
377
+ tabIconDefault: '#545454',
378
+ tabIconSelected: '#0026FF',
273
379
  border: '#000000',
274
- card: '#F0F0F0',
380
+ card: '#F8F9FA',
275
381
  cardText: '#000000',
276
- button: '#0000FF',
382
+ button: '#0026FF',
277
383
  buttonText: '#FFFFFF',
278
384
  buttonSecondary: '#E0E0E0',
279
385
  buttonSecondaryText: '#000000',
280
386
  input: '#FFFFFF',
281
387
  inputText: '#000000',
282
- inputBorder: '#000000',
283
- success: '#008000',
284
- warning: '#FF8C00',
285
- error: '#FF0000',
286
- info: '#0000FF',
287
- primary: '#0000FF',
388
+ inputBorder: '#0026FF',
389
+ success: '#006D32', // Dark Green for contrast on white
390
+ warning: '#995B00', // Darker Orange
391
+ error: '#D32F2F',
392
+ info: '#004BA0',
393
+ primary: '#0026FF',
288
394
  secondary: '#000000',
289
- muted: '#666666',
395
+ muted: '#4D4D4D',
396
+ accent1: '#0026FF', accent1Light: '#4D67FF', accent1Dark: '#001AB2',
397
+ accent2: '#006D32', accent2Light: '#338A5B', accent2Dark: '#004C23',
398
+ accent3: '#D32F2F', accent3Light: '#DF5858', accent3Dark: '#932020',
399
+ accent4: '#C66900', accent4Light: '#D18733', accent4Dark: '#8A4900',
400
+ accent5: '#4D4D4D', accent5Light: '#707070', accent5Dark: '#363636',
290
401
  },
291
- 'high-contrast-dark': {
402
+ // Midnight Forest theme
403
+ 'midnight-forest-dark': {
404
+ text: '#ECF3F0',
405
+ background: '#0D1B1E',
406
+ tint: '#4DB6AC',
407
+ icon: '#80CBC4',
408
+ tabIconDefault: '#5A7D7A',
409
+ tabIconSelected: '#4DB6AC',
410
+ border: '#264D48',
411
+ card: '#162C29',
412
+ cardText: '#ECF3F0',
413
+ button: '#4DB6AC',
414
+ buttonText: '#0D1B1E',
415
+ buttonSecondary: '#264D48',
416
+ buttonSecondaryText: '#80CBC4',
417
+ input: '#162C29',
418
+ inputText: '#ECF3F0',
419
+ inputBorder: '#4DB6AC',
420
+ success: '#66BB6A',
421
+ warning: '#FFA726',
422
+ error: '#EF5350',
423
+ info: '#26C6DA',
424
+ primary: '#4DB6AC',
425
+ secondary: '#D4E157',
426
+ muted: '#78909C',
427
+ accent1: '#4DB6AC', accent1Light: '#80CBC4', accent1Dark: '#00867D',
428
+ accent2: '#D4E157', accent2Light: '#FFFF8A', accent2Dark: '#A0AF22',
429
+ accent3: '#FF8A65', accent3Light: '#FFBB93', accent3Dark: '#C7593B',
430
+ accent4: '#BA68C8', accent4Light: '#EF9A9A', accent4Dark: '#883997',
431
+ accent5: '#4FC3F7', accent5Light: '#8BF6FF', accent5Dark: '#0093C4',
432
+ },
433
+ 'midnight-forest-light': {
434
+ text: '#0D1B1E',
435
+ background: '#ECF3F0',
436
+ tint: '#00867D',
437
+ icon: '#264D48',
438
+ tabIconDefault: '#5A7D7A',
439
+ tabIconSelected: '#00867D',
440
+ border: '#80CBC4',
441
+ card: '#D4E9E6',
442
+ cardText: '#0D1B1E',
443
+ button: '#00867D',
444
+ buttonText: '#FFFFFF',
445
+ buttonSecondary: '#D4E9E6',
446
+ buttonSecondaryText: '#0D1B1E',
447
+ input: '#FFFFFF',
448
+ inputText: '#0D1B1E',
449
+ inputBorder: '#80CBC4',
450
+ success: '#2E7D32',
451
+ warning: '#E65100',
452
+ error: '#C62828',
453
+ info: '#00695C',
454
+ primary: '#00867D',
455
+ secondary: '#558B2F',
456
+ muted: '#546E7A',
457
+ accent1: '#00867D', accent1Light: '#4DB6AC', accent1Dark: '#004D47',
458
+ accent2: '#558B2F', accent2Light: '#A0AF22', accent2Dark: '#33691E',
459
+ accent3: '#D84315', accent3Light: '#FF8A65', accent3Dark: '#BF360C',
460
+ accent4: '#6A1B9A', accent4Light: '#BA68C8', accent4Dark: '#4A148C',
461
+ accent5: '#0277BD', accent5Light: '#4FC3F7', accent5Dark: '#01579B',
462
+ },
463
+ // Neon Surf theme
464
+ 'neon-surf-dark': {
292
465
  text: '#FFFFFF',
293
- background: '#000000',
294
- tint: '#FFFF00',
295
- icon: '#FFFFFF',
296
- tabIconDefault: '#FFFFFF',
297
- tabIconSelected: '#FFFF00',
298
- border: '#FFFFFF',
299
- card: '#1A1A1A',
466
+ background: '#0A0E27',
467
+ tint: '#FF00FF',
468
+ icon: '#00F5FF',
469
+ tabIconDefault: '#00F5FF',
470
+ tabIconSelected: '#FF00FF',
471
+ border: '#00F5FF',
472
+ card: '#1A1F3A',
300
473
  cardText: '#FFFFFF',
301
- button: '#FFFF00',
302
- buttonText: '#000000',
303
- buttonSecondary: '#333333',
304
- buttonSecondaryText: '#FFFFFF',
305
- input: '#1A1A1A',
474
+ button: '#FF00FF',
475
+ buttonText: '#FFFFFF',
476
+ buttonSecondary: '#1A1F3A',
477
+ buttonSecondaryText: '#FFD700',
478
+ input: '#1A1F3A',
306
479
  inputText: '#FFFFFF',
307
- inputBorder: '#FFFFFF',
308
- success: '#00FF00',
309
- warning: '#FFFF00',
310
- error: '#FF0000',
311
- info: '#00FFFF',
312
- primary: '#FFFF00',
313
- secondary: '#FFFFFF',
314
- muted: '#CCCCCC',
480
+ inputBorder: '#00F5FF',
481
+ success: '#00FF88',
482
+ warning: '#FF8C00',
483
+ error: '#FF006E',
484
+ info: '#00F5FF',
485
+ primary: '#FF00FF',
486
+ secondary: '#FFD700',
487
+ muted: '#00A8CC',
488
+ // Accent colors - neon/vibrant theme
489
+ accent1: '#FF00FF',
490
+ accent1Light: '#FF66FF',
491
+ accent1Dark: '#CC00CC',
492
+ accent2: '#00F5FF',
493
+ accent2Light: '#66F8FF',
494
+ accent2Dark: '#00C4CC',
495
+ accent3: '#FFD700',
496
+ accent3Light: '#FFE666',
497
+ accent3Dark: '#CCAC00',
498
+ accent4: '#00FF88',
499
+ accent4Light: '#66FFB3',
500
+ accent4Dark: '#00CC6D',
501
+ accent5: '#FF8C00',
502
+ accent5Light: '#FFB366',
503
+ accent5Dark: '#CC7000',
504
+ },
505
+ 'neon-surf-light': {
506
+ text: '#0A0E27',
507
+ background: '#E6F7FF',
508
+ tint: '#FF00FF',
509
+ icon: '#00F5FF',
510
+ tabIconDefault: '#00F5FF',
511
+ tabIconSelected: '#FF00FF',
512
+ border: '#00F5FF',
513
+ card: '#D4EDFF',
514
+ cardText: '#0A0E27',
515
+ button: '#FF00FF',
516
+ buttonText: '#FFFFFF',
517
+ buttonSecondary: '#D4EDFF',
518
+ buttonSecondaryText: '#0A0E27',
519
+ input: '#FFFFFF',
520
+ inputText: '#0A0E27',
521
+ inputBorder: '#00F5FF',
522
+ success: '#00FF88',
523
+ warning: '#FF8C00',
524
+ error: '#FF006E',
525
+ info: '#00F5FF',
526
+ primary: '#FF00FF',
527
+ secondary: '#FFD700',
528
+ muted: '#00A8CC',
529
+ // Accent colors - neon/vibrant theme
530
+ accent1: '#FF00FF',
531
+ accent1Light: '#FF66FF',
532
+ accent1Dark: '#CC00CC',
533
+ accent2: '#00F5FF',
534
+ accent2Light: '#66F8FF',
535
+ accent2Dark: '#00C4CC',
536
+ accent3: '#FFD700',
537
+ accent3Light: '#FFE666',
538
+ accent3Dark: '#CCAC00',
539
+ accent4: '#00FF88',
540
+ accent4Light: '#66FFB3',
541
+ accent4Dark: '#00CC6D',
542
+ accent5: '#FF8C00',
543
+ accent5Light: '#FFB366',
544
+ accent5Dark: '#CC7000',
315
545
  },
316
546
  // Solarized theme
547
+ 'solarized-dark': {
548
+ text: '#839496',
549
+ background: '#002B36',
550
+ tint: '#268BD2',
551
+ icon: '#657B83',
552
+ tabIconDefault: '#657B83',
553
+ tabIconSelected: '#268BD2',
554
+ border: '#073642',
555
+ card: '#073642',
556
+ cardText: '#839496',
557
+ button: '#268BD2',
558
+ buttonText: '#FFFFFF',
559
+ buttonSecondary: '#073642',
560
+ buttonSecondaryText: '#839496',
561
+ input: '#073642',
562
+ inputText: '#839496',
563
+ inputBorder: '#586E75',
564
+ success: '#859900',
565
+ warning: '#B58900',
566
+ error: '#DC322F',
567
+ info: '#268BD2',
568
+ primary: '#268BD2',
569
+ secondary: '#657B83',
570
+ muted: '#657B83',
571
+ // Accent colors - solarized theme
572
+ accent1: '#268BD2',
573
+ accent1Light: '#5AA3D9',
574
+ accent1Dark: '#1E6FA8',
575
+ accent2: '#859900',
576
+ accent2Light: '#A8C233',
577
+ accent2Dark: '#6A7A00',
578
+ accent3: '#B58900',
579
+ accent3Light: '#D4A633',
580
+ accent3Dark: '#916E00',
581
+ accent4: '#DC322F',
582
+ accent4Light: '#E85A57',
583
+ accent4Dark: '#B02825',
584
+ accent5: '#657B83',
585
+ accent5Light: '#8FA3AB',
586
+ accent5Dark: '#4F6369',
587
+ },
317
588
  'solarized-light': {
318
589
  text: '#586E75',
319
590
  background: '#FDF6E3',
@@ -325,7 +596,7 @@ exports.Themes = {
325
596
  card: '#FEF9E7',
326
597
  cardText: '#586E75',
327
598
  button: '#268BD2',
328
- buttonText: '#FDF6E3',
599
+ buttonText: '#FFFFFF',
329
600
  buttonSecondary: '#EEE8D5',
330
601
  buttonSecondaryText: '#586E75',
331
602
  input: '#FEF9E7',
@@ -338,82 +609,105 @@ exports.Themes = {
338
609
  primary: '#268BD2',
339
610
  secondary: '#93A1A1',
340
611
  muted: '#93A1A1',
612
+ // Accent colors - solarized theme
613
+ accent1: '#268BD2',
614
+ accent1Light: '#5AA3D9',
615
+ accent1Dark: '#1E6FA8',
616
+ accent2: '#859900',
617
+ accent2Light: '#A8C233',
618
+ accent2Dark: '#6A7A00',
619
+ accent3: '#B58900',
620
+ accent3Light: '#D4A633',
621
+ accent3Dark: '#916E00',
622
+ accent4: '#DC322F',
623
+ accent4Light: '#E85A57',
624
+ accent4Dark: '#B02825',
625
+ accent5: '#93A1A1',
626
+ accent5Light: '#B8C4C4',
627
+ accent5Dark: '#757E7E',
341
628
  },
342
- 'solarized-dark': {
343
- text: '#839496',
344
- background: '#002B36',
345
- tint: '#268BD2',
346
- icon: '#657B83',
347
- tabIconDefault: '#657B83',
348
- tabIconSelected: '#268BD2',
349
- border: '#073642',
350
- card: '#073642',
351
- cardText: '#839496',
352
- button: '#268BD2',
353
- buttonText: '#FDF6E3',
354
- buttonSecondary: '#073642',
355
- buttonSecondaryText: '#839496',
356
- input: '#073642',
357
- inputText: '#839496',
358
- inputBorder: '#586E75',
359
- success: '#859900',
360
- warning: '#B58900',
361
- error: '#DC322F',
362
- info: '#268BD2',
363
- primary: '#268BD2',
364
- secondary: '#657B83',
365
- muted: '#657B83',
629
+ // System theme (uses device preference)
630
+ 'system-dark': {
631
+ text: '#ECEDEE',
632
+ background: '#151718',
633
+ tint: '#58A6FF',
634
+ icon: '#9BA1A6',
635
+ tabIconDefault: '#9BA1A6',
636
+ tabIconSelected: '#FFFFFF',
637
+ border: '#30363D',
638
+ card: '#21262D',
639
+ cardText: '#ECEDEE',
640
+ button: '#238636',
641
+ buttonText: '#FFFFFF',
642
+ buttonSecondary: '#30363D',
643
+ buttonSecondaryText: '#ECEDEE',
644
+ input: '#21262D',
645
+ inputText: '#ECEDEE',
646
+ inputBorder: '#30363D',
647
+ success: '#3FB950',
648
+ warning: '#D29922',
649
+ error: '#F85149',
650
+ info: '#58A6FF',
651
+ primary: '#238636',
652
+ secondary: '#8B949E',
653
+ muted: '#8B949E',
654
+ // Accent colors - green/blue theme
655
+ accent1: '#238636',
656
+ accent1Light: '#4ECB5F',
657
+ accent1Dark: '#1A5F28',
658
+ accent2: '#58A6FF',
659
+ accent2Light: '#8BC5FF',
660
+ accent2Dark: '#2D7ACC',
661
+ accent3: '#8B949E',
662
+ accent3Light: '#B1B8C0',
663
+ accent3Dark: '#6B737C',
664
+ accent4: '#3FB950',
665
+ accent4Light: '#6FD17F',
666
+ accent4Dark: '#2D8A3A',
667
+ accent5: '#D29922',
668
+ accent5Light: '#E6B84D',
669
+ accent5Dark: '#A67A1A',
366
670
  },
367
- // Dark Plus theme
368
- 'dark-plus-light': {
369
- text: '#333333',
671
+ 'system-light': {
672
+ text: '#11181C',
370
673
  background: '#FFFFFF',
371
- tint: '#007ACC',
372
- icon: '#666666',
373
- tabIconDefault: '#666666',
374
- tabIconSelected: '#007ACC',
375
- border: '#CCCCCC',
376
- card: '#F5F5F5',
377
- cardText: '#333333',
378
- button: '#007ACC',
674
+ tint: '#0a7ea4',
675
+ icon: '#687076',
676
+ tabIconDefault: '#687076',
677
+ tabIconSelected: '#0a7ea4',
678
+ border: '#E1E4E8',
679
+ card: '#F6F8FA',
680
+ cardText: '#24292E',
681
+ button: '#0a7ea4',
379
682
  buttonText: '#FFFFFF',
380
- buttonSecondary: '#E5E5E5',
381
- buttonSecondaryText: '#333333',
683
+ buttonSecondary: '#F1F3F5',
684
+ buttonSecondaryText: '#11181C',
382
685
  input: '#FFFFFF',
383
- inputText: '#333333',
384
- inputBorder: '#CCCCCC',
385
- success: '#89D185',
386
- warning: '#CE9178',
387
- error: '#F48771',
388
- info: '#4EC9B0',
389
- primary: '#007ACC',
390
- secondary: '#666666',
391
- muted: '#999999',
392
- },
393
- 'dark-plus-dark': {
394
- text: '#CCCCCC',
395
- background: '#1E1E1E',
396
- tint: '#007ACC',
397
- icon: '#858585',
398
- tabIconDefault: '#858585',
399
- tabIconSelected: '#007ACC',
400
- border: '#3E3E42',
401
- card: '#252526',
402
- cardText: '#CCCCCC',
403
- button: '#007ACC',
404
- buttonText: '#FFFFFF',
405
- buttonSecondary: '#3E3E42',
406
- buttonSecondaryText: '#CCCCCC',
407
- input: '#252526',
408
- inputText: '#CCCCCC',
409
- inputBorder: '#3E3E42',
410
- success: '#89D185',
411
- warning: '#CE9178',
412
- error: '#F48771',
413
- info: '#4EC9B0',
414
- primary: '#007ACC',
415
- secondary: '#858585',
416
- muted: '#858585',
686
+ inputText: '#11181C',
687
+ inputBorder: '#D1D5DB',
688
+ success: '#28A745',
689
+ warning: '#FFC107',
690
+ error: '#DC3545',
691
+ info: '#17A2B8',
692
+ primary: '#0a7ea4',
693
+ secondary: '#6C757D',
694
+ muted: '#6C757D',
695
+ // Accent colors - teal/cyan theme
696
+ accent1: '#0a7ea4',
697
+ accent1Light: '#4FA8C5',
698
+ accent1Dark: '#065A7A',
699
+ accent2: '#17A2B8',
700
+ accent2Light: '#5BB8C9',
701
+ accent2Dark: '#0E6B7A',
702
+ accent3: '#6C757D',
703
+ accent3Light: '#9FA5AA',
704
+ accent3Dark: '#4A5156',
705
+ accent4: '#28A745',
706
+ accent4Light: '#6BC77A',
707
+ accent4Dark: '#1E7A32',
708
+ accent5: '#FFC107',
709
+ accent5Light: '#FFD54F',
710
+ accent5Dark: '#CC9900',
417
711
  },
418
712
  };
419
713
  // Legacy Colors export for backward compatibility