@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,270 +0,0 @@
1
- // Sandy Parchment theme - Warm light theme drawn from the paper library screenshots
2
- // Aged cream surfaces, burnished amber actions, soft ink text, and fine parchment borders
3
- [data-theme='sandy-parchment'] {
4
- --font-family: 'Figtree', 'Avenir Next', sans-serif;
5
- --font-family-display: 'Newsreader', Georgia, serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #f4ecdc;
9
- --body-background-wash: radial-gradient(120% 100% at 0% 0%, #f8ecd0 0%, #e8d7af 45%, #cbb383 100%);
10
- --body-background-glow:
11
- radial-gradient(900px 500px at 80% 10%, oklch(0.55 0.08 75 / 0.33) 0%, transparent 60%),
12
- radial-gradient(700px 700px at 10% 90%, color-mix(in oklch, oklch(0.82 0.13 75) 14%, transparent) 0%, transparent 65%);
13
- --body-color: #423929;
14
- --body-color-accent: #20160d;
15
- --body-color-muted: #7e725f;
16
- --body-title-color: #20160d;
17
- --body-sub-title-color: #635847;
18
- --body-accent-color: #c66f22;
19
- --body-danger-color: #9f2f2f;
20
-
21
- --backdrop-color: rgba(34, 29, 22, 0.42);
22
- --text-shadow: rgba(64, 44, 22, 0.18);
23
- --box-shadow: rgba(80, 58, 25, 0.22);
24
-
25
- --header-background-color: #f4ead2;
26
- --header-border-bottom-color: rgba(84, 66, 36, 0.16);
27
- --header-color: #423929;
28
- --header-font-weight: 500;
29
-
30
- --card-background-color: rgba(255, 248, 230, 0.95);
31
- --card-background-accent-color: rgba(255, 241, 207, 0.42);
32
- --card-border-color: rgba(255, 252, 240, 0.8);
33
- --card-backdrop-filter: blur(22px) saturate(1.4);
34
- --card-border-accent-color: #c66f22;
35
- --card-hover-border-color: rgba(255, 252, 240, 0.95);
36
- --card-color: #423929;
37
- --card-accent-color: #c66f22;
38
- --card-box-shadow: 0 18px 40px rgba(68, 50, 23, 0.14), 0 2px 8px rgba(68, 50, 23, 0.1);
39
- --card-surface-box-shadow: 0 1px 0 rgba(255, 252, 240, 0.9) inset, 0 0 0 1px rgba(31, 24, 17, 0.08), 0 18px 40px -20px rgba(60, 40, 20, 0.45);
40
- --card-footer-background-color: rgba(255, 241, 207, 0.42);
41
- --card-footer-color: #635847;
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: 500;
47
- --card-title-letter-spacing: normal;
48
- --card-title-text-transform: none;
49
-
50
- --links-color: #a85b1c;
51
- --links-hover-color: #cf792c;
52
-
53
- --delimiter-color: rgba(90, 68, 34, 0.18);
54
- --border-color: rgba(90, 68, 34, 0.2);
55
-
56
- --button-default-border-color: rgba(88, 67, 34, 0.22);
57
- --button-default-background-color: #f4ead2;
58
- --button-default-color: #423929;
59
- --button-default-hover-border-color: #b7884d;
60
- --button-default-hover-background-color: #ead8ae;
61
- --button-default-hover-color: #20160d;
62
-
63
- --button-info-border-color: #c66f22;
64
- --button-info-background-color: #c66f22;
65
- --button-info-color: #fff8e9;
66
- --button-info-hover-border-color: #a85618;
67
- --button-info-hover-background-color: #a85618;
68
- --button-info-hover-color: #fff8e9;
69
-
70
- --button-warning-border-color: #b68432;
71
- --button-warning-background-color: #b68432;
72
- --button-warning-color: #fff8e9;
73
- --button-warning-hover-border-color: #9a6a25;
74
- --button-warning-hover-background-color: #9a6a25;
75
- --button-warning-hover-color: #fff8e9;
76
-
77
- --button-success-border-color: #3f7d45;
78
- --button-success-background-color: #3f7d45;
79
- --button-success-color: #fff8e9;
80
- --button-success-hover-border-color: #326738;
81
- --button-success-hover-background-color: #326738;
82
- --button-success-hover-color: #fff8e9;
83
-
84
- --button-danger-border-color: #9f2f2f;
85
- --button-danger-background-color: #9f2f2f;
86
- --button-danger-color: #fff8e9;
87
- --button-danger-hover-border-color: #842525;
88
- --button-danger-hover-background-color: #842525;
89
- --button-danger-hover-color: #fff8e9;
90
-
91
- --button-plain-color: #635847;
92
- --button-plain-hover-color: #20160d;
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: #e0d3bb;
98
- --button-ghost-hover-color: var(--button-plain-hover-color);
99
- --dropdown-border-color: rgba(88, 67, 34, 0.24);
100
- --dropdown-header-background-color: #f4ead2;
101
- --dropdown-header-border-focus-color: #c66f22;
102
- --dropdown-header-color: #423929;
103
- --dropdown-options-background-color: #f4ead2;
104
- --dropdown-options-color: #423929;
105
- --dropdown-options-hover-background-color: rgba(198, 111, 34, 0.1);
106
- --dropdown-options-hover-color: #20160d;
107
- --dropdown-options-selected-background-color: rgba(198, 111, 34, 0.18);
108
- --dropdown-options-selected-color: #20160d;
109
- --dropdown-chips-background-color: #20160d;
110
- --dropdown-chips-color: #fff8e9;
111
- --dropdown-chips-border-color: #20160d;
112
- --dropdown-chips-hover-background-color: #3a2a1a;
113
- --dropdown-action-color: #635847;
114
- --dropdown-action-background-color: #f4ead2;
115
- --dropdown-action-hover-color: #20160d;
116
- --dropdown-action-hover-background-color: #ead8ae;
117
-
118
- --tabs-active-background-color: #20160d;
119
- --tabs-active-color: #fff8e9;
120
- --tabs-inactive-background-color: transparent;
121
- --tabs-inactive-color: #7e725f;
122
-
123
- --modal-background-color: rgba(255, 248, 230, 0.72);
124
- --modal-border-color: rgba(255, 252, 240, 0.8);
125
- --modal-backdrop-filter: blur(22px) saturate(1.4);
126
- --modal-header-background-color: rgba(255, 241, 207, 0.42);
127
- --modal-header-color: #20160d;
128
- --modal-title-color: var(--modal-header-color);
129
- --modal-title-font-family: var(--font-family, sans-serif);
130
- --modal-title-font-size: var(--font-size-sm);
131
- --modal-title-font-style: normal;
132
- --modal-title-font-weight: var(--font-weight-medium);
133
- --modal-title-letter-spacing: 0.18em;
134
- --modal-title-text-transform: uppercase;
135
- --modal-body-color: #423929;
136
- --modal-footer-background-color: rgba(255, 241, 207, 0.42);
137
- --modal-color: #423929;
138
- --modal-box-shadow: 0 28px 80px rgba(34, 29, 22, 0.32), 0 6px 18px rgba(34, 29, 22, 0.2);
139
- --modal-surface-box-shadow: 0 1px 0 rgba(255, 252, 240, 0.9) inset, 0 0 0 1px rgba(31, 24, 17, 0.08), 0 18px 40px -20px rgba(60, 40, 20, 0.45);
140
- --modal-box-shadow-hover: 0 32px 90px rgba(34, 29, 22, 0.34), 0 8px 24px rgba(34, 29, 22, 0.22);
141
-
142
- --list-alternate-background-color: #efe0bd;
143
- --list-hover-background-color: rgba(198, 111, 34, 0.08);
144
-
145
- --progress-bar-background-color: #e4d4a7;
146
- --progress-bar-color: #ffe2c4;
147
-
148
- --progress-default-bar-border-color: rgba(88, 67, 34, 0.22);
149
- --progress-default-bar-fill-color: #9c7d48;
150
-
151
- --progress-success-bar-border-color: #3f7d45;
152
- --progress-success-bar-fill-color: #3f7d45;
153
-
154
- --progress-info-bar-border-color: #c66f22;
155
- --progress-info-bar-fill-color: #c66f22;
156
-
157
- --progress-warning-bar-border-color: #b68432;
158
- --progress-warning-bar-fill-color: #b68432;
159
-
160
- --progress-danger-bar-border-color: #bf7e73;
161
- --progress-danger-bar-fill-color: #bf7e73;
162
-
163
- --form-control-background-color: #f4ead2;
164
- --form-control-color: #423929;
165
- --form-control-label-color: #7e725f;
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.18em;
169
- --form-control-label-text-transform: uppercase;
170
- --form-control-border-color: rgba(88, 67, 34, 0.28);
171
- --form-control-error-background-color: rgba(159, 47, 47, 0.06);
172
- --form-control-error-color: #9f2f2f;
173
- --form-control-error-border-color: #9f2f2f;
174
- --form-control-focus-background-color: #f8efd8;
175
- --form-control-focus-border-color: #c66f22;
176
- --form-control-focus-color: #20160d;
177
- --form-control-placeholder-color: #817664;
178
- --form-control-success-background-color: rgba(63, 125, 69, 0.07);
179
- --form-control-success-color: #3f7d45;
180
- --form-control-success-border-color: #3f7d45;
181
-
182
- --form-control-selection-background-color: #20160d;
183
- --form-control-selection-border-color: #20160d;
184
- --form-control-selection-color: #fff8e9;
185
- --form-control-selection-label-color: #20160d;
186
- --form-control-focus-ring: rgba(198, 111, 34, 0.24);
187
-
188
- --calendar-background-color: #f4ead2;
189
- --calendar-border-color: rgba(88, 67, 34, 0.24);
190
- --calendar-header-background-color: #ead8ae;
191
- --calendar-header-color: #20160d;
192
- --calendar-day-color: #635847;
193
- --calendar-day-hover-background-color: #ead8ae;
194
- --calendar-day-selected-background-color: #c66f22;
195
- --calendar-day-selected-color: #fff8e9;
196
- --calendar-day-disabled-color: #bba977;
197
- --calendar-day-today-border-color: #c66f22;
198
- --calendar-day-weekend-color: #9c6a32;
199
-
200
- --datepicker-input-background-color: #f4ead2;
201
-
202
- --tooltip-background-color: #20160d;
203
- --tooltip-border-color: #20160d;
204
- --tooltip-color: #fff8e9;
205
-
206
- --popover-background-color: #f4ead2;
207
- --popover-border-color: #c66f22;
208
- --popover-color: #423929;
209
- --popover-arrow-color: #c66f22;
210
-
211
- --toast-info-background-color: #c66f22;
212
- --toast-info-color: #fff8e9;
213
- --toast-info-border-color: #df9048;
214
-
215
- --toast-success-background-color: #3f7d45;
216
- --toast-success-color: #fff8e9;
217
- --toast-success-border-color: #5d9c62;
218
-
219
- --toast-warning-background-color: #b68432;
220
- --toast-warning-color: #fff8e9;
221
- --toast-warning-border-color: #d0a85f;
222
-
223
- --toast-danger-background-color: #9f2f2f;
224
- --toast-danger-color: #fff8e9;
225
- --toast-danger-border-color: #bd5751;
226
-
227
- --loader-border-color: rgba(198, 111, 34, 0.22);
228
- --loader-border-top-color: #c66f22;
229
-
230
- --rating-color-success: #3f7d45;
231
- --rating-color-warning: #b68432;
232
- --rating-color-danger: #9f2f2f;
233
- --rating-color-info: #c66f22;
234
- --rating-empty-color: #d6be8a;
235
- --rating-empty-label-color: #7e725f;
236
- --rating-half-rate-empty-color: #d6be8a;
237
-
238
- --slider-track-background-color: #e4d4a7;
239
- --slider-track-border-color: rgba(88, 67, 34, 0.22);
240
- --slider-track-hover-background-color: #d9c38e;
241
- --slider-track-hover-border-color: rgba(88, 67, 34, 0.32);
242
- --slider-thumb-background-color: #c66f22;
243
- --slider-thumb-border-color: #c66f22;
244
- --slider-thumb-hover-background-color: #a85618;
245
- --slider-thumb-hover-border-color: #a85618;
246
-
247
- --chip-selected-background-color: #20160d;
248
- --chip-selected-border-color: #20160d;
249
- --chip-hover-border-color: #20160d;
250
- --chip-hover-background-color: transparent;
251
- --chip-hover-color: var(--body-color);
252
- --chip-selected-color: #fff8e9;
253
- --chip-selected-count-color: rgba(255, 248, 233, 0.72);
254
-
255
- --note-container-effect-background-color: rgba(198, 111, 34, 0.08);
256
- --note-container-effect-color: #423929;
257
- --note-container-effect-border-left-color: #c66f22;
258
-
259
- --infuse-effect-hover-border-color: #c66f22;
260
- --infuse-effect-hover-box-shadow-color: rgba(198, 111, 34, 0.24);
261
- --infuse-effect-before-background: linear-gradient(90deg, #c66f22, #df9048);
262
-
263
- --up-lift-effect-hover-border-color: #c66f22;
264
- --up-lift-effect-box-shadow-color: rgba(80, 58, 25, 0.18);
265
- --up-lift-effect-hover-box-shadow-color: rgba(198, 111, 34, 0.28);
266
- --up-lift-effect-before-background: linear-gradient(135deg, #c66f22 0%, #df9048 100%);
267
-
268
- --glow-box-shadow-color: 0 0 18px rgba(198, 111, 34, 0.32), 0 0 8px rgba(223, 144, 72, 0.18);
269
- --glow-hover-border-color: rgba(198, 111, 34, 0.32);
270
- }
@@ -1,34 +0,0 @@
1
- // Screening Room theme - Dedicated to Reels app
2
- // Cinema dark: deep aubergine-black, marquee-gold spotlight, warm yellow highlights
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='screening-room'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'Figtree', 'Inter', sans-serif",
9
- display-family: "'Big Shoulders Display', 'Figtree', sans-serif",
10
- base: #0d0a12,
11
- surface: #181320,
12
- surface-alt: #221a2d,
13
- surface-strong: #110d18,
14
- border: #2e2740,
15
- border-strong: #423856,
16
- text: #ddd5e6,
17
- title: #fdf8ff,
18
- muted: #8b8299,
19
- sub-title: #bcb1cc,
20
- accent: #f4c344,
21
- accent-strong: #ffd95e,
22
- accent-soft: #352c16,
23
- accent-contrast: #1a1305,
24
- success: #4ade80,
25
- warning: #f5b942,
26
- danger: #e04449,
27
- info: #f4c344,
28
- wash-a: #f4c344,
29
- wash-b: #f5b942,
30
- title-transform: uppercase,
31
- title-letter-spacing: 0.06em,
32
- )
33
- );
34
- }
@@ -1,271 +0,0 @@
1
- // Signal Burst theme - Dedicated to Impulse app
2
- // Electric dark: deep midnight base, vivid orange-amber burst accent, urgent energy
3
- [data-theme='signal-burst'] {
4
- --font-family: 'DM Sans', sans-serif;
5
- --font-family-display: 'Exo 2', 'DM Sans', sans-serif;
6
-
7
- --body-background: var(--body-background-wash, var(--body-background-base));
8
- --body-background-base: #0e0f14;
9
- --body-background-wash:
10
- radial-gradient(60% 50% at 100% 0%, rgba(249, 115, 22, 0.18) 0%, transparent 60%),
11
- radial-gradient(45% 40% at 0% 100%, rgba(99, 102, 241, 0.12) 0%, transparent 65%),
12
- linear-gradient(150deg, #131420 0%, #0c0d12 55%, #0f1018 100%);
13
- --body-color: #e0e2f0;
14
- --body-color-accent: #ffffff;
15
- --body-color-muted: #7880a0;
16
- --body-title-color: #ffffff;
17
- --body-sub-title-color: #b0b8d8;
18
- --body-accent-color: #f97316;
19
- --body-danger-color: #ef4444;
20
-
21
- --backdrop-color: rgba(10, 10, 18, 0.85);
22
- --text-shadow: rgba(0, 0, 0, 0.55);
23
- --box-shadow: rgba(0, 0, 0, 0.45);
24
-
25
- --header-background-color: #12131a;
26
- --header-border-bottom-color: #1e2030;
27
- --header-color: #e0e2f0;
28
- --header-font-weight: 500;
29
-
30
- --card-background-color: #16171f;
31
- --card-background-accent-color: #12131a;
32
- --card-border-color: #1e2030;
33
- --card-backdrop-filter: none;
34
- --card-border-accent-color: #f97316;
35
- --card-hover-border-color: #2a2c40;
36
- --card-color: #b0b8d8;
37
- --card-accent-color: #f97316;
38
- --card-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
39
- --card-surface-box-shadow: var(--card-box-shadow);
40
- --card-footer-background-color: #12131a;
41
- --card-footer-color: #7880a0;
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-md);
45
- --card-title-font-style: normal;
46
- --card-title-font-weight: var(--font-weight-semibold);
47
- --card-title-letter-spacing: 0.02em;
48
- --card-title-text-transform: none;
49
-
50
- --links-color: #fb923c;
51
- --links-hover-color: #fdba74;
52
-
53
- --delimiter-color: #1e2030;
54
- --border-color: #2a2c40;
55
-
56
- --button-default-border-color: #2a2c40;
57
- --button-default-background-color: #1c1e2c;
58
- --button-default-color: #e0e2f0;
59
- --button-default-hover-border-color: #f97316;
60
- --button-default-hover-background-color: rgba(249, 115, 22, 0.1);
61
- --button-default-hover-color: #ffffff;
62
-
63
- --button-info-border-color: #f97316;
64
- --button-info-background-color: #ea6608;
65
- --button-info-color: #ffffff;
66
- --button-info-hover-border-color: #fb923c;
67
- --button-info-hover-background-color: #f97316;
68
- --button-info-hover-color: #ffffff;
69
-
70
- --button-warning-border-color: #eab308;
71
- --button-warning-background-color: #ca8a04;
72
- --button-warning-color: #ffffff;
73
- --button-warning-hover-border-color: #facc15;
74
- --button-warning-hover-background-color: #eab308;
75
- --button-warning-hover-color: #ffffff;
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: #7880a0;
92
- --button-plain-hover-color: #ffffff;
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: #1c1e2c;
98
- --button-ghost-hover-color: var(--button-plain-hover-color);
99
-
100
- --dropdown-border-color: #2a2c40;
101
- --dropdown-header-background-color: #0e0f14;
102
- --dropdown-header-border-focus-color: #f97316;
103
- --dropdown-header-color: #e0e2f0;
104
- --dropdown-options-background-color: #16171f;
105
- --dropdown-options-color: #e0e2f0;
106
- --dropdown-options-hover-background-color: rgba(249, 115, 22, 0.12);
107
- --dropdown-options-hover-color: #ffffff;
108
- --dropdown-options-selected-background-color: rgba(249, 115, 22, 0.2);
109
- --dropdown-options-selected-color: #ffffff;
110
- --dropdown-chips-background-color: rgba(249, 115, 22, 0.15);
111
- --dropdown-chips-color: #fb923c;
112
- --dropdown-chips-border-color: rgba(249, 115, 22, 0.3);
113
- --dropdown-chips-hover-background-color: rgba(249, 115, 22, 0.25);
114
- --dropdown-action-color: #b0b8d8;
115
- --dropdown-action-background-color: #16171f;
116
- --dropdown-action-hover-color: #ffffff;
117
- --dropdown-action-hover-background-color: #1c1e2c;
118
-
119
- --tabs-active-background-color: rgba(249, 115, 22, 0.15);
120
- --tabs-active-color: #f97316;
121
- --tabs-inactive-background-color: transparent;
122
- --tabs-inactive-color: #7880a0;
123
-
124
- --modal-background-color: #16171f;
125
- --modal-border-color: #2a2c40;
126
- --modal-backdrop-filter: none;
127
- --modal-header-background-color: #12131a;
128
- --modal-header-color: #ffffff;
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-semibold);
134
- --modal-title-letter-spacing: 0.02em;
135
- --modal-title-text-transform: none;
136
- --modal-body-color: #e0e2f0;
137
- --modal-footer-background-color: #0e0f14;
138
- --modal-color: #e0e2f0;
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(249, 115, 22, 0.18);
142
-
143
- --list-alternate-background-color: #12131a;
144
- --list-hover-background-color: rgba(249, 115, 22, 0.07);
145
-
146
- --progress-bar-background-color: #1c1e2c;
147
- --progress-bar-color: #7880a0;
148
-
149
- --progress-default-bar-border-color: #2a2c40;
150
- --progress-default-bar-fill-color: #7880a0;
151
-
152
- --progress-success-bar-border-color: #22c55e;
153
- --progress-success-bar-fill-color: #22c55e;
154
-
155
- --progress-info-bar-border-color: #f97316;
156
- --progress-info-bar-fill-color: #f97316;
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: #0e0f14;
165
- --form-control-color: #e0e2f0;
166
- --form-control-label-color: #7880a0;
167
- --form-control-label-font-size: var(--font-size-sm);
168
- --form-control-label-font-weight: var(--font-weight-medium);
169
- --form-control-label-letter-spacing: normal;
170
- --form-control-label-text-transform: none;
171
- --form-control-border-color: #2a2c40;
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: #12131a;
176
- --form-control-focus-border-color: #f97316;
177
- --form-control-focus-color: #ffffff;
178
- --form-control-placeholder-color: #404568;
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(249, 115, 22, 0.15);
184
- --form-control-selection-border-color: #f97316;
185
- --form-control-selection-color: #ffffff;
186
- --form-control-selection-label-color: #fb923c;
187
- --form-control-focus-ring: rgba(249, 115, 22, 0.3);
188
-
189
- --calendar-background-color: #16171f;
190
- --calendar-border-color: #2a2c40;
191
- --calendar-header-background-color: #12131a;
192
- --calendar-header-color: #ffffff;
193
- --calendar-day-color: #b0b8d8;
194
- --calendar-day-hover-background-color: #1e2030;
195
- --calendar-day-selected-background-color: #f97316;
196
- --calendar-day-selected-color: #ffffff;
197
- --calendar-day-disabled-color: #303450;
198
- --calendar-day-today-border-color: #f97316;
199
- --calendar-day-weekend-color: #fb923c;
200
-
201
- --datepicker-input-background-color: #0e0f14;
202
-
203
- --tooltip-background-color: #f97316;
204
- --tooltip-border-color: #f97316;
205
- --tooltip-color: #ffffff;
206
-
207
- --popover-background-color: #16171f;
208
- --popover-border-color: #f97316;
209
- --popover-color: #e0e2f0;
210
- --popover-arrow-color: #f97316;
211
-
212
- --toast-info-background-color: #ea6608;
213
- --toast-info-color: #ffffff;
214
- --toast-info-border-color: #f97316;
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: #ffffff;
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(249, 115, 22, 0.2);
229
- --loader-border-top-color: #f97316;
230
-
231
- --rating-color-success: #22c55e;
232
- --rating-color-warning: #eab308;
233
- --rating-color-danger: #ef4444;
234
- --rating-color-info: #f97316;
235
- --rating-empty-color: #2a2c40;
236
- --rating-empty-label-color: #7880a0;
237
- --rating-half-rate-empty-color: #2a2c40;
238
-
239
- --slider-track-background-color: #1c1e2c;
240
- --slider-track-border-color: #2a2c40;
241
- --slider-track-hover-background-color: #22243a;
242
- --slider-track-hover-border-color: #f97316;
243
- --slider-thumb-background-color: #f97316;
244
- --slider-thumb-border-color: #f97316;
245
- --slider-thumb-hover-background-color: #fb923c;
246
- --slider-thumb-hover-border-color: #fb923c;
247
-
248
- --chip-selected-background-color: rgba(249, 115, 22, 0.15);
249
- --chip-selected-border-color: #f97316;
250
- --chip-hover-border-color: #f97316;
251
- --chip-hover-background-color: transparent;
252
- --chip-hover-color: #b0b8d8;
253
- --chip-selected-color: #fb923c;
254
- --chip-selected-count-color: rgba(251, 146, 60, 0.7);
255
-
256
- --note-container-effect-background-color: rgba(249, 115, 22, 0.08);
257
- --note-container-effect-color: #e0e2f0;
258
- --note-container-effect-border-left-color: #f97316;
259
-
260
- --infuse-effect-hover-border-color: #f97316;
261
- --infuse-effect-hover-box-shadow-color: rgba(249, 115, 22, 0.35);
262
- --infuse-effect-before-background: linear-gradient(90deg, #f97316, #fb923c);
263
-
264
- --up-lift-effect-hover-border-color: #f97316;
265
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.45);
266
- --up-lift-effect-hover-box-shadow-color: rgba(249, 115, 22, 0.3);
267
- --up-lift-effect-before-background: linear-gradient(135deg, #f97316 0%, #fdba74 100%);
268
-
269
- --glow-box-shadow-color: 0 0 16px rgba(249, 115, 22, 0.45), 0 0 6px rgba(251, 146, 60, 0.25);
270
- --glow-hover-border-color: rgba(249, 115, 22, 0.4);
271
- }
@@ -1,34 +0,0 @@
1
- // Signal Clarity theme - Dedicated to Network Audit app
2
- // Professional audit dark: navy glass, clear cyan, violet trace accents
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='signal-clarity'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'Inter', 'IBM Plex Sans', sans-serif",
9
- display-family: "'Space Grotesk', 'Inter', sans-serif",
10
- base: #08111d,
11
- surface: #101b2b,
12
- surface-alt: #152238,
13
- surface-strong: #0b1726,
14
- border: #243650,
15
- border-strong: #314762,
16
- text: #dbe7f3,
17
- title: #f8fbff,
18
- muted: #7f92aa,
19
- sub-title: #b4c5d8,
20
- accent: #38bdf8,
21
- accent-strong: #0ea5e9,
22
- accent-soft: #12324a,
23
- accent-contrast: #06131d,
24
- success: #2dd4bf,
25
- warning: #fbbf24,
26
- danger: #f43f5e,
27
- info: #818cf8,
28
- wash-a: #38bdf8,
29
- wash-b: #818cf8,
30
- title-transform: none,
31
- title-letter-spacing: 0,
32
- )
33
- );
34
- }
@@ -1,34 +0,0 @@
1
- // Slate Bazaar theme - Dedicated to Basket app
2
- // Retail dark: editorial slate, confident blue, warm commerce highlights
3
- @use './profile-theme' as profile;
4
-
5
- [data-theme='slate-bazaar'] {
6
- @include profile.app-profile(
7
- (
8
- font-family: "'Inter', 'DM Sans', sans-serif",
9
- display-family: "'Outfit', 'Inter', sans-serif",
10
- base: #0b0f16,
11
- surface: #151b24,
12
- surface-alt: #1b2330,
13
- surface-strong: #101620,
14
- border: #273142,
15
- border-strong: #354154,
16
- text: #e0e6ef,
17
- title: #ffffff,
18
- muted: #7d8a9b,
19
- sub-title: #b8c3d2,
20
- accent: #60a5fa,
21
- accent-strong: #3b82f6,
22
- accent-soft: #172b48,
23
- accent-contrast: #061222,
24
- success: #2dd4bf,
25
- warning: #f59e0b,
26
- danger: #f43f5e,
27
- info: #60a5fa,
28
- wash-a: #60a5fa,
29
- wash-b: #f59e0b,
30
- title-transform: none,
31
- title-letter-spacing: 0,
32
- )
33
- );
34
- }