@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
- // 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
- }
@@ -1,270 +0,0 @@
1
- // Vital Signal theme - Dedicated to Health-IQ app
2
- // Medical AI dark: deep teal-black, pulse cyan, clean analytical confidence
3
- [data-theme='vital-signal'] {
4
- --font-family: 'IBM Plex Sans', 'Helvetica Neue', sans-serif;
5
- --font-family-display: 'Syne', 'IBM Plex Sans', sans-serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #060e10;
9
- --body-background-wash:
10
- radial-gradient(60% 50% at 100% 0%, rgba(34, 211, 238, 0.14) 0%, transparent 65%),
11
- radial-gradient(50% 45% at 0% 100%, rgba(34, 211, 238, 0.1) 0%, transparent 65%), linear-gradient(155deg, #081418 0%, #040c0e 55%, #061012 100%);
12
- --body-color: #c0e8f0;
13
- --body-color-accent: #ffffff;
14
- --body-color-muted: #4a8898;
15
- --body-title-color: #ffffff;
16
- --body-sub-title-color: #80c8d8;
17
- --body-accent-color: #22d3ee;
18
- --body-danger-color: #f87171;
19
-
20
- --backdrop-color: rgba(0, 0, 0, 0.82);
21
- --text-shadow: rgba(0, 0, 0, 0.6);
22
- --box-shadow: rgba(0, 0, 0, 0.5);
23
-
24
- --header-background-color: #091418;
25
- --header-border-bottom-color: #102028;
26
- --header-color: #c0e8f0;
27
- --header-font-weight: 600;
28
-
29
- --card-background-color: #0e2028;
30
- --card-background-accent-color: #0a1820;
31
- --card-border-color: #143040;
32
- --card-backdrop-filter: none;
33
- --card-border-accent-color: #22d3ee;
34
- --card-hover-border-color: #1e4050;
35
- --card-color: #80c8d8;
36
- --card-accent-color: #22d3ee;
37
- --card-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55);
38
- --card-surface-box-shadow: var(--card-box-shadow);
39
- --card-footer-background-color: #0a1820;
40
- --card-footer-color: #4a8898;
41
- --card-title-color: var(--body-title-color);
42
- --card-title-font-family: var(--font-family-display, sans-serif);
43
- --card-title-font-size: var(--font-size-md);
44
- --card-title-font-style: normal;
45
- --card-title-font-weight: var(--font-weight-bold);
46
- --card-title-letter-spacing: 0.04em;
47
- --card-title-text-transform: none;
48
-
49
- --links-color: #67e8f9;
50
- --links-hover-color: #a5f3fc;
51
-
52
- --delimiter-color: #143040;
53
- --border-color: #1e4050;
54
-
55
- --button-default-border-color: #1e4050;
56
- --button-default-background-color: #143040;
57
- --button-default-color: #c0e8f0;
58
- --button-default-hover-border-color: #22d3ee;
59
- --button-default-hover-background-color: rgba(34, 211, 238, 0.1);
60
- --button-default-hover-color: #ffffff;
61
-
62
- --button-info-border-color: #22d3ee;
63
- --button-info-background-color: #0891b2;
64
- --button-info-color: #ffffff;
65
- --button-info-hover-border-color: #67e8f9;
66
- --button-info-hover-background-color: #22d3ee;
67
- --button-info-hover-color: #060e10;
68
-
69
- --button-warning-border-color: #fbbf24;
70
- --button-warning-background-color: #d97706;
71
- --button-warning-color: #060e10;
72
- --button-warning-hover-border-color: #fde68a;
73
- --button-warning-hover-background-color: #fbbf24;
74
- --button-warning-hover-color: #060e10;
75
-
76
- --button-success-border-color: #34d399;
77
- --button-success-background-color: #059669;
78
- --button-success-color: #ffffff;
79
- --button-success-hover-border-color: #6ee7b7;
80
- --button-success-hover-background-color: #34d399;
81
- --button-success-hover-color: #060e10;
82
-
83
- --button-danger-border-color: #f87171;
84
- --button-danger-background-color: #dc2626;
85
- --button-danger-color: #ffffff;
86
- --button-danger-hover-border-color: #fca5a5;
87
- --button-danger-hover-background-color: #f87171;
88
- --button-danger-hover-color: #ffffff;
89
-
90
- --button-plain-color: #4a8898;
91
- --button-plain-hover-color: #ffffff;
92
- --button-ghost-border-color: transparent;
93
- --button-ghost-background-color: transparent;
94
- --button-ghost-color: var(--button-plain-color);
95
- --button-ghost-hover-border-color: transparent;
96
- --button-ghost-hover-background-color: #143040;
97
- --button-ghost-hover-color: var(--button-plain-hover-color);
98
-
99
- --dropdown-border-color: #1e4050;
100
- --dropdown-header-background-color: #060e10;
101
- --dropdown-header-border-focus-color: #22d3ee;
102
- --dropdown-header-color: #c0e8f0;
103
- --dropdown-options-background-color: #0e2028;
104
- --dropdown-options-color: #c0e8f0;
105
- --dropdown-options-hover-background-color: rgba(34, 211, 238, 0.1);
106
- --dropdown-options-hover-color: #ffffff;
107
- --dropdown-options-selected-background-color: rgba(34, 211, 238, 0.18);
108
- --dropdown-options-selected-color: #ffffff;
109
- --dropdown-chips-background-color: rgba(34, 211, 238, 0.14);
110
- --dropdown-chips-color: #67e8f9;
111
- --dropdown-chips-border-color: rgba(34, 211, 238, 0.28);
112
- --dropdown-chips-hover-background-color: rgba(34, 211, 238, 0.24);
113
- --dropdown-action-color: #80c8d8;
114
- --dropdown-action-background-color: #0e2028;
115
- --dropdown-action-hover-color: #ffffff;
116
- --dropdown-action-hover-background-color: #143040;
117
-
118
- --tabs-active-background-color: rgba(34, 211, 238, 0.14);
119
- --tabs-active-color: #22d3ee;
120
- --tabs-inactive-background-color: transparent;
121
- --tabs-inactive-color: #4a8898;
122
-
123
- --modal-background-color: #0e2028;
124
- --modal-border-color: #1e4050;
125
- --modal-backdrop-filter: none;
126
- --modal-header-background-color: #0a1820;
127
- --modal-header-color: #ffffff;
128
- --modal-title-color: var(--modal-header-color);
129
- --modal-title-font-family: var(--font-family-display, sans-serif);
130
- --modal-title-font-size: var(--font-size-lg);
131
- --modal-title-font-style: normal;
132
- --modal-title-font-weight: var(--font-weight-bold);
133
- --modal-title-letter-spacing: 0.04em;
134
- --modal-title-text-transform: none;
135
- --modal-body-color: #80c8d8;
136
- --modal-footer-background-color: #060e10;
137
- --modal-color: #c0e8f0;
138
- --modal-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
139
- --modal-surface-box-shadow: var(--modal-box-shadow);
140
- --modal-box-shadow-hover: 0 12px 42px rgba(34, 211, 238, 0.18);
141
-
142
- --list-alternate-background-color: #0a1820;
143
- --list-hover-background-color: rgba(34, 211, 238, 0.07);
144
-
145
- --progress-bar-background-color: #143040;
146
- --progress-bar-color: #4a8898;
147
-
148
- --progress-default-bar-border-color: #1e4050;
149
- --progress-default-bar-fill-color: #4a8898;
150
-
151
- --progress-success-bar-border-color: #34d399;
152
- --progress-success-bar-fill-color: #34d399;
153
-
154
- --progress-info-bar-border-color: #22d3ee;
155
- --progress-info-bar-fill-color: #22d3ee;
156
-
157
- --progress-warning-bar-border-color: #fbbf24;
158
- --progress-warning-bar-fill-color: #fbbf24;
159
-
160
- --progress-danger-bar-border-color: #f87171;
161
- --progress-danger-bar-fill-color: #f87171;
162
-
163
- --form-control-background-color: #060e10;
164
- --form-control-color: #c0e8f0;
165
- --form-control-label-color: #4a8898;
166
- --form-control-label-font-size: var(--font-size-xs);
167
- --form-control-label-font-weight: var(--font-weight-medium);
168
- --form-control-label-letter-spacing: 0.1em;
169
- --form-control-label-text-transform: uppercase;
170
- --form-control-border-color: #1e4050;
171
- --form-control-error-background-color: rgba(248, 113, 113, 0.1);
172
- --form-control-error-color: #f87171;
173
- --form-control-error-border-color: #f87171;
174
- --form-control-focus-background-color: #0a1820;
175
- --form-control-focus-border-color: #22d3ee;
176
- --form-control-focus-color: #ffffff;
177
- --form-control-placeholder-color: #244858;
178
- --form-control-success-background-color: rgba(52, 211, 153, 0.1);
179
- --form-control-success-color: #34d399;
180
- --form-control-success-border-color: #34d399;
181
-
182
- --form-control-selection-background-color: rgba(34, 211, 238, 0.14);
183
- --form-control-selection-border-color: #22d3ee;
184
- --form-control-selection-color: #ffffff;
185
- --form-control-selection-label-color: #67e8f9;
186
- --form-control-focus-ring: rgba(34, 211, 238, 0.28);
187
-
188
- --calendar-background-color: #0e2028;
189
- --calendar-border-color: #1e4050;
190
- --calendar-header-background-color: #0a1820;
191
- --calendar-header-color: #ffffff;
192
- --calendar-day-color: #80c8d8;
193
- --calendar-day-hover-background-color: #143040;
194
- --calendar-day-selected-background-color: #22d3ee;
195
- --calendar-day-selected-color: #060e10;
196
- --calendar-day-disabled-color: #1e4050;
197
- --calendar-day-today-border-color: #22d3ee;
198
- --calendar-day-weekend-color: #67e8f9;
199
-
200
- --datepicker-input-background-color: #060e10;
201
-
202
- --tooltip-background-color: #22d3ee;
203
- --tooltip-border-color: #22d3ee;
204
- --tooltip-color: #060e10;
205
-
206
- --popover-background-color: #0e2028;
207
- --popover-border-color: #22d3ee;
208
- --popover-color: #c0e8f0;
209
- --popover-arrow-color: #22d3ee;
210
-
211
- --toast-info-background-color: #0891b2;
212
- --toast-info-color: #ffffff;
213
- --toast-info-border-color: #22d3ee;
214
-
215
- --toast-success-background-color: #059669;
216
- --toast-success-color: #ffffff;
217
- --toast-success-border-color: #34d399;
218
-
219
- --toast-warning-background-color: #d97706;
220
- --toast-warning-color: #060e10;
221
- --toast-warning-border-color: #fbbf24;
222
-
223
- --toast-danger-background-color: #dc2626;
224
- --toast-danger-color: #ffffff;
225
- --toast-danger-border-color: #f87171;
226
-
227
- --loader-border-color: rgba(34, 211, 238, 0.2);
228
- --loader-border-top-color: #22d3ee;
229
-
230
- --rating-color-success: #34d399;
231
- --rating-color-warning: #fbbf24;
232
- --rating-color-danger: #f87171;
233
- --rating-color-info: #22d3ee;
234
- --rating-empty-color: #1e4050;
235
- --rating-empty-label-color: #4a8898;
236
- --rating-half-rate-empty-color: #1e4050;
237
-
238
- --slider-track-background-color: #143040;
239
- --slider-track-border-color: #1e4050;
240
- --slider-track-hover-background-color: #1a3848;
241
- --slider-track-hover-border-color: #22d3ee;
242
- --slider-thumb-background-color: #22d3ee;
243
- --slider-thumb-border-color: #22d3ee;
244
- --slider-thumb-hover-background-color: #67e8f9;
245
- --slider-thumb-hover-border-color: #67e8f9;
246
-
247
- --chip-selected-background-color: rgba(34, 211, 238, 0.14);
248
- --chip-selected-border-color: #22d3ee;
249
- --chip-hover-border-color: #22d3ee;
250
- --chip-hover-background-color: transparent;
251
- --chip-hover-color: #80c8d8;
252
- --chip-selected-color: #67e8f9;
253
- --chip-selected-count-color: rgba(103, 232, 249, 0.7);
254
-
255
- --note-container-effect-background-color: rgba(34, 211, 238, 0.07);
256
- --note-container-effect-color: #c0e8f0;
257
- --note-container-effect-border-left-color: #22d3ee;
258
-
259
- --infuse-effect-hover-border-color: #22d3ee;
260
- --infuse-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.32);
261
- --infuse-effect-before-background: linear-gradient(90deg, #0891b2, #67e8f9);
262
-
263
- --up-lift-effect-hover-border-color: #22d3ee;
264
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.55);
265
- --up-lift-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.28);
266
- --up-lift-effect-before-background: linear-gradient(135deg, #0891b2 0%, #a5f3fc 100%);
267
-
268
- --glow-box-shadow-color: 0 0 18px rgba(34, 211, 238, 0.45), 0 0 8px rgba(103, 232, 249, 0.25);
269
- --glow-hover-border-color: rgba(34, 211, 238, 0.42);
270
- }