@salt-ds/theme 1.34.0 → 1.35.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/theme-next.css +196 -167
- package/css/theme.css +104 -89
- package/index.css +104 -89
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -1164,14 +1164,12 @@
|
|
|
1164
1164
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1165
1165
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1166
1166
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-600);
|
|
1167
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
1168
1167
|
}
|
|
1169
1168
|
.salt-theme[data-mode=dark] {
|
|
1170
1169
|
--salt-palette-accent: var(--salt-color-blue-500);
|
|
1171
1170
|
--salt-palette-accent-disabled: var(--salt-color-blue-500-40a);
|
|
1172
1171
|
--salt-palette-accent-foreground: var(--salt-color-white);
|
|
1173
1172
|
--salt-palette-accent-foreground-informative: var(--salt-color-blue-200);
|
|
1174
|
-
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
1175
1173
|
}
|
|
1176
1174
|
|
|
1177
1175
|
/* css/legacy/palette/alpha.css */
|
|
@@ -1407,7 +1405,6 @@
|
|
|
1407
1405
|
--salt-palette-interact-outline: var(--salt-color-blue-600);
|
|
1408
1406
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1409
1407
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1410
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1411
1408
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1412
1409
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1413
1410
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1415,7 +1412,6 @@
|
|
|
1415
1412
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1416
1413
|
--salt-palette-interact-primary-background: var(--salt-color-gray-60);
|
|
1417
1414
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-200);
|
|
1418
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
1419
1415
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-40);
|
|
1420
1416
|
--salt-palette-interact-primary-foreground: var(--salt-color-gray-900);
|
|
1421
1417
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-white);
|
|
@@ -1446,7 +1442,6 @@
|
|
|
1446
1442
|
--salt-palette-interact-outline: var(--salt-color-blue-100);
|
|
1447
1443
|
--salt-palette-interact-cta-background: var(--salt-color-blue-600);
|
|
1448
1444
|
--salt-palette-interact-cta-background-active: var(--salt-color-blue-700);
|
|
1449
|
-
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
1450
1445
|
--salt-palette-interact-cta-background-hover: var(--salt-color-blue-500);
|
|
1451
1446
|
--salt-palette-interact-cta-foreground: var(--salt-color-white);
|
|
1452
1447
|
--salt-palette-interact-cta-foreground-disabled: var(--salt-color-white-40a);
|
|
@@ -1454,7 +1449,6 @@
|
|
|
1454
1449
|
--salt-palette-interact-cta-border-active: var(--salt-color-blue-700);
|
|
1455
1450
|
--salt-palette-interact-primary-background: var(--salt-color-gray-300);
|
|
1456
1451
|
--salt-palette-interact-primary-background-active: var(--salt-color-gray-70);
|
|
1457
|
-
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
1458
1452
|
--salt-palette-interact-primary-background-hover: var(--salt-color-gray-200);
|
|
1459
1453
|
--salt-palette-interact-primary-foreground: var(--salt-color-white);
|
|
1460
1454
|
--salt-palette-interact-primary-foreground-active: var(--salt-color-gray-900);
|
|
@@ -1483,23 +1477,17 @@
|
|
|
1483
1477
|
/* css/legacy/palette/negative.css */
|
|
1484
1478
|
.salt-theme[data-mode=light] {
|
|
1485
1479
|
--salt-palette-negative-foreground: var(--salt-color-red-600);
|
|
1486
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
1487
1480
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1488
1481
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1489
1482
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1490
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1491
1483
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1492
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1493
1484
|
}
|
|
1494
1485
|
.salt-theme[data-mode=dark] {
|
|
1495
1486
|
--salt-palette-negative-foreground: var(--salt-color-red-200);
|
|
1496
|
-
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
1497
1487
|
--salt-palette-negative-background: var(--salt-color-red-600);
|
|
1498
1488
|
--salt-palette-negative-background-hover: var(--salt-color-red-500);
|
|
1499
1489
|
--salt-palette-negative-background-active: var(--salt-color-red-700);
|
|
1500
|
-
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
1501
1490
|
--salt-palette-negative-border: var(--salt-color-red-500);
|
|
1502
|
-
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
1503
1491
|
}
|
|
1504
1492
|
|
|
1505
1493
|
/* css/legacy/palette/neutral.css */
|
|
@@ -1535,23 +1523,17 @@
|
|
|
1535
1523
|
/* css/legacy/palette/positive.css */
|
|
1536
1524
|
.salt-theme[data-mode=light] {
|
|
1537
1525
|
--salt-palette-positive-foreground: var(--salt-color-green-600);
|
|
1538
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
1539
1526
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1540
1527
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1541
1528
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1542
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1543
1529
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1544
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1545
1530
|
}
|
|
1546
1531
|
.salt-theme[data-mode=dark] {
|
|
1547
1532
|
--salt-palette-positive-foreground: var(--salt-color-green-200);
|
|
1548
|
-
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
1549
1533
|
--salt-palette-positive-background: var(--salt-color-green-600);
|
|
1550
1534
|
--salt-palette-positive-background-hover: var(--salt-color-green-500);
|
|
1551
1535
|
--salt-palette-positive-background-active: var(--salt-color-green-700);
|
|
1552
|
-
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
1553
1536
|
--salt-palette-positive-border: var(--salt-color-green-500);
|
|
1554
|
-
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
1555
1537
|
}
|
|
1556
1538
|
|
|
1557
1539
|
/* css/legacy/palette/shadow.css */
|
|
@@ -1617,32 +1599,24 @@
|
|
|
1617
1599
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1618
1600
|
--salt-palette-warning-background-selected: var(--salt-color-orange-30);
|
|
1619
1601
|
--salt-palette-warning-border: var(--salt-color-orange-700);
|
|
1620
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
1621
1602
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-700);
|
|
1622
1603
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-850);
|
|
1623
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
1624
1604
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1625
1605
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1626
1606
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1627
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1628
1607
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1629
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1630
1608
|
}
|
|
1631
1609
|
.salt-theme[data-mode=dark] {
|
|
1632
1610
|
--salt-palette-warning-background: var(--salt-color-orange-900);
|
|
1633
1611
|
--salt-palette-warning-bold-background: var(--salt-color-orange-800);
|
|
1634
1612
|
--salt-palette-warning-background-selected: var(--salt-color-orange-875);
|
|
1635
1613
|
--salt-palette-warning-border: var(--salt-color-orange-500);
|
|
1636
|
-
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
1637
1614
|
--salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
|
|
1638
1615
|
--salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
|
|
1639
|
-
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
1640
1616
|
--salt-palette-warning-action: var(--salt-color-orange-600);
|
|
1641
1617
|
--salt-palette-warning-action-hover: var(--salt-color-orange-500);
|
|
1642
1618
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
1643
|
-
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
1644
1619
|
--salt-palette-warning-action-foreground: var(--salt-color-gray-900);
|
|
1645
|
-
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
1646
1620
|
}
|
|
1647
1621
|
|
|
1648
1622
|
/* css/legacy/characteristics/accent.css */
|
|
@@ -1657,183 +1631,153 @@
|
|
|
1657
1631
|
/* css/legacy/characteristics/actionable.css */
|
|
1658
1632
|
.salt-theme {
|
|
1659
1633
|
--salt-actionable-accented-bold-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1660
|
-
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
1661
1634
|
--salt-actionable-accented-bold-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1662
1635
|
--salt-actionable-accented-bold-background: var(--salt-palette-interact-cta-background);
|
|
1663
1636
|
--salt-actionable-accented-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1664
|
-
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1665
1637
|
--salt-actionable-accented-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1666
1638
|
--salt-actionable-accented-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1667
1639
|
--salt-actionable-accented-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1668
|
-
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1669
1640
|
--salt-actionable-accented-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1670
1641
|
--salt-actionable-accented-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1671
|
-
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1672
|
-
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
1673
|
-
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1674
|
-
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1675
|
-
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1676
|
-
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1677
|
-
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1678
|
-
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1679
|
-
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1680
|
-
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1681
|
-
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1682
|
-
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1683
1642
|
--salt-actionable-accented-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1684
|
-
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
1685
1643
|
--salt-actionable-accented-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1686
1644
|
--salt-actionable-accented-background: var(--salt-palette-alpha-none);
|
|
1687
1645
|
--salt-actionable-accented-borderColor-active: var(--salt-palette-interact-cta-border-active);
|
|
1688
|
-
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
1689
1646
|
--salt-actionable-accented-borderColor-hover: var(--salt-palette-interact-cta-border-hover);
|
|
1690
1647
|
--salt-actionable-accented-borderColor: var(--salt-palette-accent);
|
|
1691
1648
|
--salt-actionable-accented-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1692
|
-
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1693
1649
|
--salt-actionable-accented-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1694
1650
|
--salt-actionable-accented-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1695
|
-
--salt-actionable-background-
|
|
1696
|
-
--salt-actionable-
|
|
1697
|
-
--salt-actionable-
|
|
1698
|
-
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1699
|
-
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1700
|
-
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
1701
|
-
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1702
|
-
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1703
|
-
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1704
|
-
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1705
|
-
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1706
|
-
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1651
|
+
--salt-actionable-accented-background-selected: var(--salt-palette-interact-cta-background-active);
|
|
1652
|
+
--salt-actionable-accented-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1653
|
+
--salt-actionable-accented-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1707
1654
|
--salt-actionable-accented-subtle-background-active: var(--salt-palette-interact-cta-background-active);
|
|
1708
|
-
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1709
1655
|
--salt-actionable-accented-subtle-background-hover: var(--salt-palette-interact-cta-background-hover);
|
|
1710
1656
|
--salt-actionable-accented-subtle-background: var(--salt-palette-alpha-none);
|
|
1711
1657
|
--salt-actionable-accented-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1712
|
-
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1713
1658
|
--salt-actionable-accented-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1714
1659
|
--salt-actionable-accented-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1715
1660
|
--salt-actionable-accented-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1716
|
-
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
1717
1661
|
--salt-actionable-accented-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1718
1662
|
--salt-actionable-accented-subtle-foreground: var(--salt-palette-accent-foreground-informative);
|
|
1663
|
+
--salt-actionable-bold-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1664
|
+
--salt-actionable-bold-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1665
|
+
--salt-actionable-bold-background: var(--salt-palette-interact-primary-background);
|
|
1666
|
+
--salt-actionable-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1667
|
+
--salt-actionable-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1668
|
+
--salt-actionable-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1669
|
+
--salt-actionable-bold-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1670
|
+
--salt-actionable-bold-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1671
|
+
--salt-actionable-bold-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1672
|
+
--salt-actionable-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1673
|
+
--salt-actionable-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1674
|
+
--salt-actionable-background: var(--salt-palette-alpha-none);
|
|
1675
|
+
--salt-actionable-borderColor-active: var(--salt-palette-alpha-none);
|
|
1676
|
+
--salt-actionable-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1677
|
+
--salt-actionable-borderColor: var(--salt-palette-interact-border);
|
|
1678
|
+
--salt-actionable-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1679
|
+
--salt-actionable-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1680
|
+
--salt-actionable-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1681
|
+
--salt-actionable-background-selected: var(--salt-palette-interact-primary-background-active);
|
|
1682
|
+
--salt-actionable-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1683
|
+
--salt-actionable-foreground-selected: var(--salt-palette-interact-primary-foreground-active);
|
|
1719
1684
|
--salt-actionable-subtle-background-active: var(--salt-palette-interact-primary-background-active);
|
|
1720
|
-
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1721
1685
|
--salt-actionable-subtle-background-hover: var(--salt-palette-interact-primary-background-hover);
|
|
1722
1686
|
--salt-actionable-subtle-background: var(--salt-palette-alpha-none);
|
|
1723
1687
|
--salt-actionable-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1724
|
-
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1725
1688
|
--salt-actionable-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1726
1689
|
--salt-actionable-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1727
1690
|
--salt-actionable-subtle-foreground-active: var(--salt-palette-interact-primary-foreground-active);
|
|
1728
|
-
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
1729
1691
|
--salt-actionable-subtle-foreground-hover: var(--salt-palette-neutral-primary-foreground);
|
|
1730
1692
|
--salt-actionable-subtle-foreground: var(--salt-palette-neutral-primary-foreground);
|
|
1731
1693
|
--salt-actionable-negative-bold-background-active: var(--salt-palette-negative-background-active);
|
|
1732
|
-
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
1733
1694
|
--salt-actionable-negative-bold-background-hover: var(--salt-palette-negative-background-hover);
|
|
1734
1695
|
--salt-actionable-negative-bold-background: var(--salt-palette-negative-background);
|
|
1735
1696
|
--salt-actionable-negative-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1736
|
-
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1737
1697
|
--salt-actionable-negative-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1738
1698
|
--salt-actionable-negative-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1739
1699
|
--salt-actionable-negative-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1740
|
-
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1741
1700
|
--salt-actionable-negative-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1742
1701
|
--salt-actionable-negative-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1743
1702
|
--salt-actionable-negative-background-active: var(--salt-palette-negative-background-active);
|
|
1744
|
-
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
1745
1703
|
--salt-actionable-negative-background-hover: var(--salt-palette-negative-background-hover);
|
|
1746
1704
|
--salt-actionable-negative-background: var(--salt-palette-alpha-none);
|
|
1747
1705
|
--salt-actionable-negative-borderColor-active: var(--salt-palette-alpha-none);
|
|
1748
|
-
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
1749
1706
|
--salt-actionable-negative-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1750
1707
|
--salt-actionable-negative-borderColor: var(--salt-palette-negative-border);
|
|
1751
1708
|
--salt-actionable-negative-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1752
|
-
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1753
1709
|
--salt-actionable-negative-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1754
1710
|
--salt-actionable-negative-foreground: var(--salt-palette-negative-foreground);
|
|
1711
|
+
--salt-actionable-negative-background-selected: var(--salt-palette-negative-background-active);
|
|
1712
|
+
--salt-actionable-negative-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1713
|
+
--salt-actionable-negative-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1755
1714
|
--salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-background-active);
|
|
1756
|
-
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1757
1715
|
--salt-actionable-negative-subtle-background-hover: var(--salt-palette-negative-background-hover);
|
|
1758
1716
|
--salt-actionable-negative-subtle-background: var(--salt-palette-alpha-none);
|
|
1759
1717
|
--salt-actionable-negative-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1760
|
-
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1761
1718
|
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1762
1719
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1763
1720
|
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1764
|
-
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
1765
1721
|
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1766
1722
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-foreground);
|
|
1767
1723
|
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-background-active);
|
|
1768
|
-
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
1769
1724
|
--salt-actionable-positive-bold-background-hover: var(--salt-palette-positive-background-hover);
|
|
1770
1725
|
--salt-actionable-positive-bold-background: var(--salt-palette-positive-background);
|
|
1771
1726
|
--salt-actionable-positive-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1772
|
-
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1773
1727
|
--salt-actionable-positive-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1774
1728
|
--salt-actionable-positive-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1775
1729
|
--salt-actionable-positive-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1776
|
-
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
1777
1730
|
--salt-actionable-positive-bold-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1778
1731
|
--salt-actionable-positive-bold-foreground: var(--salt-palette-interact-cta-foreground);
|
|
1779
1732
|
--salt-actionable-positive-background-active: var(--salt-palette-positive-background-active);
|
|
1780
|
-
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
1781
1733
|
--salt-actionable-positive-background-hover: var(--salt-palette-positive-background-hover);
|
|
1782
1734
|
--salt-actionable-positive-background: var(--salt-palette-alpha-none);
|
|
1783
1735
|
--salt-actionable-positive-borderColor-active: var(--salt-palette-alpha-none);
|
|
1784
|
-
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
1785
1736
|
--salt-actionable-positive-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1786
1737
|
--salt-actionable-positive-borderColor: var(--salt-palette-positive-border);
|
|
1787
1738
|
--salt-actionable-positive-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1788
|
-
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1789
1739
|
--salt-actionable-positive-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1790
1740
|
--salt-actionable-positive-foreground: var(--salt-palette-positive-foreground);
|
|
1741
|
+
--salt-actionable-positive-background-selected: var(--salt-palette-positive-background-active);
|
|
1742
|
+
--salt-actionable-positive-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1743
|
+
--salt-actionable-positive-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1791
1744
|
--salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-background-active);
|
|
1792
|
-
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1793
1745
|
--salt-actionable-positive-subtle-background-hover: var(--salt-palette-positive-background-hover);
|
|
1794
1746
|
--salt-actionable-positive-subtle-background: var(--salt-palette-alpha-none);
|
|
1795
1747
|
--salt-actionable-positive-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1796
|
-
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1797
1748
|
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1798
1749
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1799
1750
|
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1800
|
-
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
1801
1751
|
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-interact-cta-foreground);
|
|
1802
1752
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-foreground);
|
|
1803
1753
|
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
|
|
1804
|
-
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
1805
1754
|
--salt-actionable-caution-bold-background-hover: var(--salt-palette-warning-action-hover);
|
|
1806
1755
|
--salt-actionable-caution-bold-background: var(--salt-palette-warning-action);
|
|
1807
1756
|
--salt-actionable-caution-bold-borderColor-active: var(--salt-palette-alpha-none);
|
|
1808
|
-
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1809
1757
|
--salt-actionable-caution-bold-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1810
1758
|
--salt-actionable-caution-bold-borderColor: var(--salt-palette-alpha-none);
|
|
1811
1759
|
--salt-actionable-caution-bold-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1812
|
-
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
1813
1760
|
--salt-actionable-caution-bold-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1814
1761
|
--salt-actionable-caution-bold-foreground: var(--salt-palette-warning-action-foreground);
|
|
1815
1762
|
--salt-actionable-caution-background-active: var(--salt-palette-warning-action-active);
|
|
1816
|
-
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
1817
1763
|
--salt-actionable-caution-background-hover: var(--salt-palette-warning-action-hover);
|
|
1818
1764
|
--salt-actionable-caution-background: var(--salt-palette-alpha-none);
|
|
1819
1765
|
--salt-actionable-caution-borderColor-active: var(--salt-palette-alpha-none);
|
|
1820
|
-
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
1821
1766
|
--salt-actionable-caution-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1822
1767
|
--salt-actionable-caution-borderColor: var(--salt-palette-warning-border);
|
|
1823
1768
|
--salt-actionable-caution-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1824
|
-
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1825
1769
|
--salt-actionable-caution-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1826
1770
|
--salt-actionable-caution-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1771
|
+
--salt-actionable-caution-background-selected: var(--salt-palette-warning-action-active);
|
|
1772
|
+
--salt-actionable-caution-borderColor-selected: var(--salt-palette-alpha-none);
|
|
1773
|
+
--salt-actionable-caution-foreground-selected: var(--salt-palette-interact-cta-foreground);
|
|
1827
1774
|
--salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
|
|
1828
|
-
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
1829
1775
|
--salt-actionable-caution-subtle-background-hover: var(--salt-palette-warning-action-hover);
|
|
1830
1776
|
--salt-actionable-caution-subtle-background: var(--salt-palette-alpha-none);
|
|
1831
1777
|
--salt-actionable-caution-subtle-borderColor-active: var(--salt-palette-alpha-none);
|
|
1832
|
-
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
1833
1778
|
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-alpha-none);
|
|
1834
1779
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
1835
1780
|
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-interact-cta-foreground);
|
|
1836
|
-
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
1837
1781
|
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-warning-action-foreground);
|
|
1838
1782
|
--salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-foreground-informative);
|
|
1839
1783
|
}
|
|
@@ -2632,6 +2576,51 @@
|
|
|
2632
2576
|
--salt-actionable-secondary-foreground-disabled: var(--salt-actionable-subtle-foreground-disabled);
|
|
2633
2577
|
--salt-actionable-secondary-foreground-hover: var(--salt-actionable-subtle-foreground-hover);
|
|
2634
2578
|
--salt-actionable-secondary-foreground: var(--salt-actionable-subtle-foreground);
|
|
2579
|
+
--salt-actionable-accented-bold-background-disabled: var(--salt-palette-interact-cta-background-disabled);
|
|
2580
|
+
--salt-actionable-accented-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2581
|
+
--salt-actionable-accented-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2582
|
+
--salt-actionable-bold-background-disabled: var(--salt-palette-interact-primary-background-disabled);
|
|
2583
|
+
--salt-actionable-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2584
|
+
--salt-actionable-bold-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2585
|
+
--salt-actionable-accented-background-disabled: var(--salt-palette-alpha-none);
|
|
2586
|
+
--salt-actionable-accented-borderColor-disabled: var(--salt-palette-accent-disabled);
|
|
2587
|
+
--salt-actionable-accented-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2588
|
+
--salt-actionable-background-disabled: var(--salt-palette-alpha-none);
|
|
2589
|
+
--salt-actionable-borderColor-disabled: var(--salt-palette-interact-border-disabled);
|
|
2590
|
+
--salt-actionable-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2591
|
+
--salt-actionable-accented-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2592
|
+
--salt-actionable-accented-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2593
|
+
--salt-actionable-accented-subtle-foreground-disabled: var(--salt-palette-accent-foreground-informative-disabled);
|
|
2594
|
+
--salt-actionable-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2595
|
+
--salt-actionable-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2596
|
+
--salt-actionable-subtle-foreground-disabled: var(--salt-palette-neutral-primary-foreground-disabled);
|
|
2597
|
+
--salt-actionable-negative-bold-background-disabled: var(--salt-palette-negative-background-disabled);
|
|
2598
|
+
--salt-actionable-negative-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2599
|
+
--salt-actionable-negative-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2600
|
+
--salt-actionable-negative-background-disabled: var(--salt-palette-alpha-none);
|
|
2601
|
+
--salt-actionable-negative-borderColor-disabled: var(--salt-palette-negative-border-disabled);
|
|
2602
|
+
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2603
|
+
--salt-actionable-negative-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2604
|
+
--salt-actionable-negative-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2605
|
+
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-foreground-disabled);
|
|
2606
|
+
--salt-actionable-positive-bold-background-disabled: var(--salt-palette-positive-background-disabled);
|
|
2607
|
+
--salt-actionable-positive-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2608
|
+
--salt-actionable-positive-bold-foreground-disabled: var(--salt-palette-interact-cta-foreground-disabled);
|
|
2609
|
+
--salt-actionable-positive-background-disabled: var(--salt-palette-alpha-none);
|
|
2610
|
+
--salt-actionable-positive-borderColor-disabled: var(--salt-palette-positive-border-disabled);
|
|
2611
|
+
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2612
|
+
--salt-actionable-positive-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2613
|
+
--salt-actionable-positive-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2614
|
+
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-foreground-disabled);
|
|
2615
|
+
--salt-actionable-caution-bold-background-disabled: var(--salt-palette-warning-action-disabled);
|
|
2616
|
+
--salt-actionable-caution-bold-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2617
|
+
--salt-actionable-caution-bold-foreground-disabled: var(--salt-palette-warning-action-foreground-disabled);
|
|
2618
|
+
--salt-actionable-caution-background-disabled: var(--salt-palette-alpha-none);
|
|
2619
|
+
--salt-actionable-caution-borderColor-disabled: var(--salt-palette-warning-border-disabled);
|
|
2620
|
+
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2621
|
+
--salt-actionable-caution-subtle-background-disabled: var(--salt-palette-alpha-none);
|
|
2622
|
+
--salt-actionable-caution-subtle-borderColor-disabled: var(--salt-palette-alpha-none);
|
|
2623
|
+
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-foreground-informative-disabled);
|
|
2635
2624
|
}
|
|
2636
2625
|
|
|
2637
2626
|
/* css/legacy/deprecated/fade.css */
|
|
@@ -2759,6 +2748,8 @@
|
|
|
2759
2748
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2760
2749
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2761
2750
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2751
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2752
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-60-40a);
|
|
2762
2753
|
--salt-palette-measured-fill: var(--salt-color-blue-500);
|
|
2763
2754
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-500-fade-fill);
|
|
2764
2755
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2817,6 +2808,17 @@
|
|
|
2817
2808
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2818
2809
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2819
2810
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2811
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-600-40a);
|
|
2812
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-600-40a);
|
|
2813
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2814
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2815
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-600-40a);
|
|
2816
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2817
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2818
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-700-40a);
|
|
2819
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-850-40a);
|
|
2820
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2821
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2820
2822
|
}
|
|
2821
2823
|
.salt-theme[data-mode=dark] {
|
|
2822
2824
|
--salt-palette-interact-foreground-partial: var(--salt-color-blue-100);
|
|
@@ -2835,6 +2837,8 @@
|
|
|
2835
2837
|
--salt-palette-interact-secondary-background-disabled: transparent;
|
|
2836
2838
|
--salt-palette-interact-cta-foreground-active: var(--salt-color-white);
|
|
2837
2839
|
--salt-palette-interact-cta-foreground-hover: var(--salt-color-white);
|
|
2840
|
+
--salt-palette-interact-cta-background-disabled: var(--salt-color-blue-600-40a);
|
|
2841
|
+
--salt-palette-interact-primary-background-disabled: var(--salt-color-gray-300-40a);
|
|
2838
2842
|
--salt-palette-measured-fill: var(--salt-color-blue-300);
|
|
2839
2843
|
--salt-palette-measured-fill-disabled: var(--salt-color-blue-300-fade-fill);
|
|
2840
2844
|
--salt-palette-measured-foreground: var(--salt-color-gray-90);
|
|
@@ -2893,6 +2897,17 @@
|
|
|
2893
2897
|
--salt-palette-accent-border: var(--salt-color-blue-500);
|
|
2894
2898
|
--salt-palette-accent-background-disabled: var(--salt-color-blue-500-fade-background);
|
|
2895
2899
|
--salt-palette-accent-border-disabled: var(--salt-color-blue-500-fade-border);
|
|
2900
|
+
--salt-palette-accent-foreground-informative-disabled: var(--salt-color-blue-200-40a);
|
|
2901
|
+
--salt-palette-negative-foreground-disabled: var(--salt-color-red-200-40a);
|
|
2902
|
+
--salt-palette-negative-background-disabled: var(--salt-color-red-600-40a);
|
|
2903
|
+
--salt-palette-negative-border-disabled: var(--salt-color-red-500-40a);
|
|
2904
|
+
--salt-palette-positive-foreground-disabled: var(--salt-color-green-200-40a);
|
|
2905
|
+
--salt-palette-positive-background-disabled: var(--salt-color-green-600-40a);
|
|
2906
|
+
--salt-palette-positive-border-disabled: var(--salt-color-green-500-40a);
|
|
2907
|
+
--salt-palette-warning-border-disabled: var(--salt-color-orange-500-40a);
|
|
2908
|
+
--salt-palette-warning-foreground-informative-disabled: var(--salt-color-orange-400-40a);
|
|
2909
|
+
--salt-palette-warning-action-disabled: var(--salt-color-orange-600-40a);
|
|
2910
|
+
--salt-palette-warning-action-foreground-disabled: var(--salt-color-gray-900-40a);
|
|
2896
2911
|
}
|
|
2897
2912
|
|
|
2898
2913
|
/* css/theme.css */
|