ikoncomponents 1.4.5 → 1.4.6

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.
package/dist/styles.css CHANGED
@@ -1,1159 +1,1302 @@
1
- @import "tailwindcss";
2
- @import "tw-animate-css";
3
1
 
4
- @custom-variant dark (&:is(.dark *));
5
- @custom-variant blue-dark (&:is(.blue-dark *));
6
2
 
7
- @theme inline {
8
- --color-background: var(--background);
9
- --color-foreground: var(--foreground);
10
- --font-sans: var(--font-geist-sans);
11
- --font-mono: var(--font-geist-mono);
12
- --color-sidebar-ring: var(--sidebar-ring);
13
- --color-sidebar-border: var(--sidebar-border);
14
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
15
- --color-sidebar-accent: var(--sidebar-accent);
16
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
17
- --color-sidebar-primary: var(--sidebar-primary);
18
- --color-sidebar-foreground: var(--sidebar-foreground);
19
- --color-sidebar: var(--sidebar);
20
- --color-chart-5: var(--chart-5);
21
- --color-chart-4: var(--chart-4);
22
- --color-chart-3: var(--chart-3);
23
- --color-chart-2: var(--chart-2);
24
- --color-chart-1: var(--chart-1);
25
- --color-ring: var(--ring);
26
- --color-input: var(--input);
27
- --color-border: var(--border);
28
- --color-destructive: var(--destructive);
29
- --color-accent-foreground: var(--accent-foreground);
30
- --color-accent: var(--accent);
31
- --color-muted-foreground: var(--muted-foreground);
32
- --color-muted: var(--muted);
33
- --color-secondary-foreground: var(--secondary-foreground);
34
- --color-secondary: var(--secondary);
35
- --color-primary-foreground: var(--primary-foreground);
36
- --color-primary: var(--primary);
37
- --color-popover-foreground: var(--popover-foreground);
38
- --color-popover: var(--popover);
39
- --color-card-foreground: var(--card-foreground);
40
- --color-card: var(--card);
41
- --color-btn-outlined: var(--btn-outlined);
42
- --radius-sm: calc(var(--radius) - 4px);
43
- --radius-md: calc(var(--radius) - 2px);
44
- --radius-lg: var(--radius);
45
- --radius-xl: calc(var(--radius) + 4px);
3
+
4
+ * {
5
+ border-color: hsl(var(--border));
6
+ outline-color: hsl(var(--ring) / 0.5);
46
7
  }
47
8
 
48
- :root {
49
- --radius: 0.625rem;
50
- --background: oklch(1 0 0);
51
- --foreground: oklch(0.145 0 0);
52
- --card: oklch(1 0 0);
53
- --card-foreground: oklch(0.145 0 0);
54
- --btn-outlined: oklch(1 0 0);
55
- --popover: oklch(1 0 0);
56
- --popover-foreground: oklch(0.145 0 0);
57
- --primary: oklch(0.205 0 0);
58
- --primary-foreground: oklch(0.985 0 0);
59
- --secondary: oklch(0.97 0 0);
60
- --secondary-foreground: oklch(0.205 0 0);
61
- --muted: oklch(0.97 0 0);
62
- --muted-foreground: oklch(0.556 0 0);
63
- --accent: oklch(0.97 0 0);
64
- --accent-foreground: oklch(0.205 0 0);
65
- --destructive: oklch(0.577 0.245 27.325);
66
- --border: oklch(0.922 0 0);
67
- --input: oklch(0.922 0 0);
68
- --ring: oklch(75.966% 0.0034 15.833);
69
- --chart-1: oklch(0.646 0.222 41.116);
70
- --chart-2: oklch(0.6 0.118 184.704);
71
- --chart-3: oklch(0.398 0.07 227.392);
72
- --chart-4: oklch(0.828 0.189 84.429);
73
- --chart-5: oklch(0.769 0.188 70.08);
74
- --sidebar: oklch(0.985 0 0);
75
- --sidebar-foreground: oklch(0.145 0 0);
76
- --sidebar-primary: oklch(0.205 0 0);
77
- --sidebar-primary-foreground: oklch(0.985 0 0);
78
- --sidebar-accent: oklch(0.97 0 0);
79
- --sidebar-accent-foreground: oklch(0.205 0 0);
80
- --sidebar-border: oklch(0.922 0 0);
81
- --sidebar-ring: oklch(0.708 0 0);
82
- --progress-foreground: oklch(9.414% 0.02562 23.372 / 0.753);
83
- --progress-background: var(--ring);
84
- --keross-skeleton-bg: oklch(44.967% 0.00521 16.812 / 0.589);
85
- --hover-back: var(--ring);
86
- --calender-foreground: oklch(12.382% 0.00233 17.142);
87
- --contrast-color: oklch(12.382% 0.00233 17.142);
88
- --btn-secondary: #00000007;
89
- --btn-default: oklch(0.985 0 0);
90
- }
91
9
 
92
- .dark {
93
- --background: #050505;
94
- --foreground: oklch(0.985 0 0);
95
- --card: oklch(0.2046 0 0);
96
- --card-foreground: oklch(0.985 0 0);
97
- --btn-outlined: oklch(0.1149 0.023 259.21);
98
- --popover: oklch(0.2458 0 0);
99
- --popover-foreground: oklch(0.985 0 0);
100
- --primary: oklch(0.922 0 0);
101
- --primary-foreground: oklch(0.205 0 0);
102
- --secondary: oklch(0.1913 0 0);
103
- --secondary-foreground: oklch(0.985 0 0);
104
- --muted: oklch(0.269 0 0);
105
- --muted-foreground: oklch(0.708 0 0);
106
- --accent: oklch(98.511% 0.00011 271.152);
107
- --accent-foreground: #050505;
108
- --calender-foreground: oklch(98.511% 0.00011 271.152);
109
- --destructive: #f43f5e;
110
- --border: #454545;
111
- --input: oklch(1 0 0 / 15%);
112
- --ring: oklch(0.556 0 0);
113
- --chart-1: #151515;
114
- --chart-2: oklch(0.696 0.17 162.48);
115
- --chart-3: oklch(0.769 0.188 70.08);
116
- --chart-4: oklch(0.627 0.265 303.9);
117
- --chart-5: oklch(0.645 0.246 16.439);
118
- --sidebar: oklch(0.205 0 0);
119
- --sidebar-foreground: oklch(0.985 0 0);
120
- --sidebar-primary: oklch(0.488 0.243 264.376);
121
- --sidebar-primary-foreground: oklch(0.985 0 0);
122
- --sidebar-accent: oklch(0.269 0 0);
123
- --sidebar-accent-foreground: oklch(0.985 0 0);
124
- --sidebar-border: oklch(1 0 0 / 10%);
125
- --sidebar-ring: oklch(0.556 0 0);
126
- --input-background-custom: #151515;
127
- --progress-foreground: #f5f5f5;
128
- --progress-background: #404040;
129
- --keross-skeleton-bg: var(--accent);
130
- --hover-back: #171717;
131
- --contrast-color: oklch(12.382% 0.00233 17.142);
132
- --btn-secondary: #151515;
133
- --btn-default: #151515;
134
- }
135
10
 
136
- .blue-dark {
137
- --background: oklch(0.2084 0.0417 266.36);
138
- --foreground: oklch(0.985 0 0);
139
- --card: oklch(0.2042 0.0395 267.53);
140
- --card-foreground: oklch(0.985 0 0);
141
- --btn-outlined: oklch(0.1897 0.0364 266.07);
142
- --popover: oklch(0.1915 0.0416 266.02);
143
- --popover-foreground: oklch(0.985 0 0);
144
- --primary: oklch(0.922 0 0);
145
- --primary-foreground: oklch(0.205 0 0);
146
- --secondary: oklch(0.2581 0.0378 266.31);
147
- --secondary-foreground: oklch(0.985 0 0);
148
- --muted: oklch(0.269 0 0);
149
- --muted-foreground: oklch(0.708 0 0);
150
- --accent: oklch(0.488 0.243 264.376);
151
- --accent-foreground: oklch(0.985 0 0);
152
- --calender-foreground: oklch(0.488 0.243 264.376);
153
- --destructive: #f43f5e;
154
- --border: #494f5e;
155
- --input: oklch(1 0 0 / 15%);
156
- --ring: #0c1324;
157
- --chart-1: oklch(0.488 0.243 264.376);
158
- --chart-2: oklch(0.696 0.17 162.48);
159
- --chart-3: oklch(0.769 0.188 70.08);
160
- --chart-4: oklch(0.627 0.265 303.9);
161
- --chart-5: oklch(0.645 0.246 16.439);
162
- --sidebar: #1b2336;
163
- --sidebar-foreground: oklch(0.985 0 0);
164
- --sidebar-primary: oklch(0.488 0.243 264.376);
165
- --sidebar-primary-foreground: oklch(0.985 0 0);
166
- --sidebar-accent: oklch(0.269 0 0);
167
- --sidebar-accent-foreground: oklch(0.985 0 0);
168
- --sidebar-border: oklch(1 0 0 / 10%);
169
- --sidebar-ring: oklch(0.556 0 0);
170
- --keross-checkbox-bg: var(--foreground);
171
- --keross-skeleton-bg: oklch(1 0 0 / 15%);
172
- --progress-foreground: #f5f5f5;
173
- --progress-background: #1d283a;
174
- --hover-back: oklch(0.2505 0.0528 266.07);
175
- --contrast-color: oklch(92.502% 0.00431 15.893);
176
- --btn-secondary: #00000033;
177
- --btn-default: oklch(0.985 0 0);
178
- }
11
+ body {
12
+ background-color: hsl(var(--background));
13
+ color: hsl(var(--foreground));
179
14
 
180
- @layer base {
181
- * {
182
- @apply border-border outline-ring/50;
183
15
  }
184
16
 
185
- body {
186
- @apply bg-background text-foreground;
187
17
 
188
- .rbc-btn-group {
189
- font-size: 14px;
190
- }
191
18
 
192
- .custom-buttons {
193
- font-size: 14px;
194
- }
19
+ .rbc-btn-group {
20
+ font-size: 14px;
21
+ }
195
22
 
196
- .rbc-date-cell.rbc-now,
197
- .rbc-time-slot.rbc-now,
198
- .rbc-show-more,
199
- .rbc-header {
200
- font-weight: normal !important;
201
- }
202
23
 
203
- .rbc-btn {
204
- color: inherit;
205
- font: inherit;
206
- margin: 0;
207
- }
208
24
 
209
- button.rbc-btn {
210
- overflow: visible;
211
- text-transform: none;
212
- -webkit-appearance: button;
213
- -moz-appearance: button;
214
- appearance: button;
215
- cursor: pointer;
216
- }
25
+ .custom-buttons {
26
+ font-size: 14px;
27
+ }
217
28
 
218
- button[disabled].rbc-btn {
219
- cursor: not-allowed;
220
- }
221
29
 
222
- button.rbc-input::-moz-focus-inner {
223
- border: 0;
224
- padding: 0;
225
- }
226
30
 
227
- .rbc-calendar {
228
- -webkit-box-sizing: border-box;
229
- box-sizing: border-box;
230
- height: 100%;
231
- display: -webkit-box;
232
- display: -ms-flexbox;
233
- display: flex;
234
- font-size: 15px;
235
- -webkit-box-orient: vertical;
236
- -webkit-box-direction: normal;
237
- -ms-flex-direction: column;
238
- flex-direction: column;
239
- -webkit-box-align: stretch;
240
- -ms-flex-align: stretch;
241
- align-items: stretch;
242
- }
31
+ .rbc-date-cell.rbc-now,
32
+ .rbc-time-slot.rbc-now,
33
+ .rbc-show-more,
34
+ .rbc-header {
35
+ font-weight: normal !important;
36
+ }
243
37
 
244
- .rbc-m-b-negative-3 {
245
- margin-bottom: -3px;
246
- }
247
38
 
248
- .rbc-h-full {
249
- height: 100%;
250
- }
251
39
 
252
- .rbc-calendar *,
253
- .rbc-calendar *:before,
254
- .rbc-calendar *:after {
255
- -webkit-box-sizing: inherit;
256
- box-sizing: inherit;
257
- }
40
+ .rbc-btn {
41
+ color: inherit;
42
+ font: inherit;
43
+ margin: 0;
44
+ }
258
45
 
259
- .rbc-abs-full,
260
- .rbc-row-bg {
261
- overflow: hidden;
262
- position: absolute;
263
- top: 0;
264
- left: 0;
265
- right: 0;
266
- bottom: 0;
267
- }
268
46
 
269
- .rbc-ellipsis,
270
- .rbc-show-more,
271
- .rbc-row-segment .rbc-event-content,
272
- .rbc-event-label {
273
- display: block;
274
- overflow: hidden;
275
- text-overflow: ellipsis;
276
- white-space: nowrap;
277
- }
278
47
 
279
- .rbc-rtl {
280
- direction: rtl;
281
- }
48
+ button.rbc-btn {
49
+ overflow: visible;
50
+ text-transform: none;
51
+ -webkit-appearance: button;
52
+ -moz-appearance: button;
53
+ appearance: button;
54
+ cursor: pointer;
55
+ }
282
56
 
283
- .rbc-off-range {
284
- color: var(--foreground) !important;
285
- }
286
57
 
287
- .rbc-off-range-bg {
288
- background: var(--foreground) !important;
289
- opacity: 0.1 !important;
290
- }
291
58
 
292
- .rbc-header {
293
- overflow: hidden;
294
- -webkit-box-flex: 1;
295
- -ms-flex: 1 0 0%;
296
- flex: 1 0 0%;
297
- text-overflow: ellipsis;
298
- white-space: nowrap;
299
- padding: 0 3px;
300
- text-align: center;
301
- vertical-align: middle;
302
- font-weight: bold;
303
- font-size: 90%;
304
- min-height: 0;
305
- border-bottom: 1px solid hsl(var(--border));
306
- }
59
+ button[disabled].rbc-btn {
60
+ cursor: not-allowed;
61
+ }
307
62
 
308
- .rbc-header+.rbc-header {
309
- border-left: 1px solid hsl(var(--border));
310
- }
311
63
 
312
- .rbc-rtl .rbc-header+.rbc-header {
313
- border-left-width: 0;
314
- border-right: 1px solid hsl(var(--border));
315
- }
316
64
 
317
- .rbc-header>a,
318
- .rbc-header>a:active,
319
- .rbc-header>a:visited {
320
- color: inherit;
321
- text-decoration: none;
322
- }
65
+ button.rbc-input::-moz-focus-inner {
66
+ border: 0;
67
+ padding: 0;
68
+ }
323
69
 
324
- .rbc-button-link {
325
- color: inherit;
326
- background: none;
327
- margin: 0;
328
- padding: 0;
329
- border: none;
330
- cursor: pointer;
331
- -webkit-user-select: text;
332
- -moz-user-select: text;
333
- -ms-user-select: text;
334
- user-select: text;
335
- }
336
70
 
337
- .rbc-row-content {
338
- position: relative;
339
- -moz-user-select: none;
340
- -ms-user-select: none;
341
- user-select: none;
342
- -webkit-user-select: none;
343
- z-index: 4;
344
- }
345
71
 
346
- .rbc-row-content-scrollable {
347
- display: -webkit-box;
348
- display: -ms-flexbox;
349
- display: flex;
350
- -webkit-box-orient: vertical;
351
- -webkit-box-direction: normal;
352
- -ms-flex-direction: column;
353
- flex-direction: column;
354
- height: 100%;
355
- }
72
+ .rbc-calendar {
73
+ box-sizing: border-box;
74
+ height: 100%;
75
+ display: flex;
76
+ font-size: 15px;
77
+ flex-direction: column;
78
+ align-items: stretch;
79
+ }
356
80
 
357
- .rbc-row-content-scrollable .rbc-row-content-scroll-container {
358
- height: 100%;
359
- overflow-y: scroll;
360
- /* IE and Edge */
361
- /* Firefox */
362
- -ms-overflow-style: none;
363
- /* IE and Edge */
364
- scrollbar-width: none;
365
- /* Firefox */
366
- /* Hide scrollbar for Chrome, Safari and Opera */
367
- }
368
81
 
369
- .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
370
- display: none;
371
- }
372
82
 
373
- .rbc-today {
374
- background-color: oklch(100% 0.00011 271.152 / 0) !important;
375
- border: 3px solid var(--foreground) !important;
376
- }
83
+ .rbc-m-b-negative-3 {
84
+ margin-bottom: -3px;
85
+ }
377
86
 
378
- .rbc-toolbar {
379
- display: -webkit-box;
380
- display: -ms-flexbox;
381
- display: flex;
382
- -ms-flex-wrap: wrap;
383
- flex-wrap: wrap;
384
- -webkit-box-pack: center;
385
- -ms-flex-pack: center;
386
- justify-content: center;
387
- -webkit-box-align: center;
388
- -ms-flex-align: center;
389
- align-items: center;
390
- margin-bottom: 10px;
391
- font-size: 16px;
392
- }
393
87
 
394
- .rbc-toolbar .rbc-toolbar-label {
395
- -webkit-box-flex: 1;
396
- -ms-flex-positive: 1;
397
- flex-grow: 1;
398
- padding: 0 10px;
399
- text-align: center;
400
- }
401
88
 
402
- .rbc-toolbar button {
403
- color: #373a3c;
404
- display: inline-block;
405
- margin: 0;
406
- text-align: center;
407
- vertical-align: middle;
408
- background: none;
409
- background-image: none;
410
- border: 1px solid hsl(var(--border));
411
- padding: 0.375rem 1rem;
412
- border-radius: 4px;
413
- line-height: normal;
414
- white-space: nowrap;
415
- }
89
+ .rbc-h-full {
90
+ height: 100%;
91
+ }
416
92
 
417
- .rbc-toolbar button:active,
418
- .rbc-toolbar button.rbc-active {
419
- background-image: none;
420
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
421
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
422
- background-color: #e6e6e6;
423
- border-color: #adadad;
424
- }
425
93
 
426
- .rbc-toolbar button:active:hover,
427
- .rbc-toolbar button:active:focus,
428
- .rbc-toolbar button.rbc-active:hover,
429
- .rbc-toolbar button.rbc-active:focus {
430
- color: #373a3c;
431
- background-color: #d4d4d4;
432
- border-color: #8c8c8c;
433
- }
434
94
 
435
- .rbc-toolbar button:focus {
436
- color: #373a3c;
437
- background-color: #e6e6e6;
438
- border-color: #adadad;
439
- }
95
+ .rbc-calendar *,
96
+ .rbc-calendar *:before,
97
+ .rbc-calendar *:after {
98
+ box-sizing: inherit;
99
+ }
440
100
 
441
- .rbc-toolbar button:hover {
442
- color: #373a3c;
443
- background-color: #e6e6e6;
444
- border-color: #adadad;
445
- }
446
101
 
447
- .rbc-btn-group {
448
- display: inline-block;
449
- white-space: nowrap;
450
- }
451
102
 
452
- .rbc-btn-group>button:first-child:not(:last-child) {
453
- border-top-right-radius: 0;
454
- border-bottom-right-radius: 0;
455
- }
103
+ .rbc-abs-full,
104
+ .rbc-row-bg {
105
+ overflow: hidden;
106
+ position: absolute;
107
+ top: 0;
108
+ left: 0;
109
+ right: 0;
110
+ bottom: 0;
111
+ }
456
112
 
457
- .rbc-btn-group>button:last-child:not(:first-child) {
458
- border-top-left-radius: 0;
459
- border-bottom-left-radius: 0;
460
- }
461
113
 
462
- .rbc-rtl .rbc-btn-group>button:first-child:not(:last-child) {
463
- border-radius: 4px;
464
- border-top-left-radius: 0;
465
- border-bottom-left-radius: 0;
466
- }
467
114
 
468
- .rbc-rtl .rbc-btn-group>button:last-child:not(:first-child) {
469
- border-radius: 4px;
470
- border-top-right-radius: 0;
471
- border-bottom-right-radius: 0;
472
- }
115
+ .rbc-ellipsis,
116
+ .rbc-show-more,
117
+ .rbc-row-segment .rbc-event-content,
118
+ .rbc-event-label {
119
+ display: block;
120
+ overflow: hidden;
121
+ text-overflow: ellipsis;
122
+ white-space: nowrap;
123
+ }
473
124
 
474
- .rbc-btn-group>button:not(:first-child):not(:last-child) {
475
- border-radius: 0;
476
- }
477
125
 
478
- .rbc-btn-group button+button {
479
- margin-left: -1px;
480
- }
481
126
 
482
- .rbc-rtl .rbc-btn-group button+button {
483
- margin-left: 0;
484
- margin-right: -1px;
485
- }
127
+ .rbc-rtl {
128
+ direction: rtl;
129
+ }
486
130
 
487
- .rbc-btn-group+.rbc-btn-group,
488
- .rbc-btn-group+button {
489
- margin-left: 10px;
490
- }
491
131
 
492
- @media (max-width: 767px) {
493
- .rbc-toolbar {
494
- -webkit-box-orient: vertical;
495
- -webkit-box-direction: normal;
496
- -ms-flex-direction: column;
497
- flex-direction: column;
498
- }
499
- }
500
132
 
501
- .rbc-event,
502
- .rbc-day-slot .rbc-background-event {
503
- border: none;
504
- -webkit-box-sizing: border-box;
505
- box-sizing: border-box;
506
- -webkit-box-shadow: none;
507
- box-shadow: none;
508
- margin: 0;
509
- padding: 2px 5px;
510
- background-color: hsl(var(--input));
511
- border-radius: 5px;
512
- color: #fff;
513
- cursor: pointer;
514
- width: 100%;
515
- text-align: left;
516
- }
133
+ .rbc-off-range {
134
+ color: var(--foreground) !important;
135
+ }
517
136
 
518
- .rbc-slot-selecting .rbc-event,
519
- .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
520
- .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
521
- cursor: inherit;
522
- pointer-events: none;
523
- }
524
137
 
525
- .rbc-event.rbc-selected,
526
- .rbc-day-slot .rbc-selected.rbc-background-event {
527
- background-color: #265985;
528
- }
529
138
 
530
- .rbc-event:focus,
531
- .rbc-day-slot .rbc-background-event:focus {
532
- outline: 5px auto #3b99fc;
533
- }
139
+ .rbc-off-range-bg {
140
+ background: var(--foreground) !important;
141
+ opacity: 0.1 !important;
142
+ }
534
143
 
535
- .rbc-event-label {
536
- font-size: 80%;
537
- }
538
144
 
539
- .rbc-event-overlaps {
540
- -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
541
- box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
542
- }
543
145
 
544
- .rbc-event-continues-prior {
545
- border-top-left-radius: 0;
546
- border-bottom-left-radius: 0;
547
- }
146
+ .rbc-header {
147
+ overflow: hidden;
148
+ flex: 1 0 0%;
149
+ text-overflow: ellipsis;
150
+ white-space: nowrap;
151
+ padding: 0 3px;
152
+ text-align: center;
153
+ vertical-align: middle;
154
+ font-weight: bold;
155
+ font-size: 90%;
156
+ min-height: 0;
157
+ border-bottom: 1px solid hsl(var(--border));
158
+ }
548
159
 
549
- .rbc-event-continues-after {
550
- border-top-right-radius: 0;
551
- border-bottom-right-radius: 0;
552
- }
553
160
 
554
- .rbc-event-continues-earlier {
555
- border-top-left-radius: 0;
556
- border-top-right-radius: 0;
557
- }
558
161
 
559
- .rbc-event-continues-later {
560
- border-bottom-left-radius: 0;
561
- border-bottom-right-radius: 0;
562
- }
162
+ .rbc-header+.rbc-header {
163
+ border-left: 1px solid hsl(var(--border));
164
+ }
563
165
 
564
- .rbc-row {
565
- display: -webkit-box;
566
- display: -ms-flexbox;
567
- display: flex;
568
- -webkit-box-orient: horizontal;
569
- -webkit-box-direction: normal;
570
- -ms-flex-direction: row;
571
- flex-direction: row;
572
- }
573
166
 
574
- .rbc-row-segment {
575
- padding: 0 1px 1px 1px;
576
- }
577
167
 
578
- .rbc-selected-cell {
579
- background-color: rgba(0, 0, 0, 0.1);
580
- }
168
+ .rbc-rtl .rbc-header+.rbc-header {
169
+ border-left-width: 0;
170
+ border-right: 1px solid hsl(var(--border));
171
+ }
581
172
 
582
- .rbc-show-more {
583
- background-color: rgba(255, 255, 255, 0) !important;
584
- color: var(--foreground) !important;
585
- z-index: 4;
586
- font-weight: bold;
587
- font-size: 85%;
588
- height: auto;
589
- line-height: normal;
590
- color: hsl(var(--input));
591
- }
592
173
 
593
- .rbc-show-more:hover,
594
- .rbc-show-more:focus {
595
- color: #265985;
596
- }
597
174
 
598
- .rbc-month-view {
599
- position: relative;
600
- border: 1px solid hsl(var(--border));
601
- display: -webkit-box;
602
- display: -ms-flexbox;
603
- display: flex;
604
- -webkit-box-orient: vertical;
605
- -webkit-box-direction: normal;
606
- -ms-flex-direction: column;
607
- flex-direction: column;
608
- -webkit-box-flex: 1;
609
- -ms-flex: 1 0 0px;
610
- flex: 1 0 0;
611
- width: 100%;
612
- -moz-user-select: none;
613
- -ms-user-select: none;
614
- user-select: none;
615
- -webkit-user-select: none;
616
- height: 100%;
617
- }
175
+ .rbc-header>a,
176
+ .rbc-header>a:active,
177
+ .rbc-header>a:visited {
178
+ color: inherit;
179
+ text-decoration: none;
180
+ }
618
181
 
619
- .rbc-month-header {
620
- display: -webkit-box;
621
- display: -ms-flexbox;
622
- display: flex;
623
- -webkit-box-orient: horizontal;
624
- -webkit-box-direction: normal;
625
- -ms-flex-direction: row;
626
- flex-direction: row;
627
- }
628
182
 
629
- .rbc-month-row {
630
- display: -webkit-box;
631
- display: -ms-flexbox;
632
- display: flex;
633
- position: relative;
634
- -webkit-box-orient: vertical;
635
- -webkit-box-direction: normal;
636
- -ms-flex-direction: column;
637
- flex-direction: column;
638
- -webkit-box-flex: 1;
639
- -ms-flex: 1 0 0px;
640
- flex: 1 0 0;
641
- -ms-flex-preferred-size: 0px;
642
- flex-basis: 0px;
643
- overflow: hidden;
644
- height: 100%;
645
- }
646
183
 
647
- .rbc-month-row+.rbc-month-row {
648
- border-top: 1px solid hsl(var(--border));
649
- }
184
+ .rbc-button-link {
185
+ color: inherit;
186
+ background: none;
187
+ margin: 0;
188
+ padding: 0;
189
+ border: none;
190
+ cursor: pointer;
191
+ -webkit-user-select: text;
192
+ -moz-user-select: text;
193
+ user-select: text;
194
+ }
650
195
 
651
- .rbc-date-cell {
652
- -webkit-box-flex: 1;
653
- -ms-flex: 1 1 0px;
654
- flex: 1 1 0;
655
- min-width: 0;
656
- padding-right: 5px;
657
- text-align: right;
658
- }
659
196
 
660
- .rbc-date-cell.rbc-now {
661
- font-weight: bold;
662
- }
663
197
 
664
- .rbc-date-cell>a,
665
- .rbc-date-cell>a:active,
666
- .rbc-date-cell>a:visited {
667
- color: inherit;
668
- text-decoration: none;
669
- }
198
+ .rbc-row-content {
199
+ position: relative;
200
+ -moz-user-select: none;
201
+ user-select: none;
202
+ -webkit-user-select: none;
203
+ z-index: 4;
204
+ }
670
205
 
671
- .rbc-row-bg {
672
- display: -webkit-box;
673
- display: -ms-flexbox;
674
- display: flex;
675
- -webkit-box-orient: horizontal;
676
- -webkit-box-direction: normal;
677
- -ms-flex-direction: row;
678
- flex-direction: row;
679
- -webkit-box-flex: 1;
680
- -ms-flex: 1 0 0px;
681
- flex: 1 0 0;
682
- overflow: hidden;
683
- right: 1px;
684
- }
685
206
 
686
- .rbc-day-bg {
687
- -webkit-box-flex: 1;
688
- -ms-flex: 1 0 0%;
689
- flex: 1 0 0%;
690
- }
691
207
 
692
- .rbc-day-bg+.rbc-day-bg {
693
- border-left: 1px solid hsl(var(--border));
694
- }
208
+ .rbc-row-content-scrollable {
209
+ display: flex;
210
+ flex-direction: column;
211
+ height: 100%;
212
+ }
695
213
 
696
- .rbc-rtl .rbc-day-bg+.rbc-day-bg {
697
- border-left-width: 0;
698
- border-right: 1px solid hsl(var(--border));
699
- }
700
214
 
701
- .rbc-overlay {
702
- position: absolute;
703
- z-index: 5;
704
- border: 1px solid #e5e5e5;
705
- background-color: #fff;
706
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
707
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
708
- padding: 10px;
709
- }
710
215
 
711
- .rbc-overlay>*+* {
712
- margin-top: 1px;
713
- }
216
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container {
217
+ height: 100%;
218
+ overflow-y: scroll;
219
+ /* IE and Edge */
220
+ /* Firefox */
221
+ -ms-overflow-style: none;
222
+ /* IE and Edge */
223
+ scrollbar-width: none;
224
+ /* Firefox */
225
+ /* Hide scrollbar for Chrome, Safari and Opera */
226
+ }
714
227
 
715
- .rbc-overlay-header {
716
- border-bottom: 1px solid #e5e5e5;
717
- margin: -10px -10px 5px -10px;
718
- padding: 2px 10px;
719
- }
720
228
 
721
- .rbc-agenda-view {
722
- display: -webkit-box;
723
- display: -ms-flexbox;
724
- display: flex;
725
- -webkit-box-orient: vertical;
726
- -webkit-box-direction: normal;
727
- -ms-flex-direction: column;
728
- flex-direction: column;
729
- -webkit-box-flex: 1;
730
- -ms-flex: 1 0 0px;
731
- flex: 1 0 0;
732
- overflow: auto;
733
- }
734
229
 
735
- .rbc-agenda-view table.rbc-agenda-table {
736
- width: 100%;
737
- border: 1px solid hsl(var(--border));
738
- border-spacing: 0;
739
- border-collapse: collapse;
740
- }
230
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
231
+ display: none;
232
+ }
741
233
 
742
- .rbc-agenda-view table.rbc-agenda-table tbody>tr>td {
743
- padding: 5px 10px;
744
- vertical-align: top;
745
- }
746
234
 
747
- .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
748
- padding-left: 15px;
749
- padding-right: 15px;
750
- text-transform: lowercase;
751
- }
752
235
 
753
- .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
754
- border-left: 1px solid hsl(var(--border));
755
- }
236
+ .rbc-today {
237
+ background-color: oklch(100% 0.00011 271.152 / 0) !important;
238
+ border: 3px solid var(--foreground) !important;
239
+ }
756
240
 
757
- .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
758
- border-left-width: 0;
759
- border-right: 1px solid hsl(var(--border));
760
- }
761
241
 
762
- .rbc-agenda-view table.rbc-agenda-table tbody>tr+tr {
763
- border-top: 1px solid hsl(var(--border));
764
- }
765
242
 
766
- .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
767
- padding: 3px 5px;
768
- text-align: left;
769
- border-bottom: 1px solid hsl(var(--border));
770
- }
243
+ .rbc-toolbar {
244
+ display: flex;
245
+ flex-wrap: wrap;
246
+ justify-content: center;
247
+ align-items: center;
248
+ margin-bottom: 10px;
249
+ font-size: 16px;
250
+ }
771
251
 
772
- .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
773
- text-align: right;
774
- }
775
252
 
776
- .rbc-agenda-time-cell {
777
- text-transform: lowercase;
778
- }
779
253
 
780
- .rbc-agenda-time-cell .rbc-continues-after:after {
781
- content: " »";
782
- }
254
+ .rbc-toolbar .rbc-toolbar-label {
255
+ flex-grow: 1;
256
+ padding: 0 10px;
257
+ text-align: center;
258
+ }
783
259
 
784
- .rbc-agenda-time-cell .rbc-continues-prior:before {
785
- content: "« ";
786
- }
787
260
 
788
- .rbc-agenda-date-cell,
789
- .rbc-agenda-time-cell {
790
- white-space: nowrap;
791
- }
792
261
 
793
- .rbc-agenda-event-cell {
794
- width: 100%;
795
- }
262
+ .rbc-toolbar button {
263
+ color: #373a3c;
264
+ display: inline-block;
265
+ margin: 0;
266
+ text-align: center;
267
+ vertical-align: middle;
268
+ background: none;
269
+ background-image: none;
270
+ border: 1px solid hsl(var(--border));
271
+ padding: 0.375rem 1rem;
272
+ border-radius: 4px;
273
+ line-height: normal;
274
+ white-space: nowrap;
275
+ }
796
276
 
797
- .rbc-time-column {
798
- display: -webkit-box;
799
- display: -ms-flexbox;
800
- display: flex;
801
- -webkit-box-orient: vertical;
802
- -webkit-box-direction: normal;
803
- -ms-flex-direction: column;
804
- flex-direction: column;
805
- min-height: 100%;
806
- }
807
277
 
808
- .rbc-time-column .rbc-timeslot-group {
809
- -webkit-box-flex: 1;
810
- -ms-flex: 1;
811
- flex: 1;
812
- }
813
278
 
814
- .rbc-timeslot-group {
815
- border-bottom: 1px solid hsl(var(--border));
816
- min-height: 40px;
817
- display: -webkit-box;
818
- display: -ms-flexbox;
819
- display: flex;
820
- -webkit-box-orient: vertical;
821
- -webkit-box-direction: normal;
822
- -ms-flex-flow: column nowrap;
823
- flex-flow: column nowrap;
824
- }
279
+ .rbc-toolbar button:active,
280
+ .rbc-toolbar button.rbc-active {
281
+ background-image: none;
282
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
283
+ background-color: #e6e6e6;
284
+ border-color: #adadad;
285
+ }
825
286
 
826
- .rbc-time-gutter,
827
- .rbc-header-gutter {
828
- -webkit-box-flex: 0;
829
- -ms-flex: none;
830
- flex: none;
831
- }
832
287
 
833
- .rbc-label {
834
- padding: 0 5px;
835
- }
836
288
 
837
- .rbc-day-slot {
838
- position: relative;
839
- }
289
+ .rbc-toolbar button:active:hover,
290
+ .rbc-toolbar button:active:focus,
291
+ .rbc-toolbar button.rbc-active:hover,
292
+ .rbc-toolbar button.rbc-active:focus {
293
+ color: #373a3c;
294
+ background-color: #d4d4d4;
295
+ border-color: #8c8c8c;
296
+ }
840
297
 
841
- .rbc-day-slot .rbc-events-container {
842
- bottom: 0;
843
- left: 0;
844
- position: absolute;
845
- right: 0;
846
- margin-right: 10px;
847
- top: 0;
848
- }
849
298
 
850
- .rbc-day-slot .rbc-events-container.rbc-rtl {
851
- left: 10px;
852
- right: 0;
853
- }
854
299
 
855
- .rbc-day-slot .rbc-event,
856
- .rbc-day-slot .rbc-background-event {
857
- border: 1px solid #265985;
858
- display: -webkit-box;
859
- display: -ms-flexbox;
860
- display: flex;
861
- max-height: 100%;
862
- min-height: 20px;
863
- -webkit-box-orient: vertical;
864
- -webkit-box-direction: normal;
865
- -ms-flex-flow: column wrap;
866
- flex-flow: column wrap;
867
- -webkit-box-align: start;
868
- -ms-flex-align: start;
869
- align-items: flex-start;
870
- overflow: hidden;
871
- position: absolute;
872
- }
300
+ .rbc-toolbar button:focus {
301
+ color: #373a3c;
302
+ background-color: #e6e6e6;
303
+ border-color: #adadad;
304
+ }
873
305
 
874
- .rbc-day-slot .rbc-background-event {
875
- opacity: 0.75;
876
- }
877
306
 
878
- .rbc-day-slot .rbc-event-label {
879
- -webkit-box-flex: 0;
880
- -ms-flex: none;
881
- flex: none;
882
- padding-right: 5px;
883
- width: auto;
884
- }
885
307
 
886
- .rbc-day-slot .rbc-event-content {
887
- width: 100%;
888
- -webkit-box-flex: 1;
889
- -ms-flex: 1 1 0px;
890
- flex: 1 1 0;
891
- word-wrap: break-word;
892
- line-height: 1;
893
- height: 100%;
894
- min-height: 1em;
895
- }
308
+ .rbc-toolbar button:hover {
309
+ color: #373a3c;
310
+ background-color: #e6e6e6;
311
+ border-color: #adadad;
312
+ }
896
313
 
897
- .rbc-day-slot .rbc-time-slot {
898
- border-top: 1px solid hsl(var(--border));
899
- }
900
314
 
901
- .rbc-time-view-resources .rbc-time-gutter,
902
- .rbc-time-view-resources .rbc-time-header-gutter {
903
- position: sticky;
904
- left: 0;
905
- background-color: white;
906
- border-right: 1px solid hsl(var(--border));
907
- z-index: 10;
908
- margin-right: -1px;
909
- }
910
315
 
911
- .rbc-time-view-resources .rbc-time-header {
912
- overflow: hidden;
913
- }
316
+ .rbc-btn-group {
317
+ display: inline-block;
318
+ white-space: nowrap;
319
+ }
914
320
 
915
- .rbc-time-view-resources .rbc-time-header-content {
916
- min-width: auto;
917
- -webkit-box-flex: 1;
918
- -ms-flex: 1 0 0px;
919
- flex: 1 0 0;
920
- -ms-flex-preferred-size: 0px;
921
- flex-basis: 0px;
922
- }
923
321
 
924
- .rbc-time-view-resources .rbc-time-header-cell-single-day {
925
- display: none;
926
- }
927
322
 
928
- .rbc-time-view-resources .rbc-day-slot {
929
- min-width: 140px;
930
- }
323
+ .rbc-btn-group>button:first-child:not(:last-child) {
324
+ border-top-right-radius: 0;
325
+ border-bottom-right-radius: 0;
326
+ }
931
327
 
932
- .rbc-time-view-resources .rbc-header,
933
- .rbc-time-view-resources .rbc-day-bg {
934
- width: 140px;
935
- -webkit-box-flex: 1;
936
- -ms-flex: 1 1 0px;
937
- flex: 1 1 0;
938
- -ms-flex-preferred-size: 0 px;
939
- flex-basis: 0 px;
940
- }
941
328
 
942
- .rbc-time-header-content+.rbc-time-header-content {
943
- margin-left: -1px;
944
- }
945
329
 
946
- .rbc-time-slot {
947
- -webkit-box-flex: 1;
948
- -ms-flex: 1 0 0px;
949
- flex: 1 0 0;
950
- }
330
+ .rbc-btn-group>button:last-child:not(:first-child) {
331
+ border-top-left-radius: 0;
332
+ border-bottom-left-radius: 0;
333
+ }
951
334
 
952
- .rbc-time-slot.rbc-now {
953
- font-weight: bold;
954
- }
955
335
 
956
- .rbc-day-header {
957
- text-align: center;
958
- }
959
336
 
960
- .rbc-slot-selection {
961
- z-index: 10;
962
- position: absolute;
963
- background-color: rgba(0, 0, 0, 0.5);
964
- color: white;
965
- font-size: 75%;
966
- width: 100%;
967
- padding: 3px;
968
- }
337
+ .rbc-rtl .rbc-btn-group>button:first-child:not(:last-child) {
338
+ border-radius: 4px;
339
+ border-top-left-radius: 0;
340
+ border-bottom-left-radius: 0;
341
+ }
969
342
 
970
- .rbc-slot-selecting {
971
- cursor: move;
972
- }
973
343
 
974
- .rbc-time-view {
975
- display: -webkit-box;
976
- display: -ms-flexbox;
977
- display: flex;
978
- -webkit-box-orient: vertical;
979
- -webkit-box-direction: normal;
980
- -ms-flex-direction: column;
981
- flex-direction: column;
982
- -webkit-box-flex: 1;
983
- -ms-flex: 1;
984
- flex: 1;
985
- width: 100%;
986
- border: 1px solid hsl(var(--border));
987
- min-height: 0;
988
- }
989
344
 
990
- .rbc-time-view .rbc-time-gutter {
991
- white-space: nowrap;
992
- text-align: right;
993
- }
345
+ .rbc-rtl .rbc-btn-group>button:last-child:not(:first-child) {
346
+ border-radius: 4px;
347
+ border-top-right-radius: 0;
348
+ border-bottom-right-radius: 0;
349
+ }
994
350
 
995
- .rbc-time-view .rbc-allday-cell {
996
- -webkit-box-sizing: content-box;
997
- box-sizing: content-box;
998
- width: 100%;
999
- height: 100%;
1000
- position: relative;
1001
- }
1002
351
 
1003
- .rbc-time-view .rbc-allday-cell+.rbc-allday-cell {
1004
- border-left: 1px solid hsl(var(--border));
1005
- }
1006
352
 
1007
- .rbc-time-view .rbc-allday-events {
1008
- position: relative;
1009
- z-index: 4;
1010
- }
353
+ .rbc-btn-group>button:not(:first-child):not(:last-child) {
354
+ border-radius: 0;
355
+ }
1011
356
 
1012
- .rbc-time-view .rbc-row {
1013
- -webkit-box-sizing: border-box;
1014
- box-sizing: border-box;
1015
- min-height: 20px;
1016
- }
1017
357
 
1018
- .rbc-time-header {
1019
- display: -webkit-box;
1020
- display: -ms-flexbox;
1021
- display: flex;
1022
- -webkit-box-flex: 0;
1023
- -ms-flex: 0 0 auto;
1024
- flex: 0 0 auto;
1025
- -webkit-box-orient: horizontal;
1026
- -webkit-box-direction: normal;
1027
- -ms-flex-direction: row;
1028
- flex-direction: row;
1029
- }
1030
358
 
1031
- .rbc-time-header.rbc-overflowing {
1032
- border-right: 1px solid hsl(var(--border));
1033
- }
359
+ .rbc-btn-group button+button {
360
+ margin-left: -1px;
361
+ }
1034
362
 
1035
- .rbc-rtl .rbc-time-header.rbc-overflowing {
1036
- border-right-width: 0;
1037
- border-left: 1px solid hsl(var(--border));
1038
- }
1039
363
 
1040
- .rbc-time-header>.rbc-row:first-child {
1041
- border-bottom: 1px solid hsl(var(--border));
1042
- }
1043
364
 
1044
- .rbc-time-header>.rbc-row.rbc-row-resource {
1045
- border-bottom: 1px solid hsl(var(--border));
1046
- }
365
+ .rbc-rtl .rbc-btn-group button+button {
366
+ margin-left: 0;
367
+ margin-right: -1px;
368
+ }
1047
369
 
1048
- .rbc-time-header-cell-single-day {
1049
- display: none;
1050
- }
1051
370
 
1052
- .rbc-time-header-content {
1053
- -webkit-box-flex: 1;
1054
- -ms-flex: 1;
1055
- flex: 1;
1056
- display: -webkit-box;
1057
- display: -ms-flexbox;
1058
- display: flex;
1059
- min-width: 0;
1060
- -webkit-box-orient: vertical;
1061
- -webkit-box-direction: normal;
1062
- -ms-flex-direction: column;
1063
- flex-direction: column;
1064
- border-left: 1px solid hsl(var(--border));
1065
- }
1066
371
 
1067
- .rbc-rtl .rbc-time-header-content {
1068
- border-left-width: 0;
1069
- border-right: 1px solid hsl(var(--border));
1070
- }
372
+ .rbc-btn-group+.rbc-btn-group,
373
+ .rbc-btn-group+button {
374
+ margin-left: 10px;
375
+ }
1071
376
 
1072
- .rbc-time-header-content>.rbc-row.rbc-row-resource {
1073
- border-bottom: 1px solid hsl(var(--border));
1074
- -ms-flex-negative: 0;
1075
- flex-shrink: 0;
1076
- }
1077
377
 
1078
- .rbc-time-content {
1079
- display: -webkit-box;
1080
- display: -ms-flexbox;
1081
- display: flex;
1082
- -webkit-box-flex: 1;
1083
- -ms-flex: 1 0 0%;
1084
- flex: 1 0 0%;
1085
- -webkit-box-align: start;
1086
- -ms-flex-align: start;
1087
- align-items: flex-start;
1088
- width: 100%;
1089
- border-top: 2px solid hsl(var(--border));
1090
- overflow-y: auto;
1091
- position: relative;
1092
- }
1093
378
 
1094
- .rbc-time-content>.rbc-time-gutter {
1095
- -webkit-box-flex: 0;
1096
- -ms-flex: none;
1097
- flex: none;
379
+ @media (max-width: 767px) {
380
+ .rbc-toolbar {
381
+ flex-direction: column;
1098
382
  }
383
+ }
1099
384
 
1100
- .rbc-time-content>*+*>* {
1101
- border-left: 1px solid hsl(var(--border));
1102
- }
1103
385
 
1104
- .rbc-rtl .rbc-time-content>*+*>* {
1105
- border-left-width: 0;
1106
- border-right: 1px solid hsl(var(--border));
1107
- }
1108
386
 
1109
- .rbc-time-content>.rbc-day-slot {
1110
- width: 100%;
1111
- -moz-user-select: none;
1112
- -ms-user-select: none;
1113
- user-select: none;
1114
- -webkit-user-select: none;
1115
- }
387
+ .rbc-event,
388
+ .rbc-day-slot .rbc-background-event {
389
+ border: none;
390
+ box-sizing: border-box;
391
+ box-shadow: none;
392
+ margin: 0;
393
+ padding: 2px 5px;
394
+ background-color: hsl(var(--input));
395
+ border-radius: 5px;
396
+ color: #fff;
397
+ cursor: pointer;
398
+ width: 100%;
399
+ text-align: left;
400
+ }
1116
401
 
1117
- .rbc-current-time-indicator {
1118
- position: absolute;
1119
- z-index: 3;
1120
- left: 0;
1121
- right: 0;
1122
- height: 1px;
1123
- background-color: #74ad31;
1124
- pointer-events: none;
1125
- }
1126
402
 
1127
- .rbc-resource-grouping.rbc-time-header-content {
1128
- display: -webkit-box;
1129
- display: -ms-flexbox;
1130
- display: flex;
1131
- -webkit-box-orient: vertical;
1132
- -webkit-box-direction: normal;
1133
- -ms-flex-direction: column;
1134
- flex-direction: column;
1135
- }
1136
403
 
1137
- .rbc-resource-grouping .rbc-row .rbc-header {
1138
- width: 141px;
1139
- }
1140
- }
404
+ .rbc-slot-selecting .rbc-event,
405
+ .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
406
+ .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
407
+ cursor: inherit;
408
+ pointer-events: none;
409
+ }
1141
410
 
1142
- .scrollbar-hidden {
1143
- -ms-overflow-style: none;
1144
- scrollbar-width: none;
1145
- }
1146
411
 
1147
- .scrollbar-hidden::-webkit-scrollbar {
1148
- display: none;
1149
- }
1150
412
 
1151
- input[type="color"]::-webkit-color-swatch-wrapper {
1152
- padding: 0;
1153
- }
413
+ .rbc-event.rbc-selected,
414
+ .rbc-day-slot .rbc-selected.rbc-background-event {
415
+ background-color: #265985;
416
+ }
417
+
418
+
419
+
420
+ .rbc-event:focus,
421
+ .rbc-day-slot .rbc-background-event:focus {
422
+ outline: 5px auto #3b99fc;
423
+ }
424
+
425
+
426
+
427
+ .rbc-event-label {
428
+ font-size: 80%;
429
+ }
430
+
431
+
432
+
433
+ .rbc-event-overlaps {
434
+ box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
435
+ }
436
+
437
+
438
+
439
+ .rbc-event-continues-prior {
440
+ border-top-left-radius: 0;
441
+ border-bottom-left-radius: 0;
442
+ }
443
+
444
+
445
+
446
+ .rbc-event-continues-after {
447
+ border-top-right-radius: 0;
448
+ border-bottom-right-radius: 0;
449
+ }
450
+
451
+
452
+
453
+ .rbc-event-continues-earlier {
454
+ border-top-left-radius: 0;
455
+ border-top-right-radius: 0;
456
+ }
457
+
458
+
459
+
460
+ .rbc-event-continues-later {
461
+ border-bottom-left-radius: 0;
462
+ border-bottom-right-radius: 0;
463
+ }
464
+
465
+
466
+
467
+ .rbc-row {
468
+ display: flex;
469
+ flex-direction: row;
470
+ }
471
+
472
+
473
+
474
+ .rbc-row-segment {
475
+ padding: 0 1px 1px 1px;
476
+ }
477
+
478
+
479
+
480
+ .rbc-selected-cell {
481
+ background-color: rgba(0, 0, 0, 0.1);
482
+ }
483
+
484
+
485
+
486
+ .rbc-show-more {
487
+ background-color: rgba(255, 255, 255, 0) !important;
488
+ color: var(--foreground) !important;
489
+ z-index: 4;
490
+ font-weight: bold;
491
+ font-size: 85%;
492
+ height: auto;
493
+ line-height: normal;
494
+ color: hsl(var(--input));
495
+ }
496
+
497
+
498
+
499
+ .rbc-show-more:hover,
500
+ .rbc-show-more:focus {
501
+ color: #265985;
502
+ }
503
+
504
+
505
+
506
+ .rbc-month-view {
507
+ position: relative;
508
+ border: 1px solid hsl(var(--border));
509
+ display: flex;
510
+ flex-direction: column;
511
+ flex: 1 0 0;
512
+ width: 100%;
513
+ -moz-user-select: none;
514
+ user-select: none;
515
+ -webkit-user-select: none;
516
+ height: 100%;
517
+ }
518
+
519
+
520
+
521
+ .rbc-month-header {
522
+ display: flex;
523
+ flex-direction: row;
524
+ }
525
+
526
+
527
+
528
+ .rbc-month-row {
529
+ display: flex;
530
+ position: relative;
531
+ flex-direction: column;
532
+ flex: 1 0 0;
533
+ flex-basis: 0px;
534
+ overflow: hidden;
535
+ height: 100%;
536
+ }
537
+
538
+
539
+
540
+ .rbc-month-row+.rbc-month-row {
541
+ border-top: 1px solid hsl(var(--border));
542
+ }
543
+
544
+
545
+
546
+ .rbc-date-cell {
547
+ flex: 1 1 0;
548
+ min-width: 0;
549
+ padding-right: 5px;
550
+ text-align: right;
551
+ }
552
+
553
+
554
+
555
+ .rbc-date-cell.rbc-now {
556
+ font-weight: bold;
557
+ }
558
+
559
+
560
+
561
+ .rbc-date-cell>a,
562
+ .rbc-date-cell>a:active,
563
+ .rbc-date-cell>a:visited {
564
+ color: inherit;
565
+ text-decoration: none;
566
+ }
567
+
568
+
569
+
570
+ .rbc-row-bg {
571
+ display: flex;
572
+ flex-direction: row;
573
+ flex: 1 0 0;
574
+ overflow: hidden;
575
+ right: 1px;
576
+ }
577
+
578
+
579
+
580
+ .rbc-day-bg {
581
+ flex: 1 0 0%;
582
+ }
583
+
584
+
585
+
586
+ .rbc-day-bg+.rbc-day-bg {
587
+ border-left: 1px solid hsl(var(--border));
588
+ }
589
+
590
+
591
+
592
+ .rbc-rtl .rbc-day-bg+.rbc-day-bg {
593
+ border-left-width: 0;
594
+ border-right: 1px solid hsl(var(--border));
595
+ }
596
+
597
+
598
+
599
+ .rbc-overlay {
600
+ position: absolute;
601
+ z-index: 5;
602
+ border: 1px solid #e5e5e5;
603
+ background-color: #fff;
604
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
605
+ padding: 10px;
606
+ }
607
+
608
+
609
+
610
+ .rbc-overlay>*+* {
611
+ margin-top: 1px;
612
+ }
613
+
614
+
615
+
616
+ .rbc-overlay-header {
617
+ border-bottom: 1px solid #e5e5e5;
618
+ margin: -10px -10px 5px -10px;
619
+ padding: 2px 10px;
620
+ }
621
+
622
+
623
+
624
+ .rbc-agenda-view {
625
+ display: flex;
626
+ flex-direction: column;
627
+ flex: 1 0 0;
628
+ overflow: auto;
629
+ }
630
+
631
+
632
+
633
+ .rbc-agenda-view table.rbc-agenda-table {
634
+ width: 100%;
635
+ border: 1px solid hsl(var(--border));
636
+ border-spacing: 0;
637
+ border-collapse: collapse;
638
+ }
639
+
640
+
641
+
642
+ .rbc-agenda-view table.rbc-agenda-table tbody>tr>td {
643
+ padding: 5px 10px;
644
+ vertical-align: top;
645
+ }
646
+
647
+
648
+
649
+ .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
650
+ padding-left: 15px;
651
+ padding-right: 15px;
652
+ text-transform: lowercase;
653
+ }
654
+
655
+
656
+
657
+ .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
658
+ border-left: 1px solid hsl(var(--border));
659
+ }
660
+
661
+
662
+
663
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
664
+ border-left-width: 0;
665
+ border-right: 1px solid hsl(var(--border));
666
+ }
667
+
668
+
669
+
670
+ .rbc-agenda-view table.rbc-agenda-table tbody>tr+tr {
671
+ border-top: 1px solid hsl(var(--border));
672
+ }
673
+
674
+
675
+
676
+ .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
677
+ padding: 3px 5px;
678
+ text-align: left;
679
+ border-bottom: 1px solid hsl(var(--border));
680
+ }
681
+
682
+
683
+
684
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
685
+ text-align: right;
686
+ }
687
+
688
+
689
+
690
+ .rbc-agenda-time-cell {
691
+ text-transform: lowercase;
692
+ }
693
+
694
+
695
+
696
+ .rbc-agenda-time-cell .rbc-continues-after:after {
697
+ content: " »";
698
+ }
699
+
700
+
701
+
702
+ .rbc-agenda-time-cell .rbc-continues-prior:before {
703
+ content: "« ";
704
+ }
705
+
706
+
707
+
708
+ .rbc-agenda-date-cell,
709
+ .rbc-agenda-time-cell {
710
+ white-space: nowrap;
711
+ }
712
+
713
+
714
+
715
+ .rbc-agenda-event-cell {
716
+ width: 100%;
717
+ }
718
+
719
+
720
+
721
+ .rbc-time-column {
722
+ display: flex;
723
+ flex-direction: column;
724
+ min-height: 100%;
725
+ }
726
+
727
+
728
+
729
+ .rbc-time-column .rbc-timeslot-group {
730
+ flex: 1;
731
+ }
732
+
733
+
734
+
735
+ .rbc-timeslot-group {
736
+ border-bottom: 1px solid hsl(var(--border));
737
+ min-height: 40px;
738
+ display: flex;
739
+ flex-flow: column nowrap;
740
+ }
741
+
742
+
743
+
744
+ .rbc-time-gutter,
745
+ .rbc-header-gutter {
746
+ flex: none;
747
+ }
748
+
749
+
750
+
751
+ .rbc-label {
752
+ padding: 0 5px;
753
+ }
754
+
755
+
756
+
757
+ .rbc-day-slot {
758
+ position: relative;
759
+ }
760
+
761
+
762
+
763
+ .rbc-day-slot .rbc-events-container {
764
+ bottom: 0;
765
+ left: 0;
766
+ position: absolute;
767
+ right: 0;
768
+ margin-right: 10px;
769
+ top: 0;
770
+ }
771
+
772
+
773
+
774
+ .rbc-day-slot .rbc-events-container.rbc-rtl {
775
+ left: 10px;
776
+ right: 0;
777
+ }
778
+
779
+
780
+
781
+ .rbc-day-slot .rbc-event,
782
+ .rbc-day-slot .rbc-background-event {
783
+ border: 1px solid #265985;
784
+ display: flex;
785
+ max-height: 100%;
786
+ min-height: 20px;
787
+ flex-flow: column wrap;
788
+ align-items: flex-start;
789
+ overflow: hidden;
790
+ position: absolute;
791
+ }
792
+
793
+
794
+
795
+ .rbc-day-slot .rbc-background-event {
796
+ opacity: 0.75;
797
+ }
798
+
799
+
800
+
801
+ .rbc-day-slot .rbc-event-label {
802
+ flex: none;
803
+ padding-right: 5px;
804
+ width: auto;
805
+ }
806
+
807
+
808
+
809
+ .rbc-day-slot .rbc-event-content {
810
+ width: 100%;
811
+ flex: 1 1 0;
812
+ word-wrap: break-word;
813
+ line-height: 1;
814
+ height: 100%;
815
+ min-height: 1em;
816
+ }
817
+
818
+
819
+
820
+ .rbc-day-slot .rbc-time-slot {
821
+ border-top: 1px solid hsl(var(--border));
822
+ }
823
+
824
+
825
+
826
+ .rbc-time-view-resources .rbc-time-gutter,
827
+ .rbc-time-view-resources .rbc-time-header-gutter {
828
+ position: sticky;
829
+ left: 0;
830
+ background-color: white;
831
+ border-right: 1px solid hsl(var(--border));
832
+ z-index: 10;
833
+ margin-right: -1px;
834
+ }
835
+
836
+
837
+
838
+ .rbc-time-view-resources .rbc-time-header {
839
+ overflow: hidden;
840
+ }
841
+
842
+
843
+
844
+ .rbc-time-view-resources .rbc-time-header-content {
845
+ min-width: auto;
846
+ flex: 1 0 0;
847
+ flex-basis: 0px;
848
+ }
849
+
850
+
851
+
852
+ .rbc-time-view-resources .rbc-time-header-cell-single-day {
853
+ display: none;
854
+ }
855
+
856
+
857
+
858
+ .rbc-time-view-resources .rbc-day-slot {
859
+ min-width: 140px;
860
+ }
861
+
862
+
863
+
864
+ .rbc-time-view-resources .rbc-header,
865
+ .rbc-time-view-resources .rbc-day-bg {
866
+ width: 140px;
867
+ flex: 1 1 0;
868
+ flex-basis: 0 px;
869
+ }
870
+
871
+
872
+
873
+ .rbc-time-header-content+.rbc-time-header-content {
874
+ margin-left: -1px;
875
+ }
876
+
877
+
878
+
879
+ .rbc-time-slot {
880
+ flex: 1 0 0;
881
+ }
882
+
883
+
884
+
885
+ .rbc-time-slot.rbc-now {
886
+ font-weight: bold;
887
+ }
888
+
889
+
890
+
891
+ .rbc-day-header {
892
+ text-align: center;
893
+ }
894
+
895
+
896
+
897
+ .rbc-slot-selection {
898
+ z-index: 10;
899
+ position: absolute;
900
+ background-color: rgba(0, 0, 0, 0.5);
901
+ color: white;
902
+ font-size: 75%;
903
+ width: 100%;
904
+ padding: 3px;
905
+ }
906
+
907
+
908
+
909
+ .rbc-slot-selecting {
910
+ cursor: move;
911
+ }
912
+
913
+
914
+
915
+ .rbc-time-view {
916
+ display: flex;
917
+ flex-direction: column;
918
+ flex: 1;
919
+ width: 100%;
920
+ border: 1px solid hsl(var(--border));
921
+ min-height: 0;
922
+ }
923
+
924
+
925
+
926
+ .rbc-time-view .rbc-time-gutter {
927
+ white-space: nowrap;
928
+ text-align: right;
929
+ }
930
+
931
+
932
+
933
+ .rbc-time-view .rbc-allday-cell {
934
+ box-sizing: content-box;
935
+ width: 100%;
936
+ height: 100%;
937
+ position: relative;
938
+ }
939
+
940
+
941
+
942
+ .rbc-time-view .rbc-allday-cell+.rbc-allday-cell {
943
+ border-left: 1px solid hsl(var(--border));
944
+ }
945
+
946
+
947
+
948
+ .rbc-time-view .rbc-allday-events {
949
+ position: relative;
950
+ z-index: 4;
951
+ }
952
+
953
+
954
+
955
+ .rbc-time-view .rbc-row {
956
+ box-sizing: border-box;
957
+ min-height: 20px;
958
+ }
959
+
960
+
961
+
962
+ .rbc-time-header {
963
+ display: flex;
964
+ flex: 0 0 auto;
965
+ flex-direction: row;
966
+ }
967
+
968
+
969
+
970
+ .rbc-time-header.rbc-overflowing {
971
+ border-right: 1px solid hsl(var(--border));
972
+ }
973
+
974
+
975
+
976
+ .rbc-rtl .rbc-time-header.rbc-overflowing {
977
+ border-right-width: 0;
978
+ border-left: 1px solid hsl(var(--border));
979
+ }
980
+
981
+
982
+
983
+ .rbc-time-header>.rbc-row:first-child {
984
+ border-bottom: 1px solid hsl(var(--border));
985
+ }
986
+
987
+
988
+
989
+ .rbc-time-header>.rbc-row.rbc-row-resource {
990
+ border-bottom: 1px solid hsl(var(--border));
991
+ }
992
+
993
+
994
+
995
+ .rbc-time-header-cell-single-day {
996
+ display: none;
997
+ }
998
+
999
+
1000
+
1001
+ .rbc-time-header-content {
1002
+ flex: 1;
1003
+ display: flex;
1004
+ min-width: 0;
1005
+ flex-direction: column;
1006
+ border-left: 1px solid hsl(var(--border));
1007
+ }
1008
+
1009
+
1010
+
1011
+ .rbc-rtl .rbc-time-header-content {
1012
+ border-left-width: 0;
1013
+ border-right: 1px solid hsl(var(--border));
1014
+ }
1015
+
1016
+
1017
+
1018
+ .rbc-time-header-content>.rbc-row.rbc-row-resource {
1019
+ border-bottom: 1px solid hsl(var(--border));
1020
+ flex-shrink: 0;
1021
+ }
1022
+
1023
+
1024
+
1025
+ .rbc-time-content {
1026
+ display: flex;
1027
+ flex: 1 0 0%;
1028
+ align-items: flex-start;
1029
+ width: 100%;
1030
+ border-top: 2px solid hsl(var(--border));
1031
+ overflow-y: auto;
1032
+ position: relative;
1033
+ }
1034
+
1035
+
1036
+
1037
+ .rbc-time-content>.rbc-time-gutter {
1038
+ flex: none;
1039
+ }
1040
+
1041
+
1042
+
1043
+ .rbc-time-content>*+*>* {
1044
+ border-left: 1px solid hsl(var(--border));
1045
+ }
1046
+
1047
+
1048
+
1049
+ .rbc-rtl .rbc-time-content>*+*>* {
1050
+ border-left-width: 0;
1051
+ border-right: 1px solid hsl(var(--border));
1052
+ }
1053
+
1054
+
1055
+
1056
+ .rbc-time-content>.rbc-day-slot {
1057
+ width: 100%;
1058
+ -moz-user-select: none;
1059
+ user-select: none;
1060
+ -webkit-user-select: none;
1061
+ }
1062
+
1063
+
1064
+
1065
+ .rbc-current-time-indicator {
1066
+ position: absolute;
1067
+ z-index: 3;
1068
+ left: 0;
1069
+ right: 0;
1070
+ height: 1px;
1071
+ background-color: #74ad31;
1072
+ pointer-events: none;
1073
+ }
1074
+
1075
+
1076
+
1077
+ .rbc-resource-grouping.rbc-time-header-content {
1078
+ display: flex;
1079
+ flex-direction: column;
1080
+ }
1081
+
1082
+
1083
+
1084
+ .rbc-resource-grouping .rbc-row .rbc-header {
1085
+ width: 141px;
1086
+ }
1087
+
1088
+
1089
+
1090
+ .scrollbar-hidden {
1091
+ -ms-overflow-style: none;
1092
+ scrollbar-width: none;
1093
+ }
1094
+
1095
+
1096
+
1097
+ .scrollbar-hidden::-webkit-scrollbar {
1098
+ display: none;
1099
+ }
1100
+
1101
+
1102
+
1103
+ input[type="color"]::-webkit-color-swatch-wrapper {
1104
+ padding: 0;
1105
+ }
1106
+
1107
+
1108
+
1109
+ input[type="color"]::-webkit-color-swatch {
1110
+ border: none;
1111
+ border-radius: 50%;
1112
+ }
1113
+
1114
+
1115
+
1116
+ @custom-variant dark (&:is(.dark *));
1117
+
1118
+
1119
+
1120
+ @custom-variant blue-dark (&:is(.blue-dark *));
1121
+
1122
+
1123
+
1124
+ @theme inline {
1125
+ --color-background: var(--background);
1126
+ --color-foreground: var(--foreground);
1127
+ --font-sans: var(--font-geist-sans);
1128
+ --font-mono: var(--font-geist-mono);
1129
+ --color-sidebar-ring: var(--sidebar-ring);
1130
+ --color-sidebar-border: var(--sidebar-border);
1131
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
1132
+ --color-sidebar-accent: var(--sidebar-accent);
1133
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
1134
+ --color-sidebar-primary: var(--sidebar-primary);
1135
+ --color-sidebar-foreground: var(--sidebar-foreground);
1136
+ --color-sidebar: var(--sidebar);
1137
+ --color-chart-5: var(--chart-5);
1138
+ --color-chart-4: var(--chart-4);
1139
+ --color-chart-3: var(--chart-3);
1140
+ --color-chart-2: var(--chart-2);
1141
+ --color-chart-1: var(--chart-1);
1142
+ --color-ring: var(--ring);
1143
+ --color-input: var(--input);
1144
+ --color-border: var(--border);
1145
+ --color-destructive: var(--destructive);
1146
+ --color-accent-foreground: var(--accent-foreground);
1147
+ --color-accent: var(--accent);
1148
+ --color-muted-foreground: var(--muted-foreground);
1149
+ --color-muted: var(--muted);
1150
+ --color-secondary-foreground: var(--secondary-foreground);
1151
+ --color-secondary: var(--secondary);
1152
+ --color-primary-foreground: var(--primary-foreground);
1153
+ --color-primary: var(--primary);
1154
+ --color-popover-foreground: var(--popover-foreground);
1155
+ --color-popover: var(--popover);
1156
+ --color-card-foreground: var(--card-foreground);
1157
+ --color-card: var(--card);
1158
+ --color-btn-outlined: var(--btn-outlined);
1159
+ --radius-sm: calc(var(--radius) - 4px);
1160
+ --radius-md: calc(var(--radius) - 2px);
1161
+ --radius-lg: var(--radius);
1162
+ --radius-xl: calc(var(--radius) + 4px);
1163
+ }
1164
+
1165
+
1166
+
1167
+ :root {
1168
+ --radius: 0.625rem;
1169
+ --background: oklch(1 0 0);
1170
+ --foreground: oklch(0.145 0 0);
1171
+ --card: oklch(1 0 0);
1172
+ --card-foreground: oklch(0.145 0 0);
1173
+ --btn-outlined: oklch(1 0 0);
1174
+ --popover: oklch(1 0 0);
1175
+ --popover-foreground: oklch(0.145 0 0);
1176
+ --primary: oklch(0.205 0 0);
1177
+ --primary-foreground: oklch(0.985 0 0);
1178
+ --secondary: oklch(0.97 0 0);
1179
+ --secondary-foreground: oklch(0.205 0 0);
1180
+ --muted: oklch(0.97 0 0);
1181
+ --muted-foreground: oklch(0.556 0 0);
1182
+ --accent: oklch(0.97 0 0);
1183
+ --accent-foreground: oklch(0.205 0 0);
1184
+ --destructive: oklch(0.577 0.245 27.325);
1185
+ --border: oklch(0.922 0 0);
1186
+ --input: oklch(0.922 0 0);
1187
+ --ring: oklch(75.966% 0.0034 15.833);
1188
+ --chart-1: oklch(0.646 0.222 41.116);
1189
+ --chart-2: oklch(0.6 0.118 184.704);
1190
+ --chart-3: oklch(0.398 0.07 227.392);
1191
+ --chart-4: oklch(0.828 0.189 84.429);
1192
+ --chart-5: oklch(0.769 0.188 70.08);
1193
+ --sidebar: oklch(0.985 0 0);
1194
+ --sidebar-foreground: oklch(0.145 0 0);
1195
+ --sidebar-primary: oklch(0.205 0 0);
1196
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1197
+ --sidebar-accent: oklch(0.97 0 0);
1198
+ --sidebar-accent-foreground: oklch(0.205 0 0);
1199
+ --sidebar-border: oklch(0.922 0 0);
1200
+ --sidebar-ring: oklch(0.708 0 0);
1201
+ --progress-foreground: oklch(9.414% 0.02562 23.372 / 0.753);
1202
+ --progress-background: var(--ring);
1203
+ --keross-skeleton-bg: oklch(44.967% 0.00521 16.812 / 0.589);
1204
+ --hover-back: var(--ring);
1205
+ --calender-foreground: oklch(12.382% 0.00233 17.142);
1206
+ --contrast-color: oklch(12.382% 0.00233 17.142);
1207
+ --btn-secondary: #00000007;
1208
+ --btn-default: oklch(0.985 0 0);
1209
+ }
1210
+
1211
+
1212
+
1213
+ .dark {
1214
+ --background: #050505;
1215
+ --foreground: oklch(0.985 0 0);
1216
+ --card: oklch(0.2046 0 0);
1217
+ --card-foreground: oklch(0.985 0 0);
1218
+ --btn-outlined: oklch(0.1149 0.023 259.21);
1219
+ --popover: oklch(0.2458 0 0);
1220
+ --popover-foreground: oklch(0.985 0 0);
1221
+ --primary: oklch(0.922 0 0);
1222
+ --primary-foreground: oklch(0.205 0 0);
1223
+ --secondary: oklch(0.1913 0 0);
1224
+ --secondary-foreground: oklch(0.985 0 0);
1225
+ --muted: oklch(0.269 0 0);
1226
+ --muted-foreground: oklch(0.708 0 0);
1227
+ --accent: oklch(98.511% 0.00011 271.152);
1228
+ --accent-foreground: #050505;
1229
+ --calender-foreground: oklch(98.511% 0.00011 271.152);
1230
+ --destructive: #f43f5e;
1231
+ --border: #454545;
1232
+ --input: oklch(1 0 0 / 15%);
1233
+ --ring: oklch(0.556 0 0);
1234
+ --chart-1: #151515;
1235
+ --chart-2: oklch(0.696 0.17 162.48);
1236
+ --chart-3: oklch(0.769 0.188 70.08);
1237
+ --chart-4: oklch(0.627 0.265 303.9);
1238
+ --chart-5: oklch(0.645 0.246 16.439);
1239
+ --sidebar: oklch(0.205 0 0);
1240
+ --sidebar-foreground: oklch(0.985 0 0);
1241
+ --sidebar-primary: oklch(0.488 0.243 264.376);
1242
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1243
+ --sidebar-accent: oklch(0.269 0 0);
1244
+ --sidebar-accent-foreground: oklch(0.985 0 0);
1245
+ --sidebar-border: oklch(1 0 0 / 10%);
1246
+ --sidebar-ring: oklch(0.556 0 0);
1247
+ --input-background-custom: #151515;
1248
+ --progress-foreground: #f5f5f5;
1249
+ --progress-background: #404040;
1250
+ --keross-skeleton-bg: var(--accent);
1251
+ --hover-back: #171717;
1252
+ --contrast-color: oklch(12.382% 0.00233 17.142);
1253
+ --btn-secondary: #151515;
1254
+ --btn-default: #151515;
1255
+ }
1256
+
1257
+
1258
+
1259
+ .blue-dark {
1260
+ --background: oklch(0.2084 0.0417 266.36);
1261
+ --foreground: oklch(0.985 0 0);
1262
+ --card: oklch(0.2042 0.0395 267.53);
1263
+ --card-foreground: oklch(0.985 0 0);
1264
+ --btn-outlined: oklch(0.1897 0.0364 266.07);
1265
+ --popover: oklch(0.1915 0.0416 266.02);
1266
+ --popover-foreground: oklch(0.985 0 0);
1267
+ --primary: oklch(0.922 0 0);
1268
+ --primary-foreground: oklch(0.205 0 0);
1269
+ --secondary: oklch(0.2581 0.0378 266.31);
1270
+ --secondary-foreground: oklch(0.985 0 0);
1271
+ --muted: oklch(0.269 0 0);
1272
+ --muted-foreground: oklch(0.708 0 0);
1273
+ --accent: oklch(0.488 0.243 264.376);
1274
+ --accent-foreground: oklch(0.985 0 0);
1275
+ --calender-foreground: oklch(0.488 0.243 264.376);
1276
+ --destructive: #f43f5e;
1277
+ --border: #494f5e;
1278
+ --input: oklch(1 0 0 / 15%);
1279
+ --ring: #0c1324;
1280
+ --chart-1: oklch(0.488 0.243 264.376);
1281
+ --chart-2: oklch(0.696 0.17 162.48);
1282
+ --chart-3: oklch(0.769 0.188 70.08);
1283
+ --chart-4: oklch(0.627 0.265 303.9);
1284
+ --chart-5: oklch(0.645 0.246 16.439);
1285
+ --sidebar: #1b2336;
1286
+ --sidebar-foreground: oklch(0.985 0 0);
1287
+ --sidebar-primary: oklch(0.488 0.243 264.376);
1288
+ --sidebar-primary-foreground: oklch(0.985 0 0);
1289
+ --sidebar-accent: oklch(0.269 0 0);
1290
+ --sidebar-accent-foreground: oklch(0.985 0 0);
1291
+ --sidebar-border: oklch(1 0 0 / 10%);
1292
+ --sidebar-ring: oklch(0.556 0 0);
1293
+ --keross-checkbox-bg: var(--foreground);
1294
+ --keross-skeleton-bg: oklch(1 0 0 / 15%);
1295
+ --progress-foreground: #f5f5f5;
1296
+ --progress-background: #1d283a;
1297
+ --hover-back: oklch(0.2505 0.0528 266.07);
1298
+ --contrast-color: oklch(92.502% 0.00431 15.893);
1299
+ --btn-secondary: #00000033;
1300
+ --btn-default: oklch(0.985 0 0);
1301
+ }
1154
1302
 
1155
- input[type="color"]::-webkit-color-swatch {
1156
- border: none;
1157
- border-radius: 50%;
1158
- }
1159
- }