@memobit/libs 2.1.0 → 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 (70) hide show
  1. package/dist/index.d.ts +6 -10
  2. package/dist/index.esm.js +3702 -4229
  3. package/dist/version.json +4 -4
  4. package/package.json +6 -71
  5. package/dist/styles/themes.scss +0 -74
  6. package/dist/styles/theming/_profile-theme.scss +0 -317
  7. package/dist/styles/theming/amber-meridian.scss +0 -271
  8. package/dist/styles/theming/archive-indigo.scss +0 -270
  9. package/dist/styles/theming/arctic-blue.scss +0 -266
  10. package/dist/styles/theming/asphalt-code.scss +0 -271
  11. package/dist/styles/theming/atelier-media.scss +0 -272
  12. package/dist/styles/theming/audit-ember.scss +0 -286
  13. package/dist/styles/theming/azure-night.scss +0 -269
  14. package/dist/styles/theming/blossom-meadow.scss +0 -273
  15. package/dist/styles/theming/blueprint-clay.scss +0 -271
  16. package/dist/styles/theming/blush-market.scss +0 -271
  17. package/dist/styles/theming/brass-chronicle.scss +0 -271
  18. package/dist/styles/theming/carbon-velocity.scss +0 -270
  19. package/dist/styles/theming/chalk-circuit.scss +0 -271
  20. package/dist/styles/theming/chrono-atlas.scss +0 -279
  21. package/dist/styles/theming/citrus-vital.scss +0 -34
  22. package/dist/styles/theming/clinical-aqua.scss +0 -270
  23. package/dist/styles/theming/cobalt-pulse.scss +0 -272
  24. package/dist/styles/theming/command-slate.scss +0 -34
  25. package/dist/styles/theming/crawler-dusk.scss +0 -270
  26. package/dist/styles/theming/crimson-dusk.scss +0 -269
  27. package/dist/styles/theming/cyber-forest.scss +0 -269
  28. package/dist/styles/theming/dashdarkx.scss +0 -269
  29. package/dist/styles/theming/ember-night.scss +0 -269
  30. package/dist/styles/theming/emerald-ledger.scss +0 -271
  31. package/dist/styles/theming/frost-petal.scss +0 -269
  32. package/dist/styles/theming/garden-harvest.scss +0 -271
  33. package/dist/styles/theming/gilded-bear.scss +0 -271
  34. package/dist/styles/theming/graphite-shell.scss +0 -270
  35. package/dist/styles/theming/horizon-amber.scss +0 -270
  36. package/dist/styles/theming/horizon-drift.scss +0 -271
  37. package/dist/styles/theming/ivory-serif.scss +0 -271
  38. package/dist/styles/theming/lavender-mist.scss +0 -269
  39. package/dist/styles/theming/light-blue.scss +0 -269
  40. package/dist/styles/theming/lumen.scss +0 -276
  41. package/dist/styles/theming/luna.scss +0 -269
  42. package/dist/styles/theming/mesh-circuit.scss +0 -271
  43. package/dist/styles/theming/midnight-amber.scss +0 -273
  44. package/dist/styles/theming/midnight-atlas.scss +0 -35
  45. package/dist/styles/theming/midnight-folio.scss +0 -34
  46. package/dist/styles/theming/mint-meadow.scss +0 -269
  47. package/dist/styles/theming/mintone.scss +0 -269
  48. package/dist/styles/theming/neon-tokyo.scss +0 -269
  49. package/dist/styles/theming/noir-marquee.scss +0 -34
  50. package/dist/styles/theming/ocean-breeze.scss +0 -269
  51. package/dist/styles/theming/ocean-depths.scss +0 -269
  52. package/dist/styles/theming/orbital-night.scss +0 -276
  53. package/dist/styles/theming/sandstone.scss +0 -269
  54. package/dist/styles/theming/sandy-parchment.scss +0 -270
  55. package/dist/styles/theming/screening-room.scss +0 -34
  56. package/dist/styles/theming/signal-burst.scss +0 -271
  57. package/dist/styles/theming/signal-clarity.scss +0 -34
  58. package/dist/styles/theming/slate-bazaar.scss +0 -34
  59. package/dist/styles/theming/slate-focus.scss +0 -270
  60. package/dist/styles/theming/spectrum-vault.scss +0 -271
  61. package/dist/styles/theming/tailwind-vue-dark.scss +0 -269
  62. package/dist/styles/theming/terminal-phosphor.scss +0 -272
  63. package/dist/styles/theming/terracotta-kitchen.scss +0 -271
  64. package/dist/styles/theming/twilight-pulse.scss +0 -269
  65. package/dist/styles/theming/vault-guard.scss +0 -271
  66. package/dist/styles/theming/velvet-reel.scss +0 -272
  67. package/dist/styles/theming/velvet-tome.scss +0 -271
  68. package/dist/styles/theming/verdant-pulse.scss +0 -34
  69. package/dist/styles/theming/vital-aurora.scss +0 -45
  70. package/dist/styles/theming/vital-signal.scss +0 -270
@@ -1,271 +0,0 @@
1
- // Chalk & Circuit theme - Dedicated to Quiz Lab app
2
- // Blackboard dark: slate-dark surface, chalk-white text, electric lime-green accent
3
- [data-theme='chalk-circuit'] {
4
- --font-family: 'Nunito', 'Avenir', sans-serif;
5
- --font-family-display: 'Exo 2', 'Nunito', sans-serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #161b22;
9
- --body-background-wash:
10
- radial-gradient(60% 50% at 100% 0%, rgba(132, 204, 22, 0.12) 0%, transparent 65%),
11
- radial-gradient(50% 45% at 0% 100%, rgba(132, 204, 22, 0.08) 0%, transparent 65%),
12
- linear-gradient(155deg, #1a2028 0%, #141820 55%, #182028 100%);
13
- --body-color: #d8e8d0;
14
- --body-color-accent: #ffffff;
15
- --body-color-muted: #6a8868;
16
- --body-title-color: #f0fff0;
17
- --body-sub-title-color: #a8c8a0;
18
- --body-accent-color: #84cc16;
19
- --body-danger-color: #ef4444;
20
-
21
- --backdrop-color: rgba(10, 14, 12, 0.8);
22
- --text-shadow: rgba(0, 0, 0, 0.5);
23
- --box-shadow: rgba(0, 0, 0, 0.45);
24
-
25
- --header-background-color: #1a2028;
26
- --header-border-bottom-color: #222e24;
27
- --header-color: #d8e8d0;
28
- --header-font-weight: 700;
29
-
30
- --card-background-color: #1e2830;
31
- --card-background-accent-color: #1a2228;
32
- --card-border-color: #243030;
33
- --card-backdrop-filter: none;
34
- --card-border-accent-color: #84cc16;
35
- --card-hover-border-color: #304040;
36
- --card-color: #a8c8a0;
37
- --card-accent-color: #84cc16;
38
- --card-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
39
- --card-surface-box-shadow: var(--card-box-shadow);
40
- --card-footer-background-color: #1a2228;
41
- --card-footer-color: #6a8868;
42
- --card-title-color: var(--body-title-color);
43
- --card-title-font-family: var(--font-family-display, sans-serif);
44
- --card-title-font-size: var(--font-size-lg);
45
- --card-title-font-style: normal;
46
- --card-title-font-weight: var(--font-weight-bold);
47
- --card-title-letter-spacing: 0.04em;
48
- --card-title-text-transform: none;
49
-
50
- --links-color: #a3e635;
51
- --links-hover-color: #d9f99d;
52
-
53
- --delimiter-color: #243030;
54
- --border-color: #304040;
55
-
56
- --button-default-border-color: #304040;
57
- --button-default-background-color: #243030;
58
- --button-default-color: #d8e8d0;
59
- --button-default-hover-border-color: #84cc16;
60
- --button-default-hover-background-color: rgba(132, 204, 22, 0.1);
61
- --button-default-hover-color: #f0fff0;
62
-
63
- --button-info-border-color: #84cc16;
64
- --button-info-background-color: #65a30d;
65
- --button-info-color: #0a1008;
66
- --button-info-hover-border-color: #a3e635;
67
- --button-info-hover-background-color: #84cc16;
68
- --button-info-hover-color: #0a1008;
69
-
70
- --button-warning-border-color: #eab308;
71
- --button-warning-background-color: #ca8a04;
72
- --button-warning-color: #0a1008;
73
- --button-warning-hover-border-color: #facc15;
74
- --button-warning-hover-background-color: #eab308;
75
- --button-warning-hover-color: #0a1008;
76
-
77
- --button-success-border-color: #22c55e;
78
- --button-success-background-color: #16a34a;
79
- --button-success-color: #ffffff;
80
- --button-success-hover-border-color: #4ade80;
81
- --button-success-hover-background-color: #22c55e;
82
- --button-success-hover-color: #ffffff;
83
-
84
- --button-danger-border-color: #ef4444;
85
- --button-danger-background-color: #dc2626;
86
- --button-danger-color: #ffffff;
87
- --button-danger-hover-border-color: #f87171;
88
- --button-danger-hover-background-color: #ef4444;
89
- --button-danger-hover-color: #ffffff;
90
-
91
- --button-plain-color: #6a8868;
92
- --button-plain-hover-color: #f0fff0;
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: #243030;
98
- --button-ghost-hover-color: var(--button-plain-hover-color);
99
-
100
- --dropdown-border-color: #304040;
101
- --dropdown-header-background-color: #161b22;
102
- --dropdown-header-border-focus-color: #84cc16;
103
- --dropdown-header-color: #d8e8d0;
104
- --dropdown-options-background-color: #1e2830;
105
- --dropdown-options-color: #d8e8d0;
106
- --dropdown-options-hover-background-color: rgba(132, 204, 22, 0.12);
107
- --dropdown-options-hover-color: #f0fff0;
108
- --dropdown-options-selected-background-color: rgba(132, 204, 22, 0.2);
109
- --dropdown-options-selected-color: #f0fff0;
110
- --dropdown-chips-background-color: rgba(132, 204, 22, 0.15);
111
- --dropdown-chips-color: #a3e635;
112
- --dropdown-chips-border-color: rgba(132, 204, 22, 0.3);
113
- --dropdown-chips-hover-background-color: rgba(132, 204, 22, 0.25);
114
- --dropdown-action-color: #a8c8a0;
115
- --dropdown-action-background-color: #1e2830;
116
- --dropdown-action-hover-color: #f0fff0;
117
- --dropdown-action-hover-background-color: #243030;
118
-
119
- --tabs-active-background-color: rgba(132, 204, 22, 0.15);
120
- --tabs-active-color: #84cc16;
121
- --tabs-inactive-background-color: transparent;
122
- --tabs-inactive-color: #6a8868;
123
-
124
- --modal-background-color: #1e2830;
125
- --modal-border-color: #304040;
126
- --modal-backdrop-filter: none;
127
- --modal-header-background-color: #1a2228;
128
- --modal-header-color: #f0fff0;
129
- --modal-title-color: var(--modal-header-color);
130
- --modal-title-font-family: var(--font-family-display, sans-serif);
131
- --modal-title-font-size: var(--font-size-lg);
132
- --modal-title-font-style: normal;
133
- --modal-title-font-weight: var(--font-weight-bold);
134
- --modal-title-letter-spacing: 0.04em;
135
- --modal-title-text-transform: none;
136
- --modal-body-color: #a8c8a0;
137
- --modal-footer-background-color: #161b22;
138
- --modal-color: #d8e8d0;
139
- --modal-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
140
- --modal-surface-box-shadow: var(--modal-box-shadow);
141
- --modal-box-shadow-hover: 0 12px 40px rgba(132, 204, 22, 0.16);
142
-
143
- --list-alternate-background-color: #1a2228;
144
- --list-hover-background-color: rgba(132, 204, 22, 0.07);
145
-
146
- --progress-bar-background-color: #243030;
147
- --progress-bar-color: #6a8868;
148
-
149
- --progress-default-bar-border-color: #304040;
150
- --progress-default-bar-fill-color: #6a8868;
151
-
152
- --progress-success-bar-border-color: #22c55e;
153
- --progress-success-bar-fill-color: #22c55e;
154
-
155
- --progress-info-bar-border-color: #84cc16;
156
- --progress-info-bar-fill-color: #84cc16;
157
-
158
- --progress-warning-bar-border-color: #eab308;
159
- --progress-warning-bar-fill-color: #eab308;
160
-
161
- --progress-danger-bar-border-color: #ef4444;
162
- --progress-danger-bar-fill-color: #ef4444;
163
-
164
- --form-control-background-color: #161b22;
165
- --form-control-color: #d8e8d0;
166
- --form-control-label-color: #6a8868;
167
- --form-control-label-font-size: var(--font-size-sm);
168
- --form-control-label-font-weight: var(--font-weight-bold);
169
- --form-control-label-letter-spacing: normal;
170
- --form-control-label-text-transform: none;
171
- --form-control-border-color: #304040;
172
- --form-control-error-background-color: rgba(239, 68, 68, 0.1);
173
- --form-control-error-color: #ef4444;
174
- --form-control-error-border-color: #ef4444;
175
- --form-control-focus-background-color: #1a2228;
176
- --form-control-focus-border-color: #84cc16;
177
- --form-control-focus-color: #f0fff0;
178
- --form-control-placeholder-color: #385038;
179
- --form-control-success-background-color: rgba(34, 197, 94, 0.1);
180
- --form-control-success-color: #22c55e;
181
- --form-control-success-border-color: #22c55e;
182
-
183
- --form-control-selection-background-color: rgba(132, 204, 22, 0.15);
184
- --form-control-selection-border-color: #84cc16;
185
- --form-control-selection-color: #0a1008;
186
- --form-control-selection-label-color: #a3e635;
187
- --form-control-focus-ring: rgba(132, 204, 22, 0.3);
188
-
189
- --calendar-background-color: #1e2830;
190
- --calendar-border-color: #304040;
191
- --calendar-header-background-color: #1a2228;
192
- --calendar-header-color: #f0fff0;
193
- --calendar-day-color: #a8c8a0;
194
- --calendar-day-hover-background-color: #243030;
195
- --calendar-day-selected-background-color: #84cc16;
196
- --calendar-day-selected-color: #0a1008;
197
- --calendar-day-disabled-color: #2e3e30;
198
- --calendar-day-today-border-color: #84cc16;
199
- --calendar-day-weekend-color: #a3e635;
200
-
201
- --datepicker-input-background-color: #161b22;
202
-
203
- --tooltip-background-color: #84cc16;
204
- --tooltip-border-color: #84cc16;
205
- --tooltip-color: #0a1008;
206
-
207
- --popover-background-color: #1e2830;
208
- --popover-border-color: #84cc16;
209
- --popover-color: #d8e8d0;
210
- --popover-arrow-color: #84cc16;
211
-
212
- --toast-info-background-color: #65a30d;
213
- --toast-info-color: #0a1008;
214
- --toast-info-border-color: #84cc16;
215
-
216
- --toast-success-background-color: #16a34a;
217
- --toast-success-color: #ffffff;
218
- --toast-success-border-color: #22c55e;
219
-
220
- --toast-warning-background-color: #ca8a04;
221
- --toast-warning-color: #0a1008;
222
- --toast-warning-border-color: #eab308;
223
-
224
- --toast-danger-background-color: #dc2626;
225
- --toast-danger-color: #ffffff;
226
- --toast-danger-border-color: #ef4444;
227
-
228
- --loader-border-color: rgba(132, 204, 22, 0.2);
229
- --loader-border-top-color: #84cc16;
230
-
231
- --rating-color-success: #22c55e;
232
- --rating-color-warning: #eab308;
233
- --rating-color-danger: #ef4444;
234
- --rating-color-info: #84cc16;
235
- --rating-empty-color: #2e3e30;
236
- --rating-empty-label-color: #6a8868;
237
- --rating-half-rate-empty-color: #2e3e30;
238
-
239
- --slider-track-background-color: #243030;
240
- --slider-track-border-color: #304040;
241
- --slider-track-hover-background-color: #2c3c38;
242
- --slider-track-hover-border-color: #84cc16;
243
- --slider-thumb-background-color: #84cc16;
244
- --slider-thumb-border-color: #84cc16;
245
- --slider-thumb-hover-background-color: #a3e635;
246
- --slider-thumb-hover-border-color: #a3e635;
247
-
248
- --chip-selected-background-color: rgba(132, 204, 22, 0.15);
249
- --chip-selected-border-color: #84cc16;
250
- --chip-hover-border-color: #84cc16;
251
- --chip-hover-background-color: transparent;
252
- --chip-hover-color: #a8c8a0;
253
- --chip-selected-color: #a3e635;
254
- --chip-selected-count-color: rgba(163, 230, 53, 0.7);
255
-
256
- --note-container-effect-background-color: rgba(132, 204, 22, 0.08);
257
- --note-container-effect-color: #d8e8d0;
258
- --note-container-effect-border-left-color: #84cc16;
259
-
260
- --infuse-effect-hover-border-color: #84cc16;
261
- --infuse-effect-hover-box-shadow-color: rgba(132, 204, 22, 0.35);
262
- --infuse-effect-before-background: linear-gradient(90deg, #65a30d, #a3e635);
263
-
264
- --up-lift-effect-hover-border-color: #84cc16;
265
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.45);
266
- --up-lift-effect-hover-box-shadow-color: rgba(132, 204, 22, 0.3);
267
- --up-lift-effect-before-background: linear-gradient(135deg, #65a30d 0%, #d9f99d 100%);
268
-
269
- --glow-box-shadow-color: 0 0 16px rgba(132, 204, 22, 0.45), 0 0 6px rgba(163, 230, 53, 0.25);
270
- --glow-hover-border-color: rgba(132, 204, 22, 0.42);
271
- }
@@ -1,279 +0,0 @@
1
- // Chrono Atlas theme - Dedicated to the Atlas of Time app
2
- // Cartographic museum aesthetic: aged paper (vellum/tan), iron-oxide red ink,
3
- // burnished brass, deepest sepia ink, and an upright Spectral serif voice.
4
- // Palette mirrors the Atlas of Time design source (paper-* / ink-* / brass / iron-ox).
5
- [data-theme='chrono-atlas'] {
6
- --font-family: 'Spectral', 'Source Serif Pro', Georgia, serif;
7
- --font-family-display: 'Spectral', Georgia, serif;
8
- --font-family-sans: 'IBM Plex Sans', system-ui, sans-serif;
9
- --font-family-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
10
-
11
- // Paper & ink palette
12
- // paper-0 #f5ece0 paper-1 #ede0c8 paper-2 #e0d0b0 paper-3 #c9b48d paper-4 #a8916a
13
- // ink-0 #1f1810 ink-1 #3b2e1f ink-2 #5d4a30 ink-3 #8a7350 ink-4 #b8a37d
14
- // brass #b8924a / #8a6a2e iron-ox #a8472a / #7d2f1a ocean #2e5266 forest #3d5a3a
15
-
16
- --body-background-base: #ede0c8;
17
- --body-background: var(--body-background-base);
18
- --body-color: #3b2e1f;
19
- --body-color-accent: #1f1810;
20
- --body-color-muted: #8a7350;
21
- --body-title-color: #1f1810;
22
- --body-sub-title-color: #5d4a30;
23
- --body-accent-color: #a8472a;
24
- --body-danger-color: #9a2b2b;
25
-
26
- // Warm brass highlight for the tour HUD (overrides the default reddish accent).
27
- --tour-hud-accent-color: #b8924a;
28
-
29
- --backdrop-color: rgba(31, 24, 16, 0.42);
30
- --text-shadow: rgba(31, 24, 16, 0.14);
31
- --box-shadow: rgba(31, 24, 16, 0.18);
32
-
33
- --header-background-color: #f5ece0;
34
- --header-border-bottom-color: #c9b48d;
35
- --header-color: #3b2e1f;
36
- --header-font-weight: 600;
37
-
38
- --card-background-color: #f5ece0;
39
- --card-background-accent-color: #e0d0b0;
40
- --card-border-color: #c9b48d;
41
- --card-backdrop-filter: none;
42
- --card-border-accent-color: #a8472a;
43
- --card-hover-border-color: #b8924a;
44
- --card-color: #3b2e1f;
45
- --card-accent-color: #a8472a;
46
- --card-box-shadow: 0 8px 24px rgba(31, 24, 16, 0.18), 0 2px 6px rgba(31, 24, 16, 0.1);
47
- --card-surface-box-shadow: 0 0 0 1px rgba(31, 24, 16, 0.06), 0 14px 36px -18px rgba(31, 24, 16, 0.3);
48
- --card-footer-background-color: #e0d0b0;
49
- --card-footer-color: #8a7350;
50
- --card-title-color: var(--body-title-color);
51
- --card-title-font-family: var(--font-family-display, Georgia, serif);
52
- --card-title-font-size: var(--font-size-xl);
53
- --card-title-font-style: normal;
54
- --card-title-font-weight: var(--font-weight-semibold);
55
- --card-title-letter-spacing: normal;
56
- --card-title-text-transform: none;
57
-
58
- --links-color: #a8472a;
59
- --links-hover-color: #7d2f1a;
60
-
61
- --delimiter-color: #c9b48d;
62
- --border-color: #c9b48d;
63
-
64
- --button-default-border-color: #c9b48d;
65
- --button-default-background-color: #f5ece0;
66
- --button-default-color: #5d4a30;
67
- --button-default-hover-border-color: #8a7350;
68
- --button-default-hover-background-color: #e0d0b0;
69
- --button-default-hover-color: #1f1810;
70
-
71
- --button-info-border-color: #a8472a;
72
- --button-info-background-color: #a8472a;
73
- --button-info-color: #f5ece0;
74
- --button-info-hover-border-color: #7d2f1a;
75
- --button-info-hover-background-color: #7d2f1a;
76
- --button-info-hover-color: #f5ece0;
77
-
78
- --button-warning-border-color: #b8924a;
79
- --button-warning-background-color: #b8924a;
80
- --button-warning-color: #1f1810;
81
- --button-warning-hover-border-color: #8a6a2e;
82
- --button-warning-hover-background-color: #8a6a2e;
83
- --button-warning-hover-color: #f5ece0;
84
-
85
- --button-success-border-color: #3d5a3a;
86
- --button-success-background-color: #3d5a3a;
87
- --button-success-color: #f5ece0;
88
- --button-success-hover-border-color: #2f472d;
89
- --button-success-hover-background-color: #2f472d;
90
- --button-success-hover-color: #f5ece0;
91
-
92
- --button-danger-border-color: #9a2b2b;
93
- --button-danger-background-color: #9a2b2b;
94
- --button-danger-color: #f5ece0;
95
- --button-danger-hover-border-color: #7d2222;
96
- --button-danger-hover-background-color: #7d2222;
97
- --button-danger-hover-color: #f5ece0;
98
-
99
- --button-plain-color: #8a7350;
100
- --button-plain-hover-color: #1f1810;
101
- --button-ghost-border-color: transparent;
102
- --button-ghost-background-color: transparent;
103
- --button-ghost-color: var(--button-plain-color);
104
- --button-ghost-hover-border-color: transparent;
105
- --button-ghost-hover-background-color: #e0d0b0;
106
- --button-ghost-hover-color: var(--button-plain-hover-color);
107
-
108
- --dropdown-border-color: #c9b48d;
109
- --dropdown-header-background-color: #f5ece0;
110
- --dropdown-header-border-focus-color: #b8924a;
111
- --dropdown-header-color: #3b2e1f;
112
- --dropdown-options-background-color: #f5ece0;
113
- --dropdown-options-color: #3b2e1f;
114
- --dropdown-options-hover-background-color: #e0d0b0;
115
- --dropdown-options-hover-color: #1f1810;
116
- --dropdown-options-selected-background-color: rgba(168, 71, 42, 0.16);
117
- --dropdown-options-selected-color: #1f1810;
118
- --dropdown-chips-background-color: #3b2e1f;
119
- --dropdown-chips-color: #f5ece0;
120
- --dropdown-chips-border-color: #3b2e1f;
121
- --dropdown-chips-hover-background-color: #5d4a30;
122
- --dropdown-action-color: #8a7350;
123
- --dropdown-action-background-color: #f5ece0;
124
- --dropdown-action-hover-color: #1f1810;
125
- --dropdown-action-hover-background-color: #e0d0b0;
126
-
127
- --tabs-active-background-color: #3b2e1f;
128
- --tabs-active-color: #f5ece0;
129
- --tabs-inactive-background-color: transparent;
130
- --tabs-inactive-color: #8a7350;
131
-
132
- --modal-background-color: #ede0c8;
133
- --modal-border-color: #c9b48d;
134
- --modal-backdrop-filter: none;
135
- --modal-header-background-color: #e0d0b0;
136
- --modal-header-color: #8a7350;
137
- --modal-title-color: var(--modal-header-color);
138
- --modal-title-font-family: var(--font-family-sans, sans-serif);
139
- --modal-title-font-size: var(--font-size-xxs);
140
- --modal-title-font-style: normal;
141
- --modal-title-font-weight: var(--font-weight-semibold);
142
- --modal-title-letter-spacing: 0.2em;
143
- --modal-title-text-transform: uppercase;
144
- --modal-body-color: #3b2e1f;
145
- --modal-footer-background-color: #e0d0b0;
146
- --modal-color: #3b2e1f;
147
- --modal-box-shadow: 0 16px 48px rgba(31, 24, 16, 0.24), 0 4px 12px rgba(31, 24, 16, 0.14);
148
- --modal-surface-box-shadow: 0 0 0 1px rgba(31, 24, 16, 0.06), 0 14px 36px -18px rgba(31, 24, 16, 0.3);
149
- --modal-box-shadow-hover: 0 20px 56px rgba(31, 24, 16, 0.26), 0 6px 18px rgba(31, 24, 16, 0.16);
150
-
151
- --list-alternate-background-color: #e0d0b0;
152
- --list-hover-background-color: rgba(168, 71, 42, 0.08);
153
-
154
- --progress-bar-background-color: #e0d0b0;
155
- --progress-bar-color: #a8472a;
156
-
157
- --progress-default-bar-border-color: #c9b48d;
158
- --progress-default-bar-fill-color: #8a7350;
159
-
160
- --progress-success-bar-border-color: #3d5a3a;
161
- --progress-success-bar-fill-color: #3d5a3a;
162
-
163
- --progress-info-bar-border-color: #2e5266;
164
- --progress-info-bar-fill-color: #2e5266;
165
-
166
- --progress-warning-bar-border-color: #b8924a;
167
- --progress-warning-bar-fill-color: #b8924a;
168
-
169
- --progress-danger-bar-border-color: #9a2b2b;
170
- --progress-danger-bar-fill-color: #9a2b2b;
171
-
172
- --form-control-background-color: #f5ece0;
173
- --form-control-color: #3b2e1f;
174
- --form-control-label-color: #8a7350;
175
- --form-control-label-font-size: var(--font-size-xxs);
176
- --form-control-label-font-weight: var(--font-weight-semibold);
177
- --form-control-label-letter-spacing: 0.2em;
178
- --form-control-label-text-transform: uppercase;
179
- --form-control-border-color: #c9b48d;
180
- --form-control-error-background-color: rgba(154, 43, 43, 0.06);
181
- --form-control-error-color: #9a2b2b;
182
- --form-control-error-border-color: #9a2b2b;
183
- --form-control-focus-background-color: #f5ece0;
184
- --form-control-focus-border-color: #b8924a;
185
- --form-control-focus-color: #1f1810;
186
- --form-control-placeholder-color: #a8916a;
187
- --form-control-success-background-color: rgba(61, 90, 58, 0.08);
188
- --form-control-success-color: #3d5a3a;
189
- --form-control-success-border-color: #3d5a3a;
190
-
191
- --form-control-selection-background-color: #3b2e1f;
192
- --form-control-selection-border-color: #3b2e1f;
193
- --form-control-selection-color: #f5ece0;
194
- --form-control-selection-label-color: #1f1810;
195
- --form-control-focus-ring: rgba(184, 146, 74, 0.28);
196
-
197
- --calendar-background-color: #f5ece0;
198
- --calendar-border-color: #c9b48d;
199
- --calendar-header-background-color: #e0d0b0;
200
- --calendar-header-color: #1f1810;
201
- --calendar-day-color: #5d4a30;
202
- --calendar-day-hover-background-color: #e0d0b0;
203
- --calendar-day-selected-background-color: #a8472a;
204
- --calendar-day-selected-color: #f5ece0;
205
- --calendar-day-disabled-color: #b8a37d;
206
- --calendar-day-today-border-color: #b8924a;
207
- --calendar-day-weekend-color: #a8472a;
208
-
209
- --datepicker-input-background-color: #f5ece0;
210
-
211
- --tooltip-background-color: #1f1810;
212
- --tooltip-border-color: #1f1810;
213
- --tooltip-color: #f5ece0;
214
-
215
- --popover-background-color: #f5ece0;
216
- --popover-border-color: #a8472a;
217
- --popover-color: #3b2e1f;
218
- --popover-arrow-color: #a8472a;
219
-
220
- --toast-info-background-color: #2e5266;
221
- --toast-info-color: #f5ece0;
222
- --toast-info-border-color: #4a7488;
223
-
224
- --toast-success-background-color: #3d5a3a;
225
- --toast-success-color: #f5ece0;
226
- --toast-success-border-color: #4d6e49;
227
-
228
- --toast-warning-background-color: #b8924a;
229
- --toast-warning-color: #1f1810;
230
- --toast-warning-border-color: #cda95f;
231
-
232
- --toast-danger-background-color: #9a2b2b;
233
- --toast-danger-color: #f5ece0;
234
- --toast-danger-border-color: #b54545;
235
-
236
- --loader-border-color: rgba(168, 71, 42, 0.2);
237
- --loader-border-top-color: #a8472a;
238
-
239
- --rating-color-success: #3d5a3a;
240
- --rating-color-warning: #b8924a;
241
- --rating-color-danger: #9a2b2b;
242
- --rating-color-info: #a8472a;
243
- --rating-empty-color: #d8c7a3;
244
- --rating-empty-label-color: #8a7350;
245
- --rating-half-rate-empty-color: #d8c7a3;
246
-
247
- --slider-track-background-color: #e0d0b0;
248
- --slider-track-border-color: #c9b48d;
249
- --slider-track-hover-background-color: #d8c7a3;
250
- --slider-track-hover-border-color: #b8a37d;
251
- --slider-thumb-background-color: #a8472a;
252
- --slider-thumb-border-color: #a8472a;
253
- --slider-thumb-hover-background-color: #7d2f1a;
254
- --slider-thumb-hover-border-color: #7d2f1a;
255
-
256
- --chip-selected-background-color: #3b2e1f;
257
- --chip-selected-border-color: #3b2e1f;
258
- --chip-hover-border-color: #8a7350;
259
- --chip-hover-background-color: transparent;
260
- --chip-hover-color: var(--body-color-accent);
261
- --chip-selected-color: #f5ece0;
262
- --chip-selected-count-color: rgba(245, 236, 224, 0.72);
263
-
264
- --note-container-effect-background-color: rgba(168, 71, 42, 0.08);
265
- --note-container-effect-color: #3b2e1f;
266
- --note-container-effect-border-left-color: #a8472a;
267
-
268
- --infuse-effect-hover-border-color: #a8472a;
269
- --infuse-effect-hover-box-shadow-color: rgba(168, 71, 42, 0.24);
270
- --infuse-effect-before-background: linear-gradient(90deg, #a8472a, #b8924a);
271
-
272
- --up-lift-effect-hover-border-color: #a8472a;
273
- --up-lift-effect-box-shadow-color: rgba(31, 24, 16, 0.16);
274
- --up-lift-effect-hover-box-shadow-color: rgba(168, 71, 42, 0.26);
275
- --up-lift-effect-before-background: linear-gradient(135deg, #a8472a 0%, #b8924a 100%);
276
-
277
- --glow-box-shadow-color: 0 0 16px rgba(168, 71, 42, 0.28), 0 0 6px rgba(184, 146, 74, 0.18);
278
- --glow-hover-border-color: rgba(168, 71, 42, 0.32);
279
- }
@@ -1,34 +0,0 @@
1
- // Citrus Vital theme - Dedicated to NutriTrack app
2
- // Fresh nutrition dark: mineral green-black, aqua hydration, citrus energy
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='citrus-vital'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'Nunito Sans', 'Inter', sans-serif",
9
- display-family: "'Fraunces', 'Nunito Sans', serif",
10
- base: #0a1412,
11
- surface: #111f1b,
12
- surface-alt: #172923,
13
- surface-strong: #0d1a17,
14
- border: #254139,
15
- border-strong: #33554b,
16
- text: #dcece6,
17
- title: #f5fff7,
18
- muted: #7f9a91,
19
- sub-title: #b5cbc3,
20
- accent: #2dd4bf,
21
- accent-strong: #14b8a6,
22
- accent-soft: #123b35,
23
- accent-contrast: #061614,
24
- success: #86efac,
25
- warning: #facc15,
26
- danger: #fb7185,
27
- info: #67e8f9,
28
- wash-a: #2dd4bf,
29
- wash-b: #facc15,
30
- title-transform: none,
31
- title-letter-spacing: 0,
32
- )
33
- );
34
- }