@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,269 +0,0 @@
1
- // Sandstone theme - Warm light theme with earthy terracotta accent
2
- // Cream backgrounds with rich terracotta and amber accents for an organic, warm feel
3
- [data-theme='sandstone'] {
4
- --font-family: 'Outfit', sans-serif;
5
-
6
- --body-background: var(--body-background-wash, var(--body-background-base));
7
- --body-background-base: #faf6f1;
8
- --body-background-wash:
9
- radial-gradient(60% 50% at 100% 0%, rgba(194, 102, 45, 0.12) 0%, transparent 65%),
10
- radial-gradient(50% 45% at 0% 100%, rgba(160, 128, 96, 0.12) 0%, transparent 65%),
11
- linear-gradient(155deg, #fffaf3 0%, #f6eee4 55%, #fbf5ee 100%);
12
- --body-color: #3d2c1e;
13
- --body-color-accent: #1a1008;
14
- --body-color-muted: #a08060;
15
- --body-title-color: #1a1008;
16
- --body-sub-title-color: #3d2c1e;
17
- --body-accent-color: #c2662d;
18
- --body-danger-color: #dc2626;
19
-
20
- --backdrop-color: rgba(60, 44, 30, 0.25);
21
- --text-shadow: #ffffff;
22
- --box-shadow: rgba(60, 44, 30, 0.1);
23
-
24
- --header-background-color: transparent;
25
- --header-border-bottom-color: #e0d4c4;
26
- --header-color: #3d2c1e;
27
- --header-font-weight: 500;
28
-
29
- --card-background-color: #ffffff;
30
- --card-background-accent-color: #faf6f1;
31
- --card-border-color: #ede4d8;
32
- --card-backdrop-filter: none;
33
- --card-border-accent-color: #c2662d;
34
- --card-hover-border-color: #c2662d;
35
- --card-color: #4a3828;
36
- --card-accent-color: #c2662d;
37
- --card-box-shadow: 0 2px 8px rgba(60, 44, 30, 0.08);
38
- --card-surface-box-shadow: var(--card-box-shadow);
39
- --card-footer-background-color: #f7f1ea;
40
- --card-footer-color: #4a3828;
41
- --card-title-color: var(--body-title-color);
42
- --card-title-font-family: var(--font-family, 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: normal;
47
- --card-title-text-transform: none;
48
-
49
- --links-color: #c2662d;
50
- --links-hover-color: #a85525;
51
-
52
- --delimiter-color: #e8ddd0;
53
- --border-color: #e8ddd0;
54
-
55
- --button-default-border-color: #d4c4b0;
56
- --button-default-background-color: #ede4d8;
57
- --button-default-color: #4a3828;
58
- --button-default-hover-border-color: #c0b0a0;
59
- --button-default-hover-background-color: #e0d4c4;
60
- --button-default-hover-color: #3d2c1e;
61
-
62
- --button-info-border-color: #c2662d;
63
- --button-info-background-color: #c2662d;
64
- --button-info-color: #ffffff;
65
- --button-info-hover-border-color: #a85525;
66
- --button-info-hover-background-color: #a85525;
67
- --button-info-hover-color: #ffffff;
68
-
69
- --button-warning-border-color: #e69500;
70
- --button-warning-background-color: #e69500;
71
- --button-warning-color: #ffffff;
72
- --button-warning-hover-border-color: #cc8400;
73
- --button-warning-hover-background-color: #cc8400;
74
- --button-warning-hover-color: #ffffff;
75
-
76
- --button-success-border-color: #4a9e3f;
77
- --button-success-background-color: #4a9e3f;
78
- --button-success-color: #ffffff;
79
- --button-success-hover-border-color: #3d8635;
80
- --button-success-hover-background-color: #3d8635;
81
- --button-success-hover-color: #ffffff;
82
-
83
- --button-danger-border-color: #dc2626;
84
- --button-danger-background-color: #dc2626;
85
- --button-danger-color: #ffffff;
86
- --button-danger-hover-border-color: #c02020;
87
- --button-danger-hover-background-color: #c02020;
88
- --button-danger-hover-color: #ffffff;
89
-
90
- --button-plain-color: #c2662d;
91
- --button-plain-hover-color: #a85525;
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: var(--card-background-accent-color);
97
- --button-ghost-hover-color: var(--button-plain-hover-color);
98
- --dropdown-border-color: #e0d4c4;
99
- --dropdown-header-background-color: #ffffff;
100
- --dropdown-header-border-focus-color: #c2662d;
101
- --dropdown-header-color: #4a3828;
102
- --dropdown-options-background-color: #ffffff;
103
- --dropdown-options-color: #4a3828;
104
- --dropdown-options-hover-background-color: #c2662d;
105
- --dropdown-options-hover-color: #ffffff;
106
- --dropdown-options-selected-background-color: #faf6f1;
107
- --dropdown-options-selected-color: #4a3828;
108
- --dropdown-chips-background-color: #c2662d;
109
- --dropdown-chips-color: #ffffff;
110
- --dropdown-chips-border-color: #c2662d;
111
- --dropdown-chips-hover-background-color: #a85525;
112
- --dropdown-action-color: #a08060;
113
- --dropdown-action-background-color: #ffffff;
114
- --dropdown-action-hover-color: #4a3828;
115
- --dropdown-action-hover-background-color: #faf6f1;
116
-
117
- --tabs-active-background-color: #ffffff;
118
- --tabs-active-color: #c2662d;
119
- --tabs-inactive-background-color: transparent;
120
- --tabs-inactive-color: #a08060;
121
-
122
- --modal-background-color: #ffffff;
123
- --modal-border-color: #e0d4c4;
124
- --modal-backdrop-filter: none;
125
- --modal-header-background-color: #ffffff;
126
- --modal-header-color: #3d2c1e;
127
- --modal-title-color: var(--modal-header-color);
128
- --modal-title-font-family: var(--font-family, sans-serif);
129
- --modal-title-font-size: var(--font-size-xl);
130
- --modal-title-font-style: normal;
131
- --modal-title-font-weight: var(--font-weight-semibold);
132
- --modal-title-letter-spacing: normal;
133
- --modal-title-text-transform: none;
134
- --modal-body-color: #4a3828;
135
- --modal-footer-background-color: #faf6f1;
136
- --modal-color: #4a3828;
137
- --modal-box-shadow: 0 4px 20px rgba(60, 44, 30, 0.15);
138
- --modal-surface-box-shadow: var(--modal-box-shadow);
139
- --modal-box-shadow-hover: 0 8px 30px rgba(60, 44, 30, 0.2);
140
-
141
- --list-alternate-background-color: #faf6f1;
142
- --list-hover-background-color: rgba(194, 102, 45, 0.06);
143
-
144
- --progress-bar-background-color: #ede4d8;
145
- --progress-bar-color: #4a3828;
146
-
147
- --progress-default-bar-border-color: #d4c4b0;
148
- --progress-default-bar-fill-color: #a08060;
149
-
150
- --progress-success-bar-border-color: #4a9e3f;
151
- --progress-success-bar-fill-color: #4a9e3f;
152
-
153
- --progress-info-bar-border-color: #c2662d;
154
- --progress-info-bar-fill-color: #c2662d;
155
-
156
- --progress-warning-bar-border-color: #e69500;
157
- --progress-warning-bar-fill-color: #e69500;
158
-
159
- --progress-danger-bar-border-color: #dc2626;
160
- --progress-danger-bar-fill-color: #dc2626;
161
-
162
- --form-control-background-color: #ffffff;
163
- --form-control-color: #4a3828;
164
- --form-control-label-color: var(--body-color-muted);
165
- --form-control-label-font-size: var(--font-size-sm);
166
- --form-control-label-font-weight: var(--font-weight-medium);
167
- --form-control-label-letter-spacing: normal;
168
- --form-control-label-text-transform: none;
169
- --form-control-border-color: #e0d4c4;
170
- --form-control-error-background-color: #dc262611;
171
- --form-control-error-color: #dc2626;
172
- --form-control-error-border-color: #dc2626;
173
- --form-control-focus-background-color: #ffffff;
174
- --form-control-focus-border-color: #c2662d;
175
- --form-control-focus-color: #3d2c1e;
176
- --form-control-placeholder-color: #b09880;
177
- --form-control-success-background-color: #4a9e3f11;
178
- --form-control-success-color: #4a9e3f;
179
- --form-control-success-border-color: #4a9e3f;
180
-
181
- --form-control-selection-background-color: #c2662d;
182
- --form-control-selection-border-color: #c2662d;
183
- --form-control-selection-color: #ffffff;
184
- --form-control-selection-label-color: #4a3828;
185
- --form-control-focus-ring: rgba(194, 102, 45, 0.3);
186
-
187
- --calendar-background-color: #ffffff;
188
- --calendar-border-color: #e0d4c4;
189
- --calendar-header-background-color: #faf6f1;
190
- --calendar-header-color: #3d2c1e;
191
- --calendar-day-color: #4a3828;
192
- --calendar-day-hover-background-color: #faf6f1;
193
- --calendar-day-selected-background-color: #c2662d;
194
- --calendar-day-selected-color: #ffffff;
195
- --calendar-day-disabled-color: #c0b0a0;
196
- --calendar-day-today-border-color: #c2662d;
197
- --calendar-day-weekend-color: #e69500;
198
-
199
- --datepicker-input-background-color: #ffffff;
200
-
201
- --tooltip-background-color: #3d2c1e;
202
- --tooltip-border-color: #3d2c1e;
203
- --tooltip-color: #ffffff;
204
-
205
- --popover-background-color: #ffffff;
206
- --popover-border-color: #e0d4c4;
207
- --popover-color: #4a3828;
208
- --popover-arrow-color: #ffffff;
209
-
210
- --toast-info-background-color: #fde8dc;
211
- --toast-info-color: #6d3318;
212
- --toast-info-border-color: #f8d4c0;
213
-
214
- --toast-success-background-color: #e0f4d8;
215
- --toast-success-color: #2d5e24;
216
- --toast-success-border-color: #c8eabc;
217
-
218
- --toast-warning-background-color: #fef0cc;
219
- --toast-warning-color: #7a5000;
220
- --toast-warning-border-color: #fde4a8;
221
-
222
- --toast-danger-background-color: #fde0e0;
223
- --toast-danger-color: #8c1818;
224
- --toast-danger-border-color: #facaca;
225
-
226
- --loader-border-color: rgba(194, 102, 45, 0.25);
227
- --loader-border-top-color: #c2662d;
228
-
229
- --rating-color-success: #4a9e3f;
230
- --rating-color-warning: #e69500;
231
- --rating-color-danger: #dc2626;
232
- --rating-color-info: #c2662d;
233
- --rating-empty-color: #e8ddd0;
234
- --rating-empty-label-color: #4a3828;
235
- --rating-half-rate-empty-color: #e8ddd0;
236
-
237
- --slider-track-background-color: #ede4d8;
238
- --slider-track-border-color: #e0d4c4;
239
- --slider-track-hover-background-color: #ffffff;
240
- --slider-track-hover-border-color: #d4c4b0;
241
- --slider-thumb-background-color: #c2662d;
242
- --slider-thumb-border-color: #c2662d;
243
- --slider-thumb-hover-background-color: #a85525;
244
- --slider-thumb-hover-border-color: #a85525;
245
-
246
- --chip-selected-background-color: var(--card-background-accent-color);
247
- --chip-selected-border-color: var(--body-accent-color);
248
- --chip-hover-border-color: var(--body-accent-color);
249
- --chip-hover-background-color: var(--card-background-accent-color);
250
- --chip-hover-color: var(--body-color-accent);
251
- --chip-selected-color: var(--body-accent-color);
252
- --chip-selected-count-color: var(--body-color-muted);
253
-
254
- --note-container-effect-background-color: rgba(194, 102, 45, 0.08);
255
- --note-container-effect-color: #4a3828;
256
- --note-container-effect-border-left-color: #c2662d;
257
-
258
- --infuse-effect-hover-border-color: #c2662d;
259
- --infuse-effect-hover-box-shadow-color: rgba(194, 102, 45, 0.25);
260
- --infuse-effect-before-background: linear-gradient(90deg, #c2662d, #e69500);
261
-
262
- --up-lift-effect-hover-border-color: #c2662d;
263
- --up-lift-effect-box-shadow-color: rgba(60, 44, 30, 0.1);
264
- --up-lift-effect-hover-box-shadow-color: rgba(194, 102, 45, 0.25);
265
- --up-lift-effect-before-background: linear-gradient(135deg, #c2662d 0%, #e69500 100%);
266
-
267
- --glow-box-shadow-color: 0 0 16px rgba(194, 102, 45, 0.25), 0 0 6px rgba(194, 102, 45, 0.12);
268
- --glow-hover-border-color: rgba(194, 102, 45, 0.3);
269
- }
@@ -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
- }