@salt-ds/theme 1.3.0 → 1.4.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.
- package/css/global.css +11 -0
- package/css/theme.css +34 -19
- package/index.css +45 -19
- package/package.json +1 -1
package/css/global.css
CHANGED
|
@@ -20,3 +20,14 @@
|
|
|
20
20
|
*::after {
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
}
|
|
23
|
+
.salt-visuallyHidden {
|
|
24
|
+
position: absolute;
|
|
25
|
+
height: 1px;
|
|
26
|
+
width: 1px;
|
|
27
|
+
padding: 0;
|
|
28
|
+
margin: -1px;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
clip: rect(0, 0, 0, 0);
|
|
31
|
+
white-space: nowrap;
|
|
32
|
+
border-width: 0;
|
|
33
|
+
}
|
package/css/theme.css
CHANGED
|
@@ -332,16 +332,23 @@
|
|
|
332
332
|
|
|
333
333
|
/* css/foundations/icon.css */
|
|
334
334
|
.salt-density-touch {
|
|
335
|
-
--salt-size-
|
|
335
|
+
--salt-icon-size-base: 16px;
|
|
336
|
+
--salt-icon-size-status-adornment: 12px;
|
|
336
337
|
}
|
|
337
338
|
.salt-density-low {
|
|
338
|
-
--salt-size-
|
|
339
|
+
--salt-icon-size-base: 14px;
|
|
340
|
+
--salt-icon-size-status-adornment: 10px;
|
|
339
341
|
}
|
|
340
342
|
.salt-density-medium {
|
|
341
|
-
--salt-size-
|
|
343
|
+
--salt-icon-size-base: 12px;
|
|
344
|
+
--salt-icon-size-status-adornment: 8px;
|
|
342
345
|
}
|
|
343
346
|
.salt-density-high {
|
|
344
|
-
--salt-size-
|
|
347
|
+
--salt-icon-size-base: 10px;
|
|
348
|
+
--salt-icon-size-status-adornment: 6px;
|
|
349
|
+
}
|
|
350
|
+
.salt-theme {
|
|
351
|
+
--salt-size-icon-base: var(--salt-icon-size-base);
|
|
345
352
|
}
|
|
346
353
|
|
|
347
354
|
/* css/foundations/opacity.css */
|
|
@@ -470,6 +477,10 @@
|
|
|
470
477
|
--salt-palette-opacity-primary-border: var(--salt-opacity-3);
|
|
471
478
|
--salt-palette-opacity-secondary-border: var(--salt-opacity-2);
|
|
472
479
|
--salt-palette-opacity-tertiary-border: var(--salt-opacity-1);
|
|
480
|
+
--salt-palette-error-background-emphasize: var(--salt-palette-error-background);
|
|
481
|
+
--salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);
|
|
482
|
+
--salt-palette-success-background-emphasize: var(--salt-palette-success-background);
|
|
483
|
+
--salt-palette-info-background-emphasize: var(--salt-palette-info-background);
|
|
473
484
|
}
|
|
474
485
|
.salt-theme[data-mode=light] {
|
|
475
486
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
@@ -525,24 +536,24 @@
|
|
|
525
536
|
--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
|
|
526
537
|
--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
|
|
527
538
|
--salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
|
|
528
|
-
--salt-palette-error-background
|
|
539
|
+
--salt-palette-error-background: var(--salt-color-red-10);
|
|
529
540
|
--salt-palette-error-background-selected: var(--salt-color-red-20);
|
|
530
541
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
531
542
|
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
532
543
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
533
544
|
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
534
|
-
--salt-palette-info-background
|
|
545
|
+
--salt-palette-info-background: var(--salt-color-blue-10);
|
|
535
546
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
536
547
|
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
537
548
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
538
549
|
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
539
|
-
--salt-palette-success-background
|
|
550
|
+
--salt-palette-success-background: var(--salt-color-green-10);
|
|
540
551
|
--salt-palette-success-background-selected: var(--salt-color-green-20);
|
|
541
552
|
--salt-palette-success-border: var(--salt-color-green-500);
|
|
542
553
|
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
543
554
|
--salt-palette-success-foreground: var(--salt-color-green-500);
|
|
544
555
|
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
545
|
-
--salt-palette-warning-background
|
|
556
|
+
--salt-palette-warning-background: var(--salt-color-orange-10);
|
|
546
557
|
--salt-palette-warning-background-selected: var(--salt-color-orange-20);
|
|
547
558
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
548
559
|
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
@@ -583,7 +594,6 @@
|
|
|
583
594
|
--salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
|
|
584
595
|
--salt-palette-neutral-tertiary-background: transparent;
|
|
585
596
|
--salt-palette-neutral-tertiary-background-disabled: transparent;
|
|
586
|
-
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
587
597
|
--salt-palette-neutral-tertiary-border: transparent;
|
|
588
598
|
--salt-palette-neutral-tertiary-border-disabled: transparent;
|
|
589
599
|
--salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
|
|
@@ -648,24 +658,24 @@
|
|
|
648
658
|
--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
|
|
649
659
|
--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
|
|
650
660
|
--salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
|
|
651
|
-
--salt-palette-error-background
|
|
661
|
+
--salt-palette-error-background: var(--salt-color-red-900);
|
|
652
662
|
--salt-palette-error-background-selected: var(--salt-color-red-900);
|
|
653
663
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
654
664
|
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
655
665
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
656
666
|
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
657
|
-
--salt-palette-info-background
|
|
667
|
+
--salt-palette-info-background: var(--salt-color-blue-900);
|
|
658
668
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
659
669
|
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
660
670
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
661
671
|
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
662
|
-
--salt-palette-success-background
|
|
672
|
+
--salt-palette-success-background: var(--salt-color-green-900);
|
|
663
673
|
--salt-palette-success-background-selected: var(--salt-color-green-900);
|
|
664
674
|
--salt-palette-success-border: var(--salt-color-green-400);
|
|
665
675
|
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
666
676
|
--salt-palette-success-foreground: var(--salt-color-green-400);
|
|
667
677
|
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
668
|
-
--salt-palette-warning-background
|
|
678
|
+
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
669
679
|
--salt-palette-warning-background-selected: var(--salt-color-orange-900);
|
|
670
680
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
671
681
|
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
@@ -706,7 +716,6 @@
|
|
|
706
716
|
--salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
|
|
707
717
|
--salt-palette-neutral-tertiary-background: transparent;
|
|
708
718
|
--salt-palette-neutral-tertiary-background-disabled: transparent;
|
|
709
|
-
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
710
719
|
--salt-palette-neutral-tertiary-border: transparent;
|
|
711
720
|
--salt-palette-neutral-tertiary-border-disabled: transparent;
|
|
712
721
|
--salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
|
|
@@ -730,6 +739,7 @@
|
|
|
730
739
|
--salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);
|
|
731
740
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
732
741
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
742
|
+
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
733
743
|
}
|
|
734
744
|
.salt-theme[data-mode=dark] {
|
|
735
745
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -744,6 +754,7 @@
|
|
|
744
754
|
--salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);
|
|
745
755
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
746
756
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
757
|
+
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
747
758
|
}
|
|
748
759
|
|
|
749
760
|
/* css/characteristics/accent.css */
|
|
@@ -880,12 +891,12 @@
|
|
|
880
891
|
--salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
|
|
881
892
|
--salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
|
|
882
893
|
--salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
|
|
894
|
+
--salt-editable-help-fontStyle: italic;
|
|
883
895
|
--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
|
|
884
896
|
--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
|
|
885
897
|
--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
|
|
886
898
|
--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
|
|
887
899
|
--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
|
|
888
|
-
--salt-editable-help-fontStyle: italic;
|
|
889
900
|
}
|
|
890
901
|
|
|
891
902
|
/* css/characteristics/focused.css */
|
|
@@ -1063,13 +1074,17 @@
|
|
|
1063
1074
|
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1064
1075
|
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1065
1076
|
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1066
|
-
--salt-status-info-background
|
|
1067
|
-
--salt-status-success-background
|
|
1068
|
-
--salt-status-warning-background
|
|
1069
|
-
--salt-status-error-background
|
|
1077
|
+
--salt-status-info-background: var(--salt-palette-info-background);
|
|
1078
|
+
--salt-status-success-background: var(--salt-palette-success-background);
|
|
1079
|
+
--salt-status-warning-background: var(--salt-palette-warning-background);
|
|
1080
|
+
--salt-status-error-background: var(--salt-palette-error-background);
|
|
1070
1081
|
--salt-status-success-background-selected: var(--salt-palette-success-background-selected);
|
|
1071
1082
|
--salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
|
|
1072
1083
|
--salt-status-error-background-selected: var(--salt-palette-error-background-selected);
|
|
1084
|
+
--salt-status-info-background-emphasize: var(--salt-status-info-background);
|
|
1085
|
+
--salt-status-success-background-emphasize: var(--salt-status-success-background);
|
|
1086
|
+
--salt-status-warning-background-emphasize: var(--salt-status-warning-background);
|
|
1087
|
+
--salt-status-error-background-emphasize: var(--salt-status-error-background);
|
|
1073
1088
|
}
|
|
1074
1089
|
|
|
1075
1090
|
/* css/characteristics/taggable.css */
|
package/index.css
CHANGED
|
@@ -20,6 +20,17 @@
|
|
|
20
20
|
*::after {
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
}
|
|
23
|
+
.salt-visuallyHidden {
|
|
24
|
+
position: absolute;
|
|
25
|
+
height: 1px;
|
|
26
|
+
width: 1px;
|
|
27
|
+
padding: 0;
|
|
28
|
+
margin: -1px;
|
|
29
|
+
overflow: hidden;
|
|
30
|
+
clip: rect(0, 0, 0, 0);
|
|
31
|
+
white-space: nowrap;
|
|
32
|
+
border-width: 0;
|
|
33
|
+
}
|
|
23
34
|
|
|
24
35
|
/* css/foundations/animation.css */
|
|
25
36
|
.salt-density-touch,
|
|
@@ -355,16 +366,23 @@
|
|
|
355
366
|
|
|
356
367
|
/* css/foundations/icon.css */
|
|
357
368
|
.salt-density-touch {
|
|
358
|
-
--salt-size-
|
|
369
|
+
--salt-icon-size-base: 16px;
|
|
370
|
+
--salt-icon-size-status-adornment: 12px;
|
|
359
371
|
}
|
|
360
372
|
.salt-density-low {
|
|
361
|
-
--salt-size-
|
|
373
|
+
--salt-icon-size-base: 14px;
|
|
374
|
+
--salt-icon-size-status-adornment: 10px;
|
|
362
375
|
}
|
|
363
376
|
.salt-density-medium {
|
|
364
|
-
--salt-size-
|
|
377
|
+
--salt-icon-size-base: 12px;
|
|
378
|
+
--salt-icon-size-status-adornment: 8px;
|
|
365
379
|
}
|
|
366
380
|
.salt-density-high {
|
|
367
|
-
--salt-size-
|
|
381
|
+
--salt-icon-size-base: 10px;
|
|
382
|
+
--salt-icon-size-status-adornment: 6px;
|
|
383
|
+
}
|
|
384
|
+
.salt-theme {
|
|
385
|
+
--salt-size-icon-base: var(--salt-icon-size-base);
|
|
368
386
|
}
|
|
369
387
|
|
|
370
388
|
/* css/foundations/opacity.css */
|
|
@@ -493,6 +511,10 @@
|
|
|
493
511
|
--salt-palette-opacity-primary-border: var(--salt-opacity-3);
|
|
494
512
|
--salt-palette-opacity-secondary-border: var(--salt-opacity-2);
|
|
495
513
|
--salt-palette-opacity-tertiary-border: var(--salt-opacity-1);
|
|
514
|
+
--salt-palette-error-background-emphasize: var(--salt-palette-error-background);
|
|
515
|
+
--salt-palette-warning-background-emphasize: var(--salt-palette-warning-background);
|
|
516
|
+
--salt-palette-success-background-emphasize: var(--salt-palette-success-background);
|
|
517
|
+
--salt-palette-info-background-emphasize: var(--salt-palette-info-background);
|
|
496
518
|
}
|
|
497
519
|
.salt-theme[data-mode=light] {
|
|
498
520
|
--salt-palette-accent-background: var(--salt-color-blue-500);
|
|
@@ -548,24 +570,24 @@
|
|
|
548
570
|
--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-white-fade-foreground);
|
|
549
571
|
--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-gray-900-fade-foreground);
|
|
550
572
|
--salt-palette-interact-secondary-foreground-hover: var(--salt-color-gray-900);
|
|
551
|
-
--salt-palette-error-background
|
|
573
|
+
--salt-palette-error-background: var(--salt-color-red-10);
|
|
552
574
|
--salt-palette-error-background-selected: var(--salt-color-red-20);
|
|
553
575
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
554
576
|
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
555
577
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
556
578
|
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
557
|
-
--salt-palette-info-background
|
|
579
|
+
--salt-palette-info-background: var(--salt-color-blue-10);
|
|
558
580
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
559
581
|
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
560
582
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
561
583
|
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
562
|
-
--salt-palette-success-background
|
|
584
|
+
--salt-palette-success-background: var(--salt-color-green-10);
|
|
563
585
|
--salt-palette-success-background-selected: var(--salt-color-green-20);
|
|
564
586
|
--salt-palette-success-border: var(--salt-color-green-500);
|
|
565
587
|
--salt-palette-success-border-disabled: var(--salt-color-green-500-fade-border);
|
|
566
588
|
--salt-palette-success-foreground: var(--salt-color-green-500);
|
|
567
589
|
--salt-palette-success-foreground-disabled: var(--salt-color-green-500-fade-foreground);
|
|
568
|
-
--salt-palette-warning-background
|
|
590
|
+
--salt-palette-warning-background: var(--salt-color-orange-10);
|
|
569
591
|
--salt-palette-warning-background-selected: var(--salt-color-orange-20);
|
|
570
592
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
571
593
|
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-fade-border);
|
|
@@ -606,7 +628,6 @@
|
|
|
606
628
|
--salt-palette-neutral-secondary-separator: var(--salt-color-black-fade-separatorOpacity-secondary);
|
|
607
629
|
--salt-palette-neutral-tertiary-background: transparent;
|
|
608
630
|
--salt-palette-neutral-tertiary-background-disabled: transparent;
|
|
609
|
-
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
610
631
|
--salt-palette-neutral-tertiary-border: transparent;
|
|
611
632
|
--salt-palette-neutral-tertiary-border-disabled: transparent;
|
|
612
633
|
--salt-palette-neutral-tertiary-separator: var(--salt-color-black-fade-separatorOpacity-tertiary);
|
|
@@ -671,24 +692,24 @@
|
|
|
671
692
|
--salt-palette-interact-secondary-foreground-activeDisabled: var(--salt-color-gray-900-fade-foreground);
|
|
672
693
|
--salt-palette-interact-secondary-foreground-disabled: var(--salt-color-white-fade-foreground);
|
|
673
694
|
--salt-palette-interact-secondary-foreground-hover: var(--salt-color-white);
|
|
674
|
-
--salt-palette-error-background
|
|
695
|
+
--salt-palette-error-background: var(--salt-color-red-900);
|
|
675
696
|
--salt-palette-error-background-selected: var(--salt-color-red-900);
|
|
676
697
|
--salt-palette-error-border: var(--salt-color-red-500);
|
|
677
698
|
--salt-palette-error-border-disabled: var(--salt-color-red-500-fade-border);
|
|
678
699
|
--salt-palette-error-foreground: var(--salt-color-red-500);
|
|
679
700
|
--salt-palette-error-foreground-disabled: var(--salt-color-red-500-fade-foreground);
|
|
680
|
-
--salt-palette-info-background
|
|
701
|
+
--salt-palette-info-background: var(--salt-color-blue-900);
|
|
681
702
|
--salt-palette-info-border: var(--salt-color-blue-500);
|
|
682
703
|
--salt-palette-info-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
683
704
|
--salt-palette-info-foreground: var(--salt-color-blue-500);
|
|
684
705
|
--salt-palette-info-foreground-disabled: var(--salt-color-blue-500-fade-foreground);
|
|
685
|
-
--salt-palette-success-background
|
|
706
|
+
--salt-palette-success-background: var(--salt-color-green-900);
|
|
686
707
|
--salt-palette-success-background-selected: var(--salt-color-green-900);
|
|
687
708
|
--salt-palette-success-border: var(--salt-color-green-400);
|
|
688
709
|
--salt-palette-success-border-disabled: var(--salt-color-green-400-fade-border);
|
|
689
710
|
--salt-palette-success-foreground: var(--salt-color-green-400);
|
|
690
711
|
--salt-palette-success-foreground-disabled: var(--salt-color-green-400-fade-foreground);
|
|
691
|
-
--salt-palette-warning-background
|
|
712
|
+
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
692
713
|
--salt-palette-warning-background-selected: var(--salt-color-orange-900);
|
|
693
714
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
694
715
|
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-fade-border);
|
|
@@ -729,7 +750,6 @@
|
|
|
729
750
|
--salt-palette-neutral-secondary-separator: var(--salt-color-white-fade-separatorOpacity-secondary);
|
|
730
751
|
--salt-palette-neutral-tertiary-background: transparent;
|
|
731
752
|
--salt-palette-neutral-tertiary-background-disabled: transparent;
|
|
732
|
-
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
733
753
|
--salt-palette-neutral-tertiary-border: transparent;
|
|
734
754
|
--salt-palette-neutral-tertiary-border-disabled: transparent;
|
|
735
755
|
--salt-palette-neutral-tertiary-separator: var(--salt-color-white-fade-separatorOpacity-tertiary);
|
|
@@ -753,6 +773,7 @@
|
|
|
753
773
|
--salt-palette-measured-background-disabled: var(--salt-color-gray-60-fade-background);
|
|
754
774
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
755
775
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
776
|
+
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
756
777
|
}
|
|
757
778
|
.salt-theme[data-mode=dark] {
|
|
758
779
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -767,6 +788,7 @@
|
|
|
767
788
|
--salt-palette-measured-background-disabled: var(--salt-color-gray-300-fade-background);
|
|
768
789
|
--salt-palette-measured-border: var(--salt-color-gray-90);
|
|
769
790
|
--salt-palette-measured-border-disabled: var(--salt-color-gray-90-fade-border);
|
|
791
|
+
--salt-palette-neutral-tertiary-background-readonly: transparent;
|
|
770
792
|
}
|
|
771
793
|
|
|
772
794
|
/* css/characteristics/accent.css */
|
|
@@ -903,12 +925,12 @@
|
|
|
903
925
|
--salt-editable-secondary-background-disabled: var(--salt-palette-neutral-secondary-background-disabled);
|
|
904
926
|
--salt-editable-secondary-background-hover: var(--salt-palette-neutral-secondary-background);
|
|
905
927
|
--salt-editable-secondary-background-readonly: var(--salt-palette-neutral-secondary-background-readonly);
|
|
928
|
+
--salt-editable-help-fontStyle: italic;
|
|
906
929
|
--salt-editable-tertiary-background: var(--salt-palette-neutral-tertiary-background);
|
|
907
930
|
--salt-editable-tertiary-background-active: var(--salt-palette-neutral-tertiary-background);
|
|
908
931
|
--salt-editable-tertiary-background-disabled: var(--salt-palette-neutral-tertiary-background-disabled);
|
|
909
932
|
--salt-editable-tertiary-background-hover: var(--salt-palette-neutral-tertiary-background);
|
|
910
933
|
--salt-editable-tertiary-background-readonly: var(--salt-palette-neutral-tertiary-background-readonly);
|
|
911
|
-
--salt-editable-help-fontStyle: italic;
|
|
912
934
|
}
|
|
913
935
|
|
|
914
936
|
/* css/characteristics/focused.css */
|
|
@@ -1086,13 +1108,17 @@
|
|
|
1086
1108
|
--salt-status-success-borderColor-disabled: var(--salt-palette-success-border-disabled);
|
|
1087
1109
|
--salt-status-warning-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1088
1110
|
--salt-status-error-borderColor-disabled: var(--salt-palette-error-border-disabled);
|
|
1089
|
-
--salt-status-info-background
|
|
1090
|
-
--salt-status-success-background
|
|
1091
|
-
--salt-status-warning-background
|
|
1092
|
-
--salt-status-error-background
|
|
1111
|
+
--salt-status-info-background: var(--salt-palette-info-background);
|
|
1112
|
+
--salt-status-success-background: var(--salt-palette-success-background);
|
|
1113
|
+
--salt-status-warning-background: var(--salt-palette-warning-background);
|
|
1114
|
+
--salt-status-error-background: var(--salt-palette-error-background);
|
|
1093
1115
|
--salt-status-success-background-selected: var(--salt-palette-success-background-selected);
|
|
1094
1116
|
--salt-status-warning-background-selected: var(--salt-palette-warning-background-selected);
|
|
1095
1117
|
--salt-status-error-background-selected: var(--salt-palette-error-background-selected);
|
|
1118
|
+
--salt-status-info-background-emphasize: var(--salt-status-info-background);
|
|
1119
|
+
--salt-status-success-background-emphasize: var(--salt-status-success-background);
|
|
1120
|
+
--salt-status-warning-background-emphasize: var(--salt-status-warning-background);
|
|
1121
|
+
--salt-status-error-background-emphasize: var(--salt-status-error-background);
|
|
1096
1122
|
}
|
|
1097
1123
|
|
|
1098
1124
|
/* css/characteristics/taggable.css */
|