@memobit/libs 2.0.1 → 3.0.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 (75) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +6 -17
  3. package/dist/index.esm.js +5339 -7599
  4. package/dist/memobit-icons.json +25 -0
  5. package/dist/mfa.d.ts +17 -0
  6. package/dist/mfa.esm.js +1293 -0
  7. package/dist/useAuth-BBqdDG2z.js +467 -0
  8. package/dist/version.json +4 -4
  9. package/package.json +11 -74
  10. package/dist/styles/themes.scss +0 -74
  11. package/dist/styles/theming/_profile-theme.scss +0 -317
  12. package/dist/styles/theming/amber-meridian.scss +0 -271
  13. package/dist/styles/theming/archive-indigo.scss +0 -270
  14. package/dist/styles/theming/arctic-blue.scss +0 -266
  15. package/dist/styles/theming/asphalt-code.scss +0 -271
  16. package/dist/styles/theming/atelier-media.scss +0 -272
  17. package/dist/styles/theming/audit-ember.scss +0 -286
  18. package/dist/styles/theming/azure-night.scss +0 -269
  19. package/dist/styles/theming/blossom-meadow.scss +0 -273
  20. package/dist/styles/theming/blueprint-clay.scss +0 -271
  21. package/dist/styles/theming/blush-market.scss +0 -271
  22. package/dist/styles/theming/brass-chronicle.scss +0 -271
  23. package/dist/styles/theming/carbon-velocity.scss +0 -270
  24. package/dist/styles/theming/chalk-circuit.scss +0 -271
  25. package/dist/styles/theming/chrono-atlas.scss +0 -279
  26. package/dist/styles/theming/citrus-vital.scss +0 -34
  27. package/dist/styles/theming/clinical-aqua.scss +0 -270
  28. package/dist/styles/theming/cobalt-pulse.scss +0 -272
  29. package/dist/styles/theming/command-slate.scss +0 -34
  30. package/dist/styles/theming/crawler-dusk.scss +0 -270
  31. package/dist/styles/theming/crimson-dusk.scss +0 -269
  32. package/dist/styles/theming/cyber-forest.scss +0 -269
  33. package/dist/styles/theming/dashdarkx.scss +0 -269
  34. package/dist/styles/theming/ember-night.scss +0 -269
  35. package/dist/styles/theming/emerald-ledger.scss +0 -271
  36. package/dist/styles/theming/frost-petal.scss +0 -269
  37. package/dist/styles/theming/garden-harvest.scss +0 -271
  38. package/dist/styles/theming/gilded-bear.scss +0 -271
  39. package/dist/styles/theming/graphite-shell.scss +0 -270
  40. package/dist/styles/theming/horizon-amber.scss +0 -270
  41. package/dist/styles/theming/horizon-drift.scss +0 -271
  42. package/dist/styles/theming/ivory-serif.scss +0 -271
  43. package/dist/styles/theming/lavender-mist.scss +0 -269
  44. package/dist/styles/theming/light-blue.scss +0 -269
  45. package/dist/styles/theming/lumen.scss +0 -276
  46. package/dist/styles/theming/luna.scss +0 -269
  47. package/dist/styles/theming/mesh-circuit.scss +0 -271
  48. package/dist/styles/theming/midnight-amber.scss +0 -273
  49. package/dist/styles/theming/midnight-atlas.scss +0 -35
  50. package/dist/styles/theming/midnight-folio.scss +0 -34
  51. package/dist/styles/theming/mint-meadow.scss +0 -269
  52. package/dist/styles/theming/mintone.scss +0 -269
  53. package/dist/styles/theming/neon-tokyo.scss +0 -269
  54. package/dist/styles/theming/noir-marquee.scss +0 -34
  55. package/dist/styles/theming/ocean-breeze.scss +0 -269
  56. package/dist/styles/theming/ocean-depths.scss +0 -269
  57. package/dist/styles/theming/orbital-night.scss +0 -276
  58. package/dist/styles/theming/sandstone.scss +0 -269
  59. package/dist/styles/theming/sandy-parchment.scss +0 -270
  60. package/dist/styles/theming/screening-room.scss +0 -34
  61. package/dist/styles/theming/signal-burst.scss +0 -271
  62. package/dist/styles/theming/signal-clarity.scss +0 -34
  63. package/dist/styles/theming/slate-bazaar.scss +0 -34
  64. package/dist/styles/theming/slate-focus.scss +0 -270
  65. package/dist/styles/theming/spectrum-vault.scss +0 -271
  66. package/dist/styles/theming/tailwind-vue-dark.scss +0 -269
  67. package/dist/styles/theming/terminal-phosphor.scss +0 -272
  68. package/dist/styles/theming/terracotta-kitchen.scss +0 -271
  69. package/dist/styles/theming/twilight-pulse.scss +0 -269
  70. package/dist/styles/theming/vault-guard.scss +0 -271
  71. package/dist/styles/theming/velvet-reel.scss +0 -272
  72. package/dist/styles/theming/velvet-tome.scss +0 -271
  73. package/dist/styles/theming/verdant-pulse.scss +0 -34
  74. package/dist/styles/theming/vital-aurora.scss +0 -45
  75. package/dist/styles/theming/vital-signal.scss +0 -270
@@ -1,272 +0,0 @@
1
- // Velvet Reel theme - Dedicated to Reels app
2
- // Cinema dark: deep near-black, warm burgundy curtain, cinema-gold titles
3
- [data-theme='velvet-reel'] {
4
- --font-family: 'Lora', Georgia, serif;
5
- --font-family-display: 'Cinzel', 'Trajan Pro', serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #0e0709;
9
- --body-background-wash:
10
- radial-gradient(70% 60% at 50% 0%, rgba(232, 184, 75, 0.12) 0%, transparent 60%),
11
- radial-gradient(50% 45% at 0% 100%, rgba(120, 20, 30, 0.2) 0%, transparent 65%),
12
- radial-gradient(50% 45% at 100% 100%, rgba(120, 20, 30, 0.18) 0%, transparent 65%),
13
- radial-gradient(130% 110% at 50% 0%, #160a0e 0%, #0a0508 50%, #0e0709 100%);
14
- --body-color: #e8ddd8;
15
- --body-color-accent: #fff8f0;
16
- --body-color-muted: #907878;
17
- --body-title-color: #fff8f0;
18
- --body-sub-title-color: #c8a898;
19
- --body-accent-color: #e8b84b;
20
- --body-danger-color: #e04444;
21
-
22
- --backdrop-color: rgba(8, 4, 6, 0.82);
23
- --text-shadow: rgba(0, 0, 0, 0.55);
24
- --box-shadow: rgba(0, 0, 0, 0.5);
25
-
26
- --header-background-color: #120a0c;
27
- --header-border-bottom-color: rgba(232, 184, 75, 0.14);
28
- --header-color: #e8ddd8;
29
- --header-font-weight: 500;
30
-
31
- --card-background-color: #1a1012;
32
- --card-background-accent-color: #150a0c;
33
- --card-border-color: rgba(232, 184, 75, 0.1);
34
- --card-backdrop-filter: none;
35
- --card-border-accent-color: #e8b84b;
36
- --card-hover-border-color: rgba(232, 184, 75, 0.24);
37
- --card-color: #c8a898;
38
- --card-accent-color: #e8b84b;
39
- --card-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
40
- --card-surface-box-shadow: var(--card-box-shadow);
41
- --card-footer-background-color: #150a0c;
42
- --card-footer-color: #907878;
43
- --card-title-color: var(--body-title-color);
44
- --card-title-font-family: var(--font-family-display, serif);
45
- --card-title-font-size: var(--font-size-md);
46
- --card-title-font-style: normal;
47
- --card-title-font-weight: var(--font-weight-normal);
48
- --card-title-letter-spacing: 0.1em;
49
- --card-title-text-transform: uppercase;
50
-
51
- --links-color: #e8b84b;
52
- --links-hover-color: #f0d070;
53
-
54
- --delimiter-color: rgba(232, 184, 75, 0.1);
55
- --border-color: rgba(232, 184, 75, 0.15);
56
-
57
- --button-default-border-color: rgba(232, 184, 75, 0.18);
58
- --button-default-background-color: #1e1416;
59
- --button-default-color: #e8ddd8;
60
- --button-default-hover-border-color: #e8b84b;
61
- --button-default-hover-background-color: rgba(232, 184, 75, 0.1);
62
- --button-default-hover-color: #fff8f0;
63
-
64
- --button-info-border-color: #e8b84b;
65
- --button-info-background-color: #c8982a;
66
- --button-info-color: #0e0709;
67
- --button-info-hover-border-color: #f0d070;
68
- --button-info-hover-background-color: #e8b84b;
69
- --button-info-hover-color: #0e0709;
70
-
71
- --button-warning-border-color: #c08030;
72
- --button-warning-background-color: #a87020;
73
- --button-warning-color: #fff8f0;
74
- --button-warning-hover-border-color: #d09040;
75
- --button-warning-hover-background-color: #c08030;
76
- --button-warning-hover-color: #fff8f0;
77
-
78
- --button-success-border-color: #3a8040;
79
- --button-success-background-color: #3a8040;
80
- --button-success-color: #fff8f0;
81
- --button-success-hover-border-color: #489050;
82
- --button-success-hover-background-color: #489050;
83
- --button-success-hover-color: #fff8f0;
84
-
85
- --button-danger-border-color: #e04444;
86
- --button-danger-background-color: #c03030;
87
- --button-danger-color: #fff8f0;
88
- --button-danger-hover-border-color: #f05050;
89
- --button-danger-hover-background-color: #e04444;
90
- --button-danger-hover-color: #fff8f0;
91
-
92
- --button-plain-color: #907878;
93
- --button-plain-hover-color: #fff8f0;
94
- --button-ghost-border-color: transparent;
95
- --button-ghost-background-color: transparent;
96
- --button-ghost-color: var(--button-plain-color);
97
- --button-ghost-hover-border-color: transparent;
98
- --button-ghost-hover-background-color: rgba(232, 184, 75, 0.08);
99
- --button-ghost-hover-color: var(--button-plain-hover-color);
100
-
101
- --dropdown-border-color: rgba(232, 184, 75, 0.16);
102
- --dropdown-header-background-color: #0e0709;
103
- --dropdown-header-border-focus-color: #e8b84b;
104
- --dropdown-header-color: #e8ddd8;
105
- --dropdown-options-background-color: #150a0c;
106
- --dropdown-options-color: #e8ddd8;
107
- --dropdown-options-hover-background-color: rgba(232, 184, 75, 0.1);
108
- --dropdown-options-hover-color: #fff8f0;
109
- --dropdown-options-selected-background-color: rgba(232, 184, 75, 0.18);
110
- --dropdown-options-selected-color: #fff8f0;
111
- --dropdown-chips-background-color: rgba(232, 184, 75, 0.12);
112
- --dropdown-chips-color: #e8b84b;
113
- --dropdown-chips-border-color: rgba(232, 184, 75, 0.28);
114
- --dropdown-chips-hover-background-color: rgba(232, 184, 75, 0.2);
115
- --dropdown-action-color: #907878;
116
- --dropdown-action-background-color: #150a0c;
117
- --dropdown-action-hover-color: #fff8f0;
118
- --dropdown-action-hover-background-color: rgba(232, 184, 75, 0.08);
119
-
120
- --tabs-active-background-color: rgba(232, 184, 75, 0.14);
121
- --tabs-active-color: #e8b84b;
122
- --tabs-inactive-background-color: transparent;
123
- --tabs-inactive-color: #907878;
124
-
125
- --modal-background-color: #150a0c;
126
- --modal-border-color: rgba(232, 184, 75, 0.16);
127
- --modal-backdrop-filter: none;
128
- --modal-header-background-color: #120a0c;
129
- --modal-header-color: #fff8f0;
130
- --modal-title-color: var(--modal-header-color);
131
- --modal-title-font-family: var(--font-family-display, serif);
132
- --modal-title-font-size: var(--font-size-md);
133
- --modal-title-font-style: normal;
134
- --modal-title-font-weight: var(--font-weight-normal);
135
- --modal-title-letter-spacing: 0.12em;
136
- --modal-title-text-transform: uppercase;
137
- --modal-body-color: #c8a898;
138
- --modal-footer-background-color: #0e0709;
139
- --modal-color: #e8ddd8;
140
- --modal-box-shadow: 0 12px 45px rgba(0, 0, 0, 0.6);
141
- --modal-surface-box-shadow: var(--modal-box-shadow);
142
- --modal-box-shadow-hover: 0 16px 55px rgba(232, 184, 75, 0.12);
143
-
144
- --list-alternate-background-color: #150a0c;
145
- --list-hover-background-color: rgba(232, 184, 75, 0.06);
146
-
147
- --progress-bar-background-color: #1e1416;
148
- --progress-bar-color: #907878;
149
-
150
- --progress-default-bar-border-color: rgba(232, 184, 75, 0.16);
151
- --progress-default-bar-fill-color: #907878;
152
-
153
- --progress-success-bar-border-color: #3a8040;
154
- --progress-success-bar-fill-color: #3a8040;
155
-
156
- --progress-info-bar-border-color: #e8b84b;
157
- --progress-info-bar-fill-color: #e8b84b;
158
-
159
- --progress-warning-bar-border-color: #c08030;
160
- --progress-warning-bar-fill-color: #c08030;
161
-
162
- --progress-danger-bar-border-color: #e04444;
163
- --progress-danger-bar-fill-color: #e04444;
164
-
165
- --form-control-background-color: #0e0709;
166
- --form-control-color: #e8ddd8;
167
- --form-control-label-color: #907878;
168
- --form-control-label-font-size: var(--font-size-xs);
169
- --form-control-label-font-weight: var(--font-weight-medium);
170
- --form-control-label-letter-spacing: 0.15em;
171
- --form-control-label-text-transform: uppercase;
172
- --form-control-border-color: rgba(232, 184, 75, 0.18);
173
- --form-control-error-background-color: rgba(224, 68, 68, 0.08);
174
- --form-control-error-color: #e04444;
175
- --form-control-error-border-color: #e04444;
176
- --form-control-focus-background-color: #150a0c;
177
- --form-control-focus-border-color: #e8b84b;
178
- --form-control-focus-color: #fff8f0;
179
- --form-control-placeholder-color: #6f4b56;
180
- --form-control-success-background-color: rgba(58, 128, 64, 0.08);
181
- --form-control-success-color: #3a8040;
182
- --form-control-success-border-color: #3a8040;
183
-
184
- --form-control-selection-background-color: rgba(232, 184, 75, 0.14);
185
- --form-control-selection-border-color: #e8b84b;
186
- --form-control-selection-color: #fff8f0;
187
- --form-control-selection-label-color: #e8b84b;
188
- --form-control-focus-ring: rgba(232, 184, 75, 0.28);
189
-
190
- --calendar-background-color: #150a0c;
191
- --calendar-border-color: rgba(232, 184, 75, 0.16);
192
- --calendar-header-background-color: #120a0c;
193
- --calendar-header-color: #fff8f0;
194
- --calendar-day-color: #c8a898;
195
- --calendar-day-hover-background-color: #1e1416;
196
- --calendar-day-selected-background-color: #e8b84b;
197
- --calendar-day-selected-color: #0e0709;
198
- --calendar-day-disabled-color: #3a2028;
199
- --calendar-day-today-border-color: #e8b84b;
200
- --calendar-day-weekend-color: #f0d070;
201
-
202
- --datepicker-input-background-color: #0e0709;
203
-
204
- --tooltip-background-color: #e8b84b;
205
- --tooltip-border-color: #e8b84b;
206
- --tooltip-color: #0e0709;
207
-
208
- --popover-background-color: #1a1012;
209
- --popover-border-color: #e8b84b;
210
- --popover-color: #e8ddd8;
211
- --popover-arrow-color: #e8b84b;
212
-
213
- --toast-info-background-color: #c8982a;
214
- --toast-info-color: #0e0709;
215
- --toast-info-border-color: #e8b84b;
216
-
217
- --toast-success-background-color: #3a8040;
218
- --toast-success-color: #fff8f0;
219
- --toast-success-border-color: #489050;
220
-
221
- --toast-warning-background-color: #a87020;
222
- --toast-warning-color: #fff8f0;
223
- --toast-warning-border-color: #c08030;
224
-
225
- --toast-danger-background-color: #c03030;
226
- --toast-danger-color: #fff8f0;
227
- --toast-danger-border-color: #e04444;
228
-
229
- --loader-border-color: rgba(232, 184, 75, 0.18);
230
- --loader-border-top-color: #e8b84b;
231
-
232
- --rating-color-success: #3a8040;
233
- --rating-color-warning: #c08030;
234
- --rating-color-danger: #e04444;
235
- --rating-color-info: #e8b84b;
236
- --rating-empty-color: #2e1820;
237
- --rating-empty-label-color: #907878;
238
- --rating-half-rate-empty-color: #2e1820;
239
-
240
- --slider-track-background-color: #1e1416;
241
- --slider-track-border-color: rgba(232, 184, 75, 0.16);
242
- --slider-track-hover-background-color: #261a1c;
243
- --slider-track-hover-border-color: #e8b84b;
244
- --slider-thumb-background-color: #e8b84b;
245
- --slider-thumb-border-color: #e8b84b;
246
- --slider-thumb-hover-background-color: #f0d070;
247
- --slider-thumb-hover-border-color: #f0d070;
248
-
249
- --chip-selected-background-color: rgba(232, 184, 75, 0.14);
250
- --chip-selected-border-color: #e8b84b;
251
- --chip-hover-border-color: #e8b84b;
252
- --chip-hover-background-color: transparent;
253
- --chip-hover-color: #c8a898;
254
- --chip-selected-color: #e8b84b;
255
- --chip-selected-count-color: rgba(232, 184, 75, 0.7);
256
-
257
- --note-container-effect-background-color: rgba(232, 184, 75, 0.07);
258
- --note-container-effect-color: #e8ddd8;
259
- --note-container-effect-border-left-color: #e8b84b;
260
-
261
- --infuse-effect-hover-border-color: #e8b84b;
262
- --infuse-effect-hover-box-shadow-color: rgba(232, 184, 75, 0.3);
263
- --infuse-effect-before-background: linear-gradient(90deg, #c8982a, #f0d070);
264
-
265
- --up-lift-effect-hover-border-color: #e8b84b;
266
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.5);
267
- --up-lift-effect-hover-box-shadow-color: rgba(232, 184, 75, 0.28);
268
- --up-lift-effect-before-background: linear-gradient(135deg, #8b2020 0%, #e8b84b 100%);
269
-
270
- --glow-box-shadow-color: 0 0 20px rgba(232, 184, 75, 0.35), 0 0 8px rgba(240, 208, 112, 0.18);
271
- --glow-hover-border-color: rgba(232, 184, 75, 0.35);
272
- }
@@ -1,271 +0,0 @@
1
- // Velvet Tome theme - Dedicated to React Showcase app
2
- // Dark academic: mahogany depths, burnished gold, aged-paper text, scholarly grandeur
3
- [data-theme='velvet-tome'] {
4
- --font-family: 'Raleway', 'Avenir Next', sans-serif;
5
- --font-family-display: 'Cormorant Garamond', Georgia, serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #1a1208;
9
- --body-background-wash:
10
- radial-gradient(55% 50% at 80% 10%, rgba(201, 144, 58, 0.16) 0%, transparent 65%),
11
- radial-gradient(50% 45% at 10% 100%, rgba(120, 60, 20, 0.18) 0%, transparent 65%),
12
- radial-gradient(120% 100% at 10% 0%, #221808 0%, #160e04 50%, #1e1408 100%);
13
- --body-color: #e8dcc8;
14
- --body-color-accent: #f8f0e0;
15
- --body-color-muted: #8a7a68;
16
- --body-title-color: #f8f0e0;
17
- --body-sub-title-color: #c8b898;
18
- --body-accent-color: #c9903a;
19
- --body-danger-color: #c0392b;
20
-
21
- --backdrop-color: rgba(12, 8, 0, 0.7);
22
- --text-shadow: rgba(0, 0, 0, 0.5);
23
- --box-shadow: rgba(0, 0, 0, 0.4);
24
-
25
- --header-background-color: #1e1608;
26
- --header-border-bottom-color: rgba(201, 144, 58, 0.18);
27
- --header-color: #e8dcc8;
28
- --header-font-weight: 500;
29
-
30
- --card-background-color: #261c0e;
31
- --card-background-accent-color: #201408;
32
- --card-border-color: rgba(201, 144, 58, 0.14);
33
- --card-backdrop-filter: none;
34
- --card-border-accent-color: #c9903a;
35
- --card-hover-border-color: rgba(201, 144, 58, 0.28);
36
- --card-color: #c8b898;
37
- --card-accent-color: #c9903a;
38
- --card-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
39
- --card-surface-box-shadow: var(--card-box-shadow);
40
- --card-footer-background-color: #201408;
41
- --card-footer-color: #8a7a68;
42
- --card-title-color: var(--body-title-color);
43
- --card-title-font-family: var(--font-family-display, Georgia, serif);
44
- --card-title-font-size: var(--font-size-xl);
45
- --card-title-font-style: italic;
46
- --card-title-font-weight: 600;
47
- --card-title-letter-spacing: normal;
48
- --card-title-text-transform: none;
49
-
50
- --links-color: #e0a84a;
51
- --links-hover-color: #f0c060;
52
-
53
- --delimiter-color: rgba(201, 144, 58, 0.14);
54
- --border-color: rgba(201, 144, 58, 0.18);
55
-
56
- --button-default-border-color: rgba(201, 144, 58, 0.22);
57
- --button-default-background-color: #261c0e;
58
- --button-default-color: #e8dcc8;
59
- --button-default-hover-border-color: #c9903a;
60
- --button-default-hover-background-color: rgba(201, 144, 58, 0.12);
61
- --button-default-hover-color: #f8f0e0;
62
-
63
- --button-info-border-color: #c9903a;
64
- --button-info-background-color: #c9903a;
65
- --button-info-color: #1a1208;
66
- --button-info-hover-border-color: #e0a84a;
67
- --button-info-hover-background-color: #e0a84a;
68
- --button-info-hover-color: #1a1208;
69
-
70
- --button-warning-border-color: #a87828;
71
- --button-warning-background-color: #a87828;
72
- --button-warning-color: #f8f0e0;
73
- --button-warning-hover-border-color: #c09030;
74
- --button-warning-hover-background-color: #c09030;
75
- --button-warning-hover-color: #f8f0e0;
76
-
77
- --button-success-border-color: #4a8a50;
78
- --button-success-background-color: #4a8a50;
79
- --button-success-color: #f8f0e0;
80
- --button-success-hover-border-color: #5aa060;
81
- --button-success-hover-background-color: #5aa060;
82
- --button-success-hover-color: #f8f0e0;
83
-
84
- --button-danger-border-color: #c0392b;
85
- --button-danger-background-color: #c0392b;
86
- --button-danger-color: #f8f0e0;
87
- --button-danger-hover-border-color: #e04030;
88
- --button-danger-hover-background-color: #e04030;
89
- --button-danger-hover-color: #f8f0e0;
90
-
91
- --button-plain-color: #8a7a68;
92
- --button-plain-hover-color: #f8f0e0;
93
- --button-ghost-border-color: transparent;
94
- --button-ghost-background-color: transparent;
95
- --button-ghost-color: var(--button-plain-color);
96
- --button-ghost-hover-border-color: transparent;
97
- --button-ghost-hover-background-color: rgba(201, 144, 58, 0.1);
98
- --button-ghost-hover-color: var(--button-plain-hover-color);
99
-
100
- --dropdown-border-color: rgba(201, 144, 58, 0.2);
101
- --dropdown-header-background-color: #1a1208;
102
- --dropdown-header-border-focus-color: #c9903a;
103
- --dropdown-header-color: #e8dcc8;
104
- --dropdown-options-background-color: #201408;
105
- --dropdown-options-color: #e8dcc8;
106
- --dropdown-options-hover-background-color: rgba(201, 144, 58, 0.12);
107
- --dropdown-options-hover-color: #f8f0e0;
108
- --dropdown-options-selected-background-color: rgba(201, 144, 58, 0.2);
109
- --dropdown-options-selected-color: #f8f0e0;
110
- --dropdown-chips-background-color: rgba(201, 144, 58, 0.15);
111
- --dropdown-chips-color: #e0a84a;
112
- --dropdown-chips-border-color: rgba(201, 144, 58, 0.3);
113
- --dropdown-chips-hover-background-color: rgba(201, 144, 58, 0.25);
114
- --dropdown-action-color: #8a7a68;
115
- --dropdown-action-background-color: #201408;
116
- --dropdown-action-hover-color: #f8f0e0;
117
- --dropdown-action-hover-background-color: rgba(201, 144, 58, 0.1);
118
-
119
- --tabs-active-background-color: rgba(201, 144, 58, 0.15);
120
- --tabs-active-color: #c9903a;
121
- --tabs-inactive-background-color: transparent;
122
- --tabs-inactive-color: #8a7a68;
123
-
124
- --modal-background-color: #201408;
125
- --modal-border-color: rgba(201, 144, 58, 0.2);
126
- --modal-backdrop-filter: none;
127
- --modal-header-background-color: #1a1208;
128
- --modal-header-color: #f8f0e0;
129
- --modal-title-color: var(--modal-header-color);
130
- --modal-title-font-family: var(--font-family-display, Georgia, serif);
131
- --modal-title-font-size: var(--font-size-xl);
132
- --modal-title-font-style: italic;
133
- --modal-title-font-weight: 600;
134
- --modal-title-letter-spacing: normal;
135
- --modal-title-text-transform: none;
136
- --modal-body-color: #c8b898;
137
- --modal-footer-background-color: #1a1208;
138
- --modal-color: #e8dcc8;
139
- --modal-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
140
- --modal-surface-box-shadow: var(--modal-box-shadow);
141
- --modal-box-shadow-hover: 0 16px 50px rgba(201, 144, 58, 0.15);
142
-
143
- --list-alternate-background-color: #1e1608;
144
- --list-hover-background-color: rgba(201, 144, 58, 0.07);
145
-
146
- --progress-bar-background-color: #261c0e;
147
- --progress-bar-color: #8a7a68;
148
-
149
- --progress-default-bar-border-color: rgba(201, 144, 58, 0.2);
150
- --progress-default-bar-fill-color: #8a7a68;
151
-
152
- --progress-success-bar-border-color: #4a8a50;
153
- --progress-success-bar-fill-color: #4a8a50;
154
-
155
- --progress-info-bar-border-color: #c9903a;
156
- --progress-info-bar-fill-color: #c9903a;
157
-
158
- --progress-warning-bar-border-color: #a87828;
159
- --progress-warning-bar-fill-color: #a87828;
160
-
161
- --progress-danger-bar-border-color: #c0392b;
162
- --progress-danger-bar-fill-color: #c0392b;
163
-
164
- --form-control-background-color: #1a1208;
165
- --form-control-color: #e8dcc8;
166
- --form-control-label-color: #8a7a68;
167
- --form-control-label-font-size: var(--font-size-xs);
168
- --form-control-label-font-weight: var(--font-weight-medium);
169
- --form-control-label-letter-spacing: 0.15em;
170
- --form-control-label-text-transform: uppercase;
171
- --form-control-border-color: rgba(201, 144, 58, 0.22);
172
- --form-control-error-background-color: rgba(192, 57, 43, 0.08);
173
- --form-control-error-color: #e05040;
174
- --form-control-error-border-color: #c0392b;
175
- --form-control-focus-background-color: #201408;
176
- --form-control-focus-border-color: #c9903a;
177
- --form-control-focus-color: #f8f0e0;
178
- --form-control-placeholder-color: #5a4a38;
179
- --form-control-success-background-color: rgba(74, 138, 80, 0.08);
180
- --form-control-success-color: #4a8a50;
181
- --form-control-success-border-color: #4a8a50;
182
-
183
- --form-control-selection-background-color: rgba(201, 144, 58, 0.15);
184
- --form-control-selection-border-color: #c9903a;
185
- --form-control-selection-color: #f8f0e0;
186
- --form-control-selection-label-color: #e0a84a;
187
- --form-control-focus-ring: rgba(201, 144, 58, 0.28);
188
-
189
- --calendar-background-color: #201408;
190
- --calendar-border-color: rgba(201, 144, 58, 0.2);
191
- --calendar-header-background-color: #1a1208;
192
- --calendar-header-color: #f8f0e0;
193
- --calendar-day-color: #c8b898;
194
- --calendar-day-hover-background-color: #261c0e;
195
- --calendar-day-selected-background-color: #c9903a;
196
- --calendar-day-selected-color: #1a1208;
197
- --calendar-day-disabled-color: #3a2a18;
198
- --calendar-day-today-border-color: #c9903a;
199
- --calendar-day-weekend-color: #e0a84a;
200
-
201
- --datepicker-input-background-color: #1a1208;
202
-
203
- --tooltip-background-color: #c9903a;
204
- --tooltip-border-color: #c9903a;
205
- --tooltip-color: #1a1208;
206
-
207
- --popover-background-color: #201408;
208
- --popover-border-color: #c9903a;
209
- --popover-color: #e8dcc8;
210
- --popover-arrow-color: #c9903a;
211
-
212
- --toast-info-background-color: #c9903a;
213
- --toast-info-color: #1a1208;
214
- --toast-info-border-color: #e0a84a;
215
-
216
- --toast-success-background-color: #4a8a50;
217
- --toast-success-color: #f8f0e0;
218
- --toast-success-border-color: #5aa060;
219
-
220
- --toast-warning-background-color: #a87828;
221
- --toast-warning-color: #f8f0e0;
222
- --toast-warning-border-color: #c09030;
223
-
224
- --toast-danger-background-color: #c0392b;
225
- --toast-danger-color: #f8f0e0;
226
- --toast-danger-border-color: #e04030;
227
-
228
- --loader-border-color: rgba(201, 144, 58, 0.2);
229
- --loader-border-top-color: #c9903a;
230
-
231
- --rating-color-success: #4a8a50;
232
- --rating-color-warning: #a87828;
233
- --rating-color-danger: #c0392b;
234
- --rating-color-info: #c9903a;
235
- --rating-empty-color: #3a2a18;
236
- --rating-empty-label-color: #8a7a68;
237
- --rating-half-rate-empty-color: #3a2a18;
238
-
239
- --slider-track-background-color: #261c0e;
240
- --slider-track-border-color: rgba(201, 144, 58, 0.2);
241
- --slider-track-hover-background-color: #2e2010;
242
- --slider-track-hover-border-color: #c9903a;
243
- --slider-thumb-background-color: #c9903a;
244
- --slider-thumb-border-color: #c9903a;
245
- --slider-thumb-hover-background-color: #e0a84a;
246
- --slider-thumb-hover-border-color: #e0a84a;
247
-
248
- --chip-selected-background-color: rgba(201, 144, 58, 0.15);
249
- --chip-selected-border-color: #c9903a;
250
- --chip-hover-border-color: #c9903a;
251
- --chip-hover-background-color: transparent;
252
- --chip-hover-color: #c8b898;
253
- --chip-selected-color: #e0a84a;
254
- --chip-selected-count-color: rgba(224, 168, 74, 0.7);
255
-
256
- --note-container-effect-background-color: rgba(201, 144, 58, 0.08);
257
- --note-container-effect-color: #e8dcc8;
258
- --note-container-effect-border-left-color: #c9903a;
259
-
260
- --infuse-effect-hover-border-color: #c9903a;
261
- --infuse-effect-hover-box-shadow-color: rgba(201, 144, 58, 0.3);
262
- --infuse-effect-before-background: linear-gradient(90deg, #c9903a, #f0c060);
263
-
264
- --up-lift-effect-hover-border-color: #c9903a;
265
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.4);
266
- --up-lift-effect-hover-box-shadow-color: rgba(201, 144, 58, 0.28);
267
- --up-lift-effect-before-background: linear-gradient(135deg, #a87828 0%, #e0a84a 100%);
268
-
269
- --glow-box-shadow-color: 0 0 18px rgba(201, 144, 58, 0.4), 0 0 8px rgba(240, 192, 96, 0.2);
270
- --glow-hover-border-color: rgba(201, 144, 58, 0.38);
271
- }
@@ -1,34 +0,0 @@
1
- // Verdant Pulse theme - Dedicated to NutriTrack app
2
- // Fresh nutrition dark: charcoal-green, vivid leaf green, ripe mango warmth
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='verdant-pulse'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'Outfit', 'Inter', sans-serif",
9
- display-family: "'Bricolage Grotesque', 'Outfit', sans-serif",
10
- base: #0b1310,
11
- surface: #131f19,
12
- surface-alt: #1c2b23,
13
- surface-strong: #0f1a14,
14
- border: #283a30,
15
- border-strong: #395045,
16
- text: #d8e8de,
17
- title: #f2fff4,
18
- muted: #809a8c,
19
- sub-title: #b3c9bd,
20
- accent: #5fd98a,
21
- accent-strong: #34c759,
22
- accent-soft: #163524,
23
- accent-contrast: #04140a,
24
- success: #5fd98a,
25
- warning: #fbb340,
26
- danger: #fb7185,
27
- info: #56d0c4,
28
- wash-a: #5fd98a,
29
- wash-b: #fbb340,
30
- title-transform: none,
31
- title-letter-spacing: 0,
32
- )
33
- );
34
- }
@@ -1,45 +0,0 @@
1
- // Vital Aurora theme - Dedicated to Lifespan app
2
- // Household almanac light: paper, ink, editorial serif, red deltas, lime readings
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='vital-aurora'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'IBM Plex Sans', system-ui, sans-serif",
9
- display-family: "'Instrument Serif', 'Times New Roman', serif",
10
- base: #f2ede4,
11
- surface: #fbf8f1,
12
- surface-alt: #e8e1d3,
13
- surface-strong: #dcd3c0,
14
- border: #dcd3c0,
15
- border-strong: #0e0e0c,
16
- text: #0e0e0c,
17
- title: #0e0e0c,
18
- muted: #8a8579,
19
- sub-title: #524f46,
20
- accent: #e5482a,
21
- accent-strong: #c13d20,
22
- accent-soft: #f1d8cf,
23
- accent-contrast: #fbf8f1,
24
- success: #c8e021,
25
- success-contrast: #0e0e0c,
26
- warning: #c49a3f,
27
- warning-contrast: #0e0e0c,
28
- danger: #e5482a,
29
- info: #1b4d54,
30
- info-contrast: #fbf8f1,
31
- wash-a: #e5482a,
32
- wash-b: #c8e021,
33
- header-background: #0e0e0c,
34
- header-color: #fbf8f1,
35
- dropdown-header-background: #fbf8f1,
36
- dropdown-header-color: #0e0e0c,
37
- form-background: #fbf8f1,
38
- form-focus-background: #fbf8f1,
39
- modal-footer-background: #e8e1d3,
40
- title-transform: none,
41
- title-letter-spacing: -0.01em,
42
- label-letter-spacing: 0.14em,
43
- )
44
- );
45
- }