@memobit/libs 1.0.21 → 1.0.23

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 (9) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +3 -2
  3. package/dist/index.esm.js +14 -11
  4. package/dist/styles/theming/cobalt-pulse.scss +268 -269
  5. package/dist/styles/theming/command-slate.scss +1 -1
  6. package/dist/styles/theming/crawler-dusk.scss +2 -3
  7. package/dist/styles/theming/graphite-shell.scss +2 -3
  8. package/dist/version.json +4 -4
  9. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -268,7 +268,8 @@ declare interface ButtonProps {
268
268
  emojiIcon?: string;
269
269
  size?: 'small' | 'medium' | 'large';
270
270
  style?: default_2.CSSProperties;
271
- sufixIcon?: string;
271
+ /** Icon rendered after children. Accepts an IconName string or a ReactElement. */
272
+ sufixIcon?: IconName | default_2.ReactElement;
272
273
  type?: 'button' | 'submit' | 'reset';
273
274
  title?: string;
274
275
  variant?: ButtonVariant;
@@ -509,7 +510,7 @@ export declare interface ControlPanelAction {
509
510
  label: string;
510
511
  onClick?: ButtonProps['onClick'];
511
512
  icon?: IconName;
512
- suffixIcon?: string;
513
+ suffixIcon?: IconName;
513
514
  variant?: ButtonProps['variant'];
514
515
  size?: ButtonProps['size'];
515
516
  fullWidth?: boolean;
package/dist/index.esm.js CHANGED
@@ -10096,7 +10096,11 @@ var t3 = /* @__PURE__ */ r("svg", {
10096
10096
  }) : o),
10097
10097
  h && /* @__PURE__ */ e("span", { children: h }),
10098
10098
  c && /* @__PURE__ */ e("span", { children: c }),
10099
- g && /* @__PURE__ */ e("span", { children: g })
10099
+ g !== void 0 && (typeof g == "string" ? /* @__PURE__ */ e(G, {
10100
+ size: "lg",
10101
+ name: g,
10102
+ variant: i
10103
+ }) : g)
10100
10104
  ] })
10101
10105
  }));
10102
10106
  F.displayName = "Button";
@@ -14085,12 +14089,13 @@ var Gr = [{
14085
14089
  onClick: () => typeof b == "number" && a(b),
14086
14090
  children: b
14087
14091
  }, M)),
14088
- /* @__PURE__ */ r(F, {
14092
+ /* @__PURE__ */ e(F, {
14089
14093
  variant: "default",
14090
14094
  borders: "sharp",
14091
14095
  disabled: t === c,
14096
+ sufixIcon: "next",
14092
14097
  onClick: () => a(t + 1),
14093
- children: [m("desktop") ? "Next" : "", /* @__PURE__ */ e(G, { name: "next" })]
14098
+ children: m("desktop") ? "Next" : ""
14094
14099
  })
14095
14100
  ]
14096
14101
  }),
@@ -14559,7 +14564,7 @@ function Ca({ columns: t, data: c, rowKey: l, pinnedIds: a, selectable: s = !1,
14559
14564
  X0
14560
14565
  ]
14561
14566
  }) : null;
14562
- if (t.length === 0) return /* @__PURE__ */ r("div", {
14567
+ if (S !== "cards" && t.length === 0) return /* @__PURE__ */ r("div", {
14563
14568
  className: `data-view${A ? ` ${A}` : ""}`,
14564
14569
  children: [S0, /* @__PURE__ */ e("div", {
14565
14570
  className: "data-view__wrapper data-view__wrapper--empty",
@@ -23685,8 +23690,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
23685
23690
  recommendedApps: [
23686
23691
  "CookBook",
23687
23692
  "Impulse",
23688
- "Seeds",
23689
- "Books Crawler"
23693
+ "Seeds"
23690
23694
  ]
23691
23695
  },
23692
23696
  {
@@ -23710,8 +23714,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
23710
23714
  "CookBook",
23711
23715
  "HUB",
23712
23716
  "Impulse",
23713
- "Seeds",
23714
- "Books Crawler"
23717
+ "Seeds"
23715
23718
  ],
23716
23719
  fontUrl: "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap",
23717
23720
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&display=swap"
@@ -24045,7 +24048,7 @@ var d2 = 10, ni = ({ data: t, label: c, title: l, tooltip: a, enableSearch: s =
24045
24048
  {
24046
24049
  value: "command-slate",
24047
24050
  label: "Command Slate",
24048
- recommendedApps: ["Tools Launcher"],
24051
+ recommendedApps: ["Nexus"],
24049
24052
  fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
24050
24053
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap"
24051
24054
  },
@@ -25468,7 +25471,7 @@ var _i = (t, c, l) => {
25468
25471
  } catch {
25469
25472
  return t.trim();
25470
25473
  }
25471
- }, _l = "1.0.21", Bi = 242, Ll = "4d81fc9", zl = "2026-07-14T09:19:47.258Z", Ri = "242", Vl = (t) => {
25474
+ }, _l = "1.0.23", Bi = 246, Ll = "327955c", zl = "2026-07-15T04:00:13.358Z", Ri = "246", Vl = (t) => {
25472
25475
  const c = document.getElementById("mb-version-toast");
25473
25476
  if (c) {
25474
25477
  c.remove();
@@ -25492,7 +25495,7 @@ var _i = (t, c, l) => {
25492
25495
  const c = {
25493
25496
  ...t,
25494
25497
  lib: _l,
25495
- libBuildNumber: 242,
25498
+ libBuildNumber: 246,
25496
25499
  libCommit: Ll,
25497
25500
  libBuildDate: zl
25498
25501
  };
package/dist/styles/theming/cobalt-pulse.scss CHANGED
@@ -1,273 +1,272 @@
1
- // Cobalt Pulse theme - inspired by Project Content Finder
2
- // Layered indigo-near-black surfaces, electric cobalt primary with a violet
3
- // gradient partner, warm amber match highlight, and crisp green/red status hits.
4
- [data-theme='cobalt-pulse'] {
5
- --font-family: 'Syne', sans-serif;
6
- --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
7
- --form-control-font-family: var(--font-family-mono);
8
-
1
+ // Cobalt Pulse theme - inspired by Nexus
2
+ // Layered indigo-near-black surfaces, electric cobalt primary with a violet
3
+ // gradient partner, warm amber match highlight, and crisp green/red status hits.
4
+ [data-theme='cobalt-pulse'] {
5
+ --font-family: 'Syne', sans-serif;
6
+ --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
7
+ --form-control-font-family: var(--font-family-mono);
8
+
9
9
  --body-background: var(--body-background-wash, var(--body-background-base));
10
10
  --body-background-base: #0a0b0d;
11
11
  --body-background-wash:
12
12
  radial-gradient(60% 50% at 100% 0%, rgba(79, 142, 247, 0.16) 0%, transparent 65%),
13
- radial-gradient(48% 42% at 0% 100%, rgba(150, 80, 255, 0.12) 0%, transparent 65%),
14
- linear-gradient(155deg, #11131d 0%, #08090c 55%, #0d0e14 100%);
15
- --body-color: #e8eaf4;
16
- --body-color-accent: #ffffff;
17
- --body-color-muted: #6b7394;
18
- --body-title-color: #e8eaf4;
19
- --body-sub-title-color: #a0a8c4;
20
- --body-accent-color: #4f8ef7;
21
- --body-danger-color: #f75f5f;
22
-
23
- --backdrop-color: rgba(0, 0, 0, 0.6);
24
- --text-shadow: rgba(0, 0, 0, 0.5);
25
- --box-shadow: rgba(0, 0, 0, 0.4);
26
-
27
- --header-background-color: #0f1114;
28
- --header-border-bottom-color: #1e2236;
29
- --header-color: #e8eaf4;
30
- --header-font-weight: 700;
31
-
32
- --card-background-color: #191c28;
33
- --card-background-accent-color: #1c2030;
34
- --card-border-color: #1e2236;
35
- --card-backdrop-filter: none;
36
- --card-border-accent-color: #4f8ef7;
37
- --card-hover-border-color: #2a2f45;
38
- --card-color: #a0a8c4;
39
- --card-accent-color: #4f8ef7;
40
- --card-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
41
- --card-surface-box-shadow: var(--card-box-shadow);
42
- --card-footer-background-color: #141720;
43
- --card-footer-color: #6b7394;
44
- --card-title-color: var(--body-title-color);
45
- --card-title-font-family: var(--font-family-display, sans-serif);
46
- --card-title-font-size: var(--font-size-md);
47
- --card-title-font-style: normal;
48
- --card-title-font-weight: var(--font-weight-bold);
49
- --card-title-letter-spacing: 0.01em;
50
- --card-title-text-transform: none;
51
-
52
- --links-color: #4f8ef7;
53
- --links-hover-color: #6aa0ff;
54
-
55
- --delimiter-color: #1e2236;
56
- --border-color: #2a2f45;
57
-
58
- --button-default-border-color: #2a2f45;
59
- --button-default-background-color: #1c2030;
60
- --button-default-color: #a0a8c4;
61
- --button-default-hover-border-color: #4f8ef7;
62
- --button-default-hover-background-color: #252942;
63
- --button-default-hover-color: #e8eaf4;
64
-
65
- --button-info-border-color: #4f8ef7;
66
- --button-info-background-color: #4f8ef7;
67
- --button-info-color: #ffffff;
68
- --button-info-hover-border-color: #6aa0ff;
69
- --button-info-hover-background-color: #6aa0ff;
70
- --button-info-hover-color: #ffffff;
71
-
72
- --button-warning-border-color: #f7c94f;
73
- --button-warning-background-color: #f7c94f;
74
- --button-warning-color: #0a0b0d;
75
- --button-warning-hover-border-color: #ffd870;
76
- --button-warning-hover-background-color: #ffd870;
77
- --button-warning-hover-color: #0a0b0d;
78
-
79
- --button-success-border-color: #4fd17c;
80
- --button-success-background-color: #4fd17c;
81
- --button-success-color: #0a0b0d;
82
- --button-success-hover-border-color: #6ee098;
83
- --button-success-hover-background-color: #6ee098;
84
- --button-success-hover-color: #0a0b0d;
85
-
86
- --button-danger-border-color: #f75f5f;
87
- --button-danger-background-color: #f75f5f;
88
- --button-danger-color: #ffffff;
89
- --button-danger-hover-border-color: #ff7c7c;
90
- --button-danger-hover-background-color: #ff7c7c;
91
- --button-danger-hover-color: #ffffff;
92
-
93
- --button-plain-color: #6b7394;
94
- --button-plain-hover-color: #e8eaf4;
95
- --button-ghost-border-color: transparent;
96
- --button-ghost-background-color: transparent;
97
- --button-ghost-color: var(--button-plain-color);
98
- --button-ghost-hover-border-color: transparent;
99
- --button-ghost-hover-background-color: #1c2030;
100
- --button-ghost-hover-color: var(--button-plain-hover-color);
101
-
102
- --dropdown-border-color: #2a2f45;
103
- --dropdown-header-background-color: #0a0b0d;
104
- --dropdown-header-border-focus-color: #4f8ef7;
105
- --dropdown-header-color: #a0a8c4;
106
- --dropdown-options-background-color: #141720;
107
- --dropdown-options-color: #a0a8c4;
108
- --dropdown-options-hover-background-color: #252942;
109
- --dropdown-options-hover-color: #e8eaf4;
110
- --dropdown-options-selected-background-color: rgba(79, 142, 247, 0.15);
111
- --dropdown-options-selected-color: #e8eaf4;
112
- --dropdown-chips-background-color: rgba(79, 142, 247, 0.15);
113
- --dropdown-chips-color: #4f8ef7;
114
- --dropdown-chips-border-color: rgba(79, 142, 247, 0.3);
115
- --dropdown-chips-hover-background-color: rgba(79, 142, 247, 0.25);
116
- --dropdown-action-color: #a0a8c4;
117
- --dropdown-action-background-color: #141720;
118
- --dropdown-action-hover-color: #ffffff;
119
- --dropdown-action-hover-background-color: #252942;
120
-
121
- --tabs-active-background-color: rgba(79, 142, 247, 0.15);
122
- --tabs-active-color: #4f8ef7;
123
- --tabs-inactive-background-color: transparent;
124
- --tabs-inactive-color: #6b7394;
125
-
126
- --modal-background-color: #191c28;
127
- --modal-border-color: #2a2f45;
128
- --modal-backdrop-filter: none;
129
- --modal-header-background-color: #141720;
130
- --modal-header-color: #e8eaf4;
131
- --modal-title-color: var(--modal-header-color);
132
- --modal-title-font-family: var(--font-family-display, sans-serif);
133
- --modal-title-font-size: var(--font-size-xl);
134
- --modal-title-font-style: normal;
135
- --modal-title-font-weight: var(--font-weight-bold);
136
- --modal-title-letter-spacing: 0.01em;
137
- --modal-title-text-transform: none;
138
- --modal-body-color: #a0a8c4;
139
- --modal-footer-background-color: #0f1114;
140
- --modal-color: #e8eaf4;
141
- --modal-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
142
- --modal-surface-box-shadow: var(--modal-box-shadow);
143
- --modal-box-shadow-hover: 0 12px 32px rgba(79, 142, 247, 0.2);
144
-
145
- --list-alternate-background-color: #141720;
146
- --list-hover-background-color: #252942;
147
-
148
- --progress-bar-background-color: #1c2030;
149
- --progress-bar-color: #6b7394;
150
-
151
- --progress-default-bar-border-color: #2a2f45;
152
- --progress-default-bar-fill-color: #4f8ef7;
153
-
154
- --progress-success-bar-border-color: #4fd17c;
155
- --progress-success-bar-fill-color: #4fd17c;
156
-
157
- --progress-info-bar-border-color: #4f8ef7;
158
- --progress-info-bar-fill-color: #4f8ef7;
159
-
160
- --progress-warning-bar-border-color: #f7c94f;
161
- --progress-warning-bar-fill-color: #f7c94f;
162
-
163
- --progress-danger-bar-border-color: #f75f5f;
164
- --progress-danger-bar-fill-color: #f75f5f;
165
-
166
- --form-control-background-color: #0a0b0d;
167
- --form-control-color: #e8eaf4;
168
- --form-control-label-color: var(--body-color-muted);
169
- --form-control-label-font-size: var(--font-size-xs);
170
- --form-control-label-font-weight: var(--font-weight-semibold);
171
- --form-control-label-letter-spacing: 0.06em;
172
- --form-control-label-text-transform: uppercase;
173
- --form-control-border-color: #2a2f45;
174
- --form-control-error-background-color: rgba(247, 95, 95, 0.12);
175
- --form-control-error-color: #f75f5f;
176
- --form-control-error-border-color: #f75f5f;
177
- --form-control-focus-background-color: #0a0b0d;
178
- --form-control-focus-border-color: #4f8ef7;
179
- --form-control-focus-color: #ffffff;
180
- --form-control-placeholder-color: #404668;
181
- --form-control-success-background-color: rgba(79, 209, 124, 0.12);
182
- --form-control-success-color: #4fd17c;
183
- --form-control-success-border-color: #4fd17c;
184
-
185
- --form-control-selection-background-color: rgba(79, 142, 247, 0.15);
186
- --form-control-selection-border-color: #4f8ef7;
187
- --form-control-selection-color: #ffffff;
188
- --form-control-selection-label-color: #4f8ef7;
189
- --form-control-focus-ring: rgba(79, 142, 247, 0.3);
190
-
191
- --calendar-background-color: #191c28;
192
- --calendar-border-color: #2a2f45;
193
- --calendar-header-background-color: #141720;
194
- --calendar-header-color: #e8eaf4;
195
- --calendar-day-color: #a0a8c4;
196
- --calendar-day-hover-background-color: #252942;
197
- --calendar-day-selected-background-color: #4f8ef7;
198
- --calendar-day-selected-color: #ffffff;
199
- --calendar-day-disabled-color: #404668;
200
- --calendar-day-today-border-color: #f7c94f;
201
- --calendar-day-weekend-color: #7c5af7;
202
-
203
- --datepicker-input-background-color: #0a0b0d;
204
-
205
- --tooltip-background-color: #f7c94f;
206
- --tooltip-border-color: #f7c94f;
207
- --tooltip-color: #0a0b0d;
208
-
209
- --popover-background-color: #191c28;
210
- --popover-border-color: #4f8ef7;
211
- --popover-color: #e8eaf4;
212
- --popover-arrow-color: #4f8ef7;
213
-
214
- --toast-info-background-color: #4f8ef7;
215
- --toast-info-color: #ffffff;
216
- --toast-info-border-color: #4f8ef7;
217
-
218
- --toast-success-background-color: #4fd17c;
219
- --toast-success-color: #0a0b0d;
220
- --toast-success-border-color: #4fd17c;
221
-
222
- --toast-warning-background-color: #f7c94f;
223
- --toast-warning-color: #0a0b0d;
224
- --toast-warning-border-color: #f7c94f;
225
-
226
- --toast-danger-background-color: #f75f5f;
227
- --toast-danger-color: #ffffff;
228
- --toast-danger-border-color: #f75f5f;
229
-
230
- --loader-border-color: rgba(79, 142, 247, 0.2);
231
- --loader-border-top-color: #4f8ef7;
232
-
233
- --rating-color-success: #4fd17c;
234
- --rating-color-warning: #f7c94f;
235
- --rating-color-danger: #f75f5f;
236
- --rating-color-info: #4f8ef7;
237
- --rating-empty-color: #2a2f45;
238
- --rating-empty-label-color: #6b7394;
239
- --rating-half-rate-empty-color: #2a2f45;
240
-
241
- --slider-track-background-color: #1c2030;
242
- --slider-track-border-color: #2a2f45;
243
- --slider-track-hover-background-color: #252942;
244
- --slider-track-hover-border-color: #4f8ef7;
245
- --slider-thumb-background-color: #4f8ef7;
246
- --slider-thumb-border-color: #4f8ef7;
247
- --slider-thumb-hover-background-color: #7c5af7;
248
- --slider-thumb-hover-border-color: #7c5af7;
249
-
250
- --chip-selected-background-color: rgba(79, 142, 247, 0.15);
251
- --chip-selected-border-color: #4f8ef7;
252
- --chip-hover-border-color: #4f8ef7;
253
- --chip-hover-background-color: transparent;
254
- --chip-hover-color: #a0a8c4;
255
- --chip-selected-color: #4f8ef7;
256
- --chip-selected-count-color: rgba(79, 142, 247, 0.7);
257
-
258
- --note-container-effect-background-color: rgba(247, 201, 79, 0.08);
259
- --note-container-effect-color: #e8eaf4;
260
- --note-container-effect-border-left-color: #f7c94f;
261
-
262
- --infuse-effect-hover-border-color: #4f8ef7;
263
- --infuse-effect-hover-box-shadow-color: rgba(79, 142, 247, 0.3);
264
- --infuse-effect-before-background: linear-gradient(90deg, #4f8ef7, #7c5af7);
265
-
266
- --up-lift-effect-hover-border-color: #4f8ef7;
267
- --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.4);
268
- --up-lift-effect-hover-box-shadow-color: rgba(79, 142, 247, 0.3);
269
- --up-lift-effect-before-background: linear-gradient(135deg, #4f8ef7 0%, #7c5af7 100%);
270
-
271
- --glow-box-shadow-color: 0 0 16px rgba(79, 142, 247, 0.5), 0 0 6px rgba(79, 142, 247, 0.3);
272
- --glow-hover-border-color: rgba(79, 142, 247, 0.45);
273
- }
13
+ radial-gradient(48% 42% at 0% 100%, rgba(150, 80, 255, 0.12) 0%, transparent 65%), linear-gradient(155deg, #11131d 0%, #08090c 55%, #0d0e14 100%);
14
+ --body-color: #e8eaf4;
15
+ --body-color-accent: #ffffff;
16
+ --body-color-muted: #6b7394;
17
+ --body-title-color: #e8eaf4;
18
+ --body-sub-title-color: #a0a8c4;
19
+ --body-accent-color: #4f8ef7;
20
+ --body-danger-color: #f75f5f;
21
+
22
+ --backdrop-color: rgba(0, 0, 0, 0.6);
23
+ --text-shadow: rgba(0, 0, 0, 0.5);
24
+ --box-shadow: rgba(0, 0, 0, 0.4);
25
+
26
+ --header-background-color: #0f1114;
27
+ --header-border-bottom-color: #1e2236;
28
+ --header-color: #e8eaf4;
29
+ --header-font-weight: 700;
30
+
31
+ --card-background-color: #191c28;
32
+ --card-background-accent-color: #1c2030;
33
+ --card-border-color: #1e2236;
34
+ --card-backdrop-filter: none;
35
+ --card-border-accent-color: #4f8ef7;
36
+ --card-hover-border-color: #2a2f45;
37
+ --card-color: #a0a8c4;
38
+ --card-accent-color: #4f8ef7;
39
+ --card-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
40
+ --card-surface-box-shadow: var(--card-box-shadow);
41
+ --card-footer-background-color: #141720;
42
+ --card-footer-color: #6b7394;
43
+ --card-title-color: var(--body-title-color);
44
+ --card-title-font-family: var(--font-family-display, sans-serif);
45
+ --card-title-font-size: var(--font-size-md);
46
+ --card-title-font-style: normal;
47
+ --card-title-font-weight: var(--font-weight-bold);
48
+ --card-title-letter-spacing: 0.01em;
49
+ --card-title-text-transform: none;
50
+
51
+ --links-color: #4f8ef7;
52
+ --links-hover-color: #6aa0ff;
53
+
54
+ --delimiter-color: #1e2236;
55
+ --border-color: #2a2f45;
56
+
57
+ --button-default-border-color: #2a2f45;
58
+ --button-default-background-color: #1c2030;
59
+ --button-default-color: #a0a8c4;
60
+ --button-default-hover-border-color: #4f8ef7;
61
+ --button-default-hover-background-color: #252942;
62
+ --button-default-hover-color: #e8eaf4;
63
+
64
+ --button-info-border-color: #4f8ef7;
65
+ --button-info-background-color: #4f8ef7;
66
+ --button-info-color: #ffffff;
67
+ --button-info-hover-border-color: #6aa0ff;
68
+ --button-info-hover-background-color: #6aa0ff;
69
+ --button-info-hover-color: #ffffff;
70
+
71
+ --button-warning-border-color: #f7c94f;
72
+ --button-warning-background-color: #f7c94f;
73
+ --button-warning-color: #0a0b0d;
74
+ --button-warning-hover-border-color: #ffd870;
75
+ --button-warning-hover-background-color: #ffd870;
76
+ --button-warning-hover-color: #0a0b0d;
77
+
78
+ --button-success-border-color: #4fd17c;
79
+ --button-success-background-color: #4fd17c;
80
+ --button-success-color: #0a0b0d;
81
+ --button-success-hover-border-color: #6ee098;
82
+ --button-success-hover-background-color: #6ee098;
83
+ --button-success-hover-color: #0a0b0d;
84
+
85
+ --button-danger-border-color: #f75f5f;
86
+ --button-danger-background-color: #f75f5f;
87
+ --button-danger-color: #ffffff;
88
+ --button-danger-hover-border-color: #ff7c7c;
89
+ --button-danger-hover-background-color: #ff7c7c;
90
+ --button-danger-hover-color: #ffffff;
91
+
92
+ --button-plain-color: #6b7394;
93
+ --button-plain-hover-color: #e8eaf4;
94
+ --button-ghost-border-color: transparent;
95
+ --button-ghost-background-color: transparent;
96
+ --button-ghost-color: var(--button-plain-color);
97
+ --button-ghost-hover-border-color: transparent;
98
+ --button-ghost-hover-background-color: #1c2030;
99
+ --button-ghost-hover-color: var(--button-plain-hover-color);
100
+
101
+ --dropdown-border-color: #2a2f45;
102
+ --dropdown-header-background-color: #0a0b0d;
103
+ --dropdown-header-border-focus-color: #4f8ef7;
104
+ --dropdown-header-color: #a0a8c4;
105
+ --dropdown-options-background-color: #141720;
106
+ --dropdown-options-color: #a0a8c4;
107
+ --dropdown-options-hover-background-color: #252942;
108
+ --dropdown-options-hover-color: #e8eaf4;
109
+ --dropdown-options-selected-background-color: rgba(79, 142, 247, 0.15);
110
+ --dropdown-options-selected-color: #e8eaf4;
111
+ --dropdown-chips-background-color: rgba(79, 142, 247, 0.15);
112
+ --dropdown-chips-color: #4f8ef7;
113
+ --dropdown-chips-border-color: rgba(79, 142, 247, 0.3);
114
+ --dropdown-chips-hover-background-color: rgba(79, 142, 247, 0.25);
115
+ --dropdown-action-color: #a0a8c4;
116
+ --dropdown-action-background-color: #141720;
117
+ --dropdown-action-hover-color: #ffffff;
118
+ --dropdown-action-hover-background-color: #252942;
119
+
120
+ --tabs-active-background-color: rgba(79, 142, 247, 0.15);
121
+ --tabs-active-color: #4f8ef7;
122
+ --tabs-inactive-background-color: transparent;
123
+ --tabs-inactive-color: #6b7394;
124
+
125
+ --modal-background-color: #191c28;
126
+ --modal-border-color: #2a2f45;
127
+ --modal-backdrop-filter: none;
128
+ --modal-header-background-color: #141720;
129
+ --modal-header-color: #e8eaf4;
130
+ --modal-title-color: var(--modal-header-color);
131
+ --modal-title-font-family: var(--font-family-display, sans-serif);
132
+ --modal-title-font-size: var(--font-size-xl);
133
+ --modal-title-font-style: normal;
134
+ --modal-title-font-weight: var(--font-weight-bold);
135
+ --modal-title-letter-spacing: 0.01em;
136
+ --modal-title-text-transform: none;
137
+ --modal-body-color: #a0a8c4;
138
+ --modal-footer-background-color: #0f1114;
139
+ --modal-color: #e8eaf4;
140
+ --modal-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
141
+ --modal-surface-box-shadow: var(--modal-box-shadow);
142
+ --modal-box-shadow-hover: 0 12px 32px rgba(79, 142, 247, 0.2);
143
+
144
+ --list-alternate-background-color: #141720;
145
+ --list-hover-background-color: #252942;
146
+
147
+ --progress-bar-background-color: #1c2030;
148
+ --progress-bar-color: #6b7394;
149
+
150
+ --progress-default-bar-border-color: #2a2f45;
151
+ --progress-default-bar-fill-color: #4f8ef7;
152
+
153
+ --progress-success-bar-border-color: #4fd17c;
154
+ --progress-success-bar-fill-color: #4fd17c;
155
+
156
+ --progress-info-bar-border-color: #4f8ef7;
157
+ --progress-info-bar-fill-color: #4f8ef7;
158
+
159
+ --progress-warning-bar-border-color: #f7c94f;
160
+ --progress-warning-bar-fill-color: #f7c94f;
161
+
162
+ --progress-danger-bar-border-color: #f75f5f;
163
+ --progress-danger-bar-fill-color: #f75f5f;
164
+
165
+ --form-control-background-color: #0a0b0d;
166
+ --form-control-color: #e8eaf4;
167
+ --form-control-label-color: var(--body-color-muted);
168
+ --form-control-label-font-size: var(--font-size-xs);
169
+ --form-control-label-font-weight: var(--font-weight-semibold);
170
+ --form-control-label-letter-spacing: 0.06em;
171
+ --form-control-label-text-transform: uppercase;
172
+ --form-control-border-color: #2a2f45;
173
+ --form-control-error-background-color: rgba(247, 95, 95, 0.12);
174
+ --form-control-error-color: #f75f5f;
175
+ --form-control-error-border-color: #f75f5f;
176
+ --form-control-focus-background-color: #0a0b0d;
177
+ --form-control-focus-border-color: #4f8ef7;
178
+ --form-control-focus-color: #ffffff;
179
+ --form-control-placeholder-color: #404668;
180
+ --form-control-success-background-color: rgba(79, 209, 124, 0.12);
181
+ --form-control-success-color: #4fd17c;
182
+ --form-control-success-border-color: #4fd17c;
183
+
184
+ --form-control-selection-background-color: rgba(79, 142, 247, 0.15);
185
+ --form-control-selection-border-color: #4f8ef7;
186
+ --form-control-selection-color: #ffffff;
187
+ --form-control-selection-label-color: #4f8ef7;
188
+ --form-control-focus-ring: rgba(79, 142, 247, 0.3);
189
+
190
+ --calendar-background-color: #191c28;
191
+ --calendar-border-color: #2a2f45;
192
+ --calendar-header-background-color: #141720;
193
+ --calendar-header-color: #e8eaf4;
194
+ --calendar-day-color: #a0a8c4;
195
+ --calendar-day-hover-background-color: #252942;
196
+ --calendar-day-selected-background-color: #4f8ef7;
197
+ --calendar-day-selected-color: #ffffff;
198
+ --calendar-day-disabled-color: #404668;
199
+ --calendar-day-today-border-color: #f7c94f;
200
+ --calendar-day-weekend-color: #7c5af7;
201
+
202
+ --datepicker-input-background-color: #0a0b0d;
203
+
204
+ --tooltip-background-color: #f7c94f;
205
+ --tooltip-border-color: #f7c94f;
206
+ --tooltip-color: #0a0b0d;
207
+
208
+ --popover-background-color: #191c28;
209
+ --popover-border-color: #4f8ef7;
210
+ --popover-color: #e8eaf4;
211
+ --popover-arrow-color: #4f8ef7;
212
+
213
+ --toast-info-background-color: #4f8ef7;
214
+ --toast-info-color: #ffffff;
215
+ --toast-info-border-color: #4f8ef7;
216
+
217
+ --toast-success-background-color: #4fd17c;
218
+ --toast-success-color: #0a0b0d;
219
+ --toast-success-border-color: #4fd17c;
220
+
221
+ --toast-warning-background-color: #f7c94f;
222
+ --toast-warning-color: #0a0b0d;
223
+ --toast-warning-border-color: #f7c94f;
224
+
225
+ --toast-danger-background-color: #f75f5f;
226
+ --toast-danger-color: #ffffff;
227
+ --toast-danger-border-color: #f75f5f;
228
+
229
+ --loader-border-color: rgba(79, 142, 247, 0.2);
230
+ --loader-border-top-color: #4f8ef7;
231
+
232
+ --rating-color-success: #4fd17c;
233
+ --rating-color-warning: #f7c94f;
234
+ --rating-color-danger: #f75f5f;
235
+ --rating-color-info: #4f8ef7;
236
+ --rating-empty-color: #2a2f45;
237
+ --rating-empty-label-color: #6b7394;
238
+ --rating-half-rate-empty-color: #2a2f45;
239
+
240
+ --slider-track-background-color: #1c2030;
241
+ --slider-track-border-color: #2a2f45;
242
+ --slider-track-hover-background-color: #252942;
243
+ --slider-track-hover-border-color: #4f8ef7;
244
+ --slider-thumb-background-color: #4f8ef7;
245
+ --slider-thumb-border-color: #4f8ef7;
246
+ --slider-thumb-hover-background-color: #7c5af7;
247
+ --slider-thumb-hover-border-color: #7c5af7;
248
+
249
+ --chip-selected-background-color: rgba(79, 142, 247, 0.15);
250
+ --chip-selected-border-color: #4f8ef7;
251
+ --chip-hover-border-color: #4f8ef7;
252
+ --chip-hover-background-color: transparent;
253
+ --chip-hover-color: #a0a8c4;
254
+ --chip-selected-color: #4f8ef7;
255
+ --chip-selected-count-color: rgba(79, 142, 247, 0.7);
256
+
257
+ --note-container-effect-background-color: rgba(247, 201, 79, 0.08);
258
+ --note-container-effect-color: #e8eaf4;
259
+ --note-container-effect-border-left-color: #f7c94f;
260
+
261
+ --infuse-effect-hover-border-color: #4f8ef7;
262
+ --infuse-effect-hover-box-shadow-color: rgba(79, 142, 247, 0.3);
263
+ --infuse-effect-before-background: linear-gradient(90deg, #4f8ef7, #7c5af7);
264
+
265
+ --up-lift-effect-hover-border-color: #4f8ef7;
266
+ --up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.4);
267
+ --up-lift-effect-hover-box-shadow-color: rgba(79, 142, 247, 0.3);
268
+ --up-lift-effect-before-background: linear-gradient(135deg, #4f8ef7 0%, #7c5af7 100%);
269
+
270
+ --glow-box-shadow-color: 0 0 16px rgba(79, 142, 247, 0.5), 0 0 6px rgba(79, 142, 247, 0.3);
271
+ --glow-hover-border-color: rgba(79, 142, 247, 0.45);
272
+ }