@fibery/ui-kit 4.1.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +3 -5
  3. package/src/antd/ant-upload.tsx +13 -13
  4. package/src/antd/auto-complete.tsx +10 -10
  5. package/src/antd/input-number.tsx +55 -45
  6. package/src/antd/styles.ts +28 -22
  7. package/src/antd/tabs.tsx +28 -28
  8. package/src/color-filter.ts +1 -1
  9. package/src/comment.tsx +2 -2
  10. package/src/count-badge.tsx +3 -11
  11. package/src/design-system/colors.ts +57 -37
  12. package/src/design-system/def.ts +1 -1
  13. package/src/dom-utils.ts +5 -12
  14. package/src/download-file.ts +36 -0
  15. package/src/dropdown-menu/index.tsx +0 -1
  16. package/src/file-item/file-menu-items.tsx +29 -11
  17. package/src/file-item/file-preview-actions.tsx +52 -11
  18. package/src/file-item/share-file.ts +53 -0
  19. package/src/file-item.tsx +9 -9
  20. package/src/html-styles.ts +0 -1
  21. package/src/icons/ast/gauge.ts +12 -0
  22. package/src/icons/ast/index.tsx +3 -1
  23. package/src/icons/ast/people-edit.ts +12 -0
  24. package/src/icons/react/gauge.tsx +18 -0
  25. package/src/icons/react/index.tsx +3 -1
  26. package/src/icons/react/people-edit.tsx +18 -0
  27. package/src/icons/svg/gauge.svg +5 -0
  28. package/src/icons/svg/people-edit.svg +4 -0
  29. package/src/images-gallery/images-gallery.tsx +0 -1
  30. package/src/images-gallery/slide-buttons.tsx +49 -16
  31. package/src/is-in-popup.ts +0 -3
  32. package/src/loading-sausage.tsx +3 -3
  33. package/src/palettes/diff-colors.test.ts +1 -1
  34. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +94 -26
  35. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +94 -26
  36. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +94 -26
  37. package/src/palettes/inspect.defs.colors.warm-user.test.ts +94 -26
  38. package/src/palettes/show-colors.test.ts +2 -1
  39. package/src/palettes/testkit.ts +3 -1
  40. package/src/popover/index.tsx +20 -11
  41. package/src/popover/popup-modifiers-context.ts +1 -2
  42. package/src/select/components/option.tsx +0 -1
  43. package/src/select/index.tsx +1 -0
  44. package/src/select/select-in-popover.tsx +1 -3
  45. package/src/select/select.tsx +2 -0
  46. package/src/thematic.tsx +0 -1
  47. package/src/theme-provider.test.tsx +1 -1
  48. package/src/theming.generated.css +110 -50
  49. package/src/theming.generated.ts +127 -50
package/src/palettes/inspect.defs.colors.neutral-user.test.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import {withColorDiff} from "./diff-colors";
2
2
  import {neutralUserPalette} from "./neutral-user";
3
- /* eslint-disable max-lines */
4
3
  import {colors} from "./testkit";
5
4
 
6
5
  test("snapshot", () => {
@@ -424,6 +423,14 @@ test("snapshot", () => {
424
423
  "#D33E4E | hsl( 354 63% 54%) | oklch(0.59 0.18 19 )",
425
424
  "#ED9697 | hsl( 359 71% 76%) | oklch(0.76 0.11 19 )",
426
425
  ],
426
+ "collectionViewBg": [
427
+ "#FCFCFC | hsl(none 0% 99%) | oklch(0.99 0 none)",
428
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
429
+ ],
430
+ "collectionViewBorder": [
431
+ "0 0 0 1px #E3E3E399 | hsl(none 0% 89% / 0.6 ) | oklch(0.92 0 none / 0.6 )",
432
+ "0 0 0 1px #5252524D | hsl(none 0% 32% / 0.3 ) | oklch(0.44 0 none / 0.3 )",
433
+ ],
427
434
  "colorAI": [
428
435
  "#9D63D4 | hsl( 271 57% 61%) | oklch(0.61 0.17 306 )",
429
436
  "#8349B6 | hsl( 272 43% 50%) | oklch(0.53 0.17 306 )",
@@ -652,6 +659,14 @@ test("snapshot", () => {
652
659
  "#F5F5F5 | hsl(none 0% 96%) | oklch(0.97 0 none)",
653
660
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
654
661
  ],
662
+ "colorBgCodeEditor": [
663
+ "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
664
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
665
+ ],
666
+ "colorBgCommentHover": [
667
+ "#F7F7F7 | hsl(none 0% 97%) | oklch(0.98 0 none)",
668
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
669
+ ],
655
670
  "colorBgDbTabFocus": [
656
671
  "#E3E3E3 | hsl(none 0% 89%) | oklch(0.92 0 none)",
657
672
  "#333333 | hsl(none 0% 20%) | oklch(0.32 0 none)",
@@ -720,6 +735,10 @@ test("snapshot", () => {
720
735
  "#00000099 | hsl(none 0% 0% / 0.6 ) | oklch(0 0 none / 0.6 )",
721
736
  "#00000099 | hsl(none 0% 0% / 0.6 ) | oklch(0 0 none / 0.6 )",
722
737
  ],
738
+ "colorBgFloatingPanel": [
739
+ "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
740
+ "#292929 | hsl(none 0% 16%) | oklch(0.28 0 none)",
741
+ ],
723
742
  "colorBgLaneSubtle": [
724
743
  "#0000000D | hsl(none 0% 0% / 0.05) | oklch(0 0 none / 0.05)",
725
744
  "#FFFFFF0D | hsl(none 0% 100% / 0.05) | oklch(1 0 none / 0.05)",
@@ -778,11 +797,11 @@ test("snapshot", () => {
778
797
  ],
779
798
  "colorBgMenuItemFocus": [
780
799
  "#E3E3E3 | hsl(none 0% 89%) | oklch(0.92 0 none)",
781
- "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
800
+ "#333333 | hsl(none 0% 20%) | oklch(0.32 0 none)",
782
801
  ],
783
802
  "colorBgMenuItemHover": [
784
803
  "#E8E8E8 | hsl(none 0% 91%) | oklch(0.93 0 none)",
785
- "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
804
+ "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
786
805
  ],
787
806
  "colorBgMenuItemSelected": [
788
807
  "#DBE5FACC | hsl( 221 76% 92% / 0.8 ) | oklch(0.92 0.03 265 / 0.8 )",
@@ -814,15 +833,15 @@ test("snapshot", () => {
814
833
  ],
815
834
  "colorBgNotificationHover": [
816
835
  "#F5F5F5 | hsl(none 0% 96%) | oklch(0.97 0 none)",
817
- "#292929 | hsl(none 0% 16%) | oklch(0.28 0 none)",
836
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
818
837
  ],
819
838
  "colorBgNotificationSelected": [
820
839
  "#F1F5FE | hsl( 222 87% 97%) | oklch(0.97 0.01 267 )",
821
- "#1C2B4F | hsl( 222 48% 21%) | oklch(0.3 0.07 265 )",
840
+ "#151C2D | hsl( 223 36% 13%) | oklch(0.23 0.03 267 )",
822
841
  ],
823
842
  "colorBgNotificationSelectedHover": [
824
843
  "#E8EFFD | hsl( 220 84% 95%) | oklch(0.95 0.02 264 )",
825
- "#293B66 | hsl( 222 43% 28%) | oklch(0.36 0.08 266 )",
844
+ "#1A2642 | hsl( 222 43% 18%) | oklch(0.27 0.05 265 )",
826
845
  ],
827
846
  "colorBgObjectEditorSeparator": [
828
847
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
@@ -834,7 +853,7 @@ test("snapshot", () => {
834
853
  ],
835
854
  "colorBgPopup": [
836
855
  "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
837
- "#292929 | hsl(none 0% 16%) | oklch(0.28 0 none)",
856
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
838
857
  ],
839
858
  "colorBgReactionsDefault": [
840
859
  "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
@@ -853,24 +872,28 @@ test("snapshot", () => {
853
872
  "#3869CC | hsl( 220 59% 51%) | oklch(0.54 0.16 262 )",
854
873
  ],
855
874
  "colorBgRelationContainer": [
856
- "#F7F7F7 | hsl(none 0% 97%) | oklch(0.98 0 none)",
857
- "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
875
+ "#FCFCFC | hsl(none 0% 99%) | oklch(0.99 0 none)",
876
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
858
877
  ],
859
878
  "colorBgScrollFade": [
860
879
  "#FFFFFF26 | hsl(none 0% 100% / 0.15) | oklch(1 0 none / 0.15)",
861
880
  "#00000026 | hsl(none 0% 0% / 0.15) | oklch(0 0 none / 0.15)",
862
881
  ],
882
+ "colorBgSearchPanel": [
883
+ "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
884
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
885
+ ],
863
886
  "colorBgSearchRowCreateHover": [
864
887
  "#E8EFFD | hsl( 220 84% 95%) | oklch(0.95 0.02 264 )",
865
888
  "#1C2B4F | hsl( 222 48% 21%) | oklch(0.3 0.07 265 )",
866
889
  ],
867
890
  "colorBgSearchRowHover": [
868
891
  "#EDEDED | hsl(none 0% 93%) | oklch(0.95 0 none)",
869
- "#2E2E2E | hsl(none 0% 18%) | oklch(0.3 0 none)",
892
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
870
893
  ],
871
894
  "colorBgSegmentedControl": [
872
895
  "#E8E8E8CC | hsl(none 0% 91% / 0.8 ) | oklch(0.93 0 none / 0.8 )",
873
- "#242424CC | hsl(none 0% 14% / 0.8 ) | oklch(0.26 0 none / 0.8 )",
896
+ "#1C1C1CCC | hsl(none 0% 11% / 0.8 ) | oklch(0.23 0 none / 0.8 )",
874
897
  ],
875
898
  "colorBgSegmentedControlActive": [
876
899
  "#FCFCFC | hsl(none 0% 99%) | oklch(0.99 0 none)",
@@ -908,6 +931,10 @@ test("snapshot", () => {
908
931
  "#FCFCFC | hsl(none 0% 99%) | oklch(0.99 0 none)",
909
932
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
910
933
  ],
934
+ "colorBgViewMetaItem": [
935
+ "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
936
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
937
+ ],
911
938
  "colorBgWhiteboard": [
912
939
  "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
913
940
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
@@ -1396,6 +1423,33 @@ test("snapshot", () => {
1396
1423
  "#3E60A1 | hsl( 219 44% 44%) | oklch(0.5 0.11 262 )",
1397
1424
  "#3E60A1 | hsl( 219 44% 44%) | oklch(0.5 0.11 262 )",
1398
1425
  ],
1426
+ "dbSettingsCardBg": [
1427
+ "#F7F7F7 | hsl(none 0% 97%) | oklch(0.98 0 none)",
1428
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
1429
+ ],
1430
+ "dbSettingsCardBorder": [
1431
+ "0 0 0 1px #E3E3E3CC | hsl(none 0% 89% / 0.8 ) | oklch(0.92 0 none / 0.8 )",
1432
+ "0 0 0 1px #33333399 | hsl(none 0% 20% / 0.6 ) | oklch(0.32 0 none / 0.6 )",
1433
+ ],
1434
+ "dbSettingsSidebarBg": [
1435
+ "#F7F7F7 | hsl(none 0% 97%) | oklch(0.98 0 none)",
1436
+ "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
1437
+ ],
1438
+ "dbSettingsSidebarIconBg": [
1439
+ "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
1440
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
1441
+ ],
1442
+ "dbSettingsSidebarIconBorder": [
1443
+ [
1444
+ "0 1px 4px 0 #5E5E5E1A | hsl(none 0% 37% / 0.1 ) | oklch(0.48 0 none / 0.1 )",
1445
+ "0 0 0 0.5px #E8E8E880 | hsl(none 0% 91% / 0.5 ) | oklch(0.93 0 none / 0.5 )",
1446
+ ],
1447
+ "0 0 0 1px #70707033 | hsl(none 0% 44% / 0.2 ) | oklch(0.55 0 none / 0.2 )",
1448
+ ],
1449
+ "dbSettingsSidebarItemHover": [
1450
+ "#EDEDED | hsl(none 0% 93%) | oklch(0.95 0 none)",
1451
+ "#292929 | hsl(none 0% 16%) | oklch(0.28 0 none)",
1452
+ ],
1399
1453
  "disabledInversedTextColor": [
1400
1454
  "#00000040 | hsl(none 0% 0% / 0.25) | oklch(0 0 none / 0.25)",
1401
1455
  "#FFFFFF40 | hsl(none 0% 100% / 0.25) | oklch(1 0 none / 0.25)",
@@ -1678,15 +1732,15 @@ test("snapshot", () => {
1678
1732
  ],
1679
1733
  "inputBgColor": [
1680
1734
  "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
1681
- "#1C1C1C | hsl(none 0% 11%) | oklch(0.23 0 none)",
1735
+ "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
1682
1736
  ],
1683
1737
  "inputBorderBlendMode": [
1684
1738
  "multiply",
1685
1739
  "lighten",
1686
1740
  ],
1687
1741
  "inputBorderColor": [
1688
- "0 0 0 1px #E3E3E3B3 | hsl(none 0% 89% / 0.7 ) | oklch(0.92 0 none / 0.7 )",
1689
- "0 0 0 1px #525252B3 | hsl(none 0% 32% / 0.7 ) | oklch(0.44 0 none / 0.7 )",
1742
+ "0 0 0 1px #E3E3E3CC | hsl(none 0% 89% / 0.8 ) | oklch(0.92 0 none / 0.8 )",
1743
+ "0 0 0 1px #52525266 | hsl(none 0% 32% / 0.4 ) | oklch(0.44 0 none / 0.4 )",
1690
1744
  ],
1691
1745
  "inputBorderFocusColor": [
1692
1746
  "0 0 0 1px #C7C7C7 | hsl(none 0% 78%) | oklch(0.83 0 none)",
@@ -1694,7 +1748,7 @@ test("snapshot", () => {
1694
1748
  ],
1695
1749
  "inputBorderHoverColor": [
1696
1750
  "0 0 0 1px #DBDBDB | hsl(none 0% 86%) | oklch(0.89 0 none)",
1697
- "0 0 0 1px #525252 | hsl(none 0% 32%) | oklch(0.44 0 none)",
1751
+ "0 0 0 1px #3D3D3D | hsl(none 0% 24%) | oklch(0.36 0 none)",
1698
1752
  ],
1699
1753
  "inputBorderWarningColor": [
1700
1754
  "0 0 0 1px #F6D900 | hsl( 53 100% 48%) | oklch(0.88 0.18 99 )",
@@ -1709,8 +1763,8 @@ test("snapshot", () => {
1709
1763
  "#3333334D | hsl(none 0% 20% / 0.3 ) | oklch(0.32 0 none / 0.3 )",
1710
1764
  ],
1711
1765
  "inputDisabledBorderColor": [
1712
- "0 0 0 1px #E3E3E333 | hsl(none 0% 89% / 0.2 ) | oklch(0.92 0 none / 0.2 )",
1713
- "0 0 0 1px #52525233 | hsl(none 0% 32% / 0.2 ) | oklch(0.44 0 none / 0.2 )",
1766
+ "0 0 0 1px #E3E3E399 | hsl(none 0% 89% / 0.6 ) | oklch(0.92 0 none / 0.6 )",
1767
+ "0 0 0 1px #5252524D | hsl(none 0% 32% / 0.3 ) | oklch(0.44 0 none / 0.3 )",
1714
1768
  ],
1715
1769
  "inputErrorBorderColor": [
1716
1770
  "0 0 0 1px #AF2438 | hsl( 351 66% 41%) | oklch(0.5 0.17 19 )",
@@ -1770,7 +1824,7 @@ test("snapshot", () => {
1770
1824
  ],
1771
1825
  "mainBg": [
1772
1826
  "#F5F5F5 | hsl(none 0% 96%) | oklch(0.97 0 none)",
1773
- "#0D0D0D | hsl(none 0% 5%) | oklch(0.16 0 none)",
1827
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
1774
1828
  ],
1775
1829
  "mentionBgColor": [
1776
1830
  "#DBDBDB4D | hsl(none 0% 86% / 0.3 ) | oklch(0.89 0 none / 0.3 )",
@@ -1778,7 +1832,7 @@ test("snapshot", () => {
1778
1832
  ],
1779
1833
  "menuBg": [
1780
1834
  "#F5F5F5 | hsl(none 0% 96%) | oklch(0.97 0 none)",
1781
- "#0D0D0D | hsl(none 0% 5%) | oklch(0.16 0 none)",
1835
+ "#242424 | hsl(none 0% 14%) | oklch(0.26 0 none)",
1782
1836
  ],
1783
1837
  "menuIconColor": [
1784
1838
  "#171717B3 | hsl(none 0% 9% / 0.7 ) | oklch(0.2 0 none / 0.7 )",
@@ -1912,6 +1966,10 @@ test("snapshot", () => {
1912
1966
  "#FFFFFF | hsl(none 0% 100%) | oklch(1 0 none)",
1913
1967
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
1914
1968
  ],
1969
+ "panelBorder": [
1970
+ "0 0 0 1px #C7C7C733 | hsl(none 0% 78% / 0.2 ) | oklch(0.83 0 none / 0.2 )",
1971
+ "0 0 0 1px #52525233 | hsl(none 0% 32% / 0.2 ) | oklch(0.44 0 none / 0.2 )",
1972
+ ],
1915
1973
  "panelContentBg": [
1916
1974
  "#F7F7F7 | hsl(none 0% 97%) | oklch(0.98 0 none)",
1917
1975
  "#171717 | hsl(none 0% 9%) | oklch(0.2 0 none)",
@@ -2054,27 +2112,27 @@ test("snapshot", () => {
2054
2112
  ],
2055
2113
  "shadowCardDefault": [
2056
2114
  [
2057
- "0 0 0 1px #E3E3E3B3 | hsl(none 0% 89% / 0.7 ) | oklch(0.92 0 none / 0.7 )",
2115
+ "0 0 0 1px #E3E3E3CC | hsl(none 0% 89% / 0.8 ) | oklch(0.92 0 none / 0.8 )",
2058
2116
  "0 1px 4px 0 #1717170D | hsl(none 0% 9% / 0.05) | oklch(0.2 0 none / 0.05)",
2059
2117
  ],
2060
2118
  [
2061
- "0 0 0 1px #525252B3 | hsl(none 0% 32% / 0.7 ) | oklch(0.44 0 none / 0.7 )",
2119
+ "0 0 0 1px #52525266 | hsl(none 0% 32% / 0.4 ) | oklch(0.44 0 none / 0.4 )",
2062
2120
  "0 1px 4px 0 #1717171A | hsl(none 0% 9% / 0.1 ) | oklch(0.2 0 none / 0.1 )",
2063
2121
  ],
2064
2122
  ],
2065
2123
  "shadowCardHover": [
2066
2124
  [
2067
- "0 0 0 1px #E3E3E3B3 | hsl(none 0% 89% / 0.7 ) | oklch(0.92 0 none / 0.7 )",
2125
+ "0 0 0 1px #E3E3E3CC | hsl(none 0% 89% / 0.8 ) | oklch(0.92 0 none / 0.8 )",
2068
2126
  "0 2px 6px 0 #1717170D | hsl(none 0% 9% / 0.05) | oklch(0.2 0 none / 0.05)",
2069
2127
  ],
2070
2128
  [
2071
- "0 0 0 1px #525252B3 | hsl(none 0% 32% / 0.7 ) | oklch(0.44 0 none / 0.7 )",
2129
+ "0 0 0 1px #52525266 | hsl(none 0% 32% / 0.4 ) | oklch(0.44 0 none / 0.4 )",
2072
2130
  "0 2px 6px 0 #1717171A | hsl(none 0% 9% / 0.1 ) | oklch(0.2 0 none / 0.1 )",
2073
2131
  ],
2074
2132
  ],
2075
2133
  "shadowCardInset": [
2076
- "inset 0 0 0 1px #E3E3E3B3 | hsl(none 0% 89% / 0.7 ) | oklch(0.92 0 none / 0.7 )",
2077
- "inset 0 0 0 1px #525252B3 | hsl(none 0% 32% / 0.7 ) | oklch(0.44 0 none / 0.7 )",
2134
+ "inset 0 0 0 1px #E3E3E3CC | hsl(none 0% 89% / 0.8 ) | oklch(0.92 0 none / 0.8 )",
2135
+ "inset 0 0 0 1px #52525266 | hsl(none 0% 32% / 0.4 ) | oklch(0.44 0 none / 0.4 )",
2078
2136
  ],
2079
2137
  "shadowEntityBoxDefault": [
2080
2138
  "0 2px 4px 0 #1717170D | hsl(none 0% 9% / 0.05) | oklch(0.2 0 none / 0.05)",
@@ -2088,6 +2146,16 @@ test("snapshot", () => {
2088
2146
  "0 4px 8px 0 #1717171A | hsl(none 0% 9% / 0.1 ) | oklch(0.2 0 none / 0.1 )",
2089
2147
  "0 4px 8px 0 #1717171A | hsl(none 0% 9% / 0.1 ) | oklch(0.2 0 none / 0.1 )",
2090
2148
  ],
2149
+ "shadowFloatingPanel": [
2150
+ [
2151
+ "0 0 0 1px #78787826 | hsl(none 0% 47% / 0.15) | oklch(0.57 0 none / 0.15)",
2152
+ "0 3px 12px 0 #5E5E5E26 | hsl(none 0% 37% / 0.15) | oklch(0.48 0 none / 0.15)",
2153
+ ],
2154
+ [
2155
+ "0 0 0 1px #333333 | hsl(none 0% 20%) | oklch(0.32 0 none)",
2156
+ "0 3px 12px 0 #17171780 | hsl(none 0% 9% / 0.5 ) | oklch(0.2 0 none / 0.5 )",
2157
+ ],
2158
+ ],
2091
2159
  "shadowMenuHeaderAvatar": [
2092
2160
  [
2093
2161
  "0 1px 4px 0 #5E5E5E1A | hsl(none 0% 37% / 0.1 ) | oklch(0.48 0 none / 0.1 )",
@@ -2191,7 +2259,7 @@ test("snapshot", () => {
2191
2259
  ],
2192
2260
  "surfaceElevationS": [
2193
2261
  "0 2px 4px 0 #0000000D | hsl(none 0% 0% / 0.05) | oklch(0 0 none / 0.05)",
2194
- "0 2px 4px 0 #FFFFFF08 | hsl(none 0% 100% / 0.03) | oklch(1 0 none / 0.03)",
2262
+ "0 2px 4px 0 #1717170D | hsl(none 0% 9% / 0.05) | oklch(0.2 0 none / 0.05)",
2195
2263
  ],
2196
2264
  "swatchDefault": [
2197
2265
  "#2978FB | hsl( 217 96% 57%) | oklch(0.6 0.21 260 )",
package/src/palettes/inspect.defs.colors.warm-arch.test.ts CHANGED
@@ -1,4 +1,3 @@
1
- /* eslint-disable max-lines */
2
1
  import {test, expect} from "vitest";
3
2
 
4
3
  import {withColorDiff} from "./diff-colors";
@@ -426,6 +425,14 @@ test("snapshot", () => {
426
425
  "#D33E4B | hsl( 355 63% 54%) | oklch(0.59 0.18 20 )",
427
426
  "#ED9696 | hsl( 0 71% 76%) | oklch(0.76 0.11 20 )",
428
427
  ],
428
+ "collectionViewBg": [
429
+ "#FFFBF4 | hsl( 38 100% 98%) | oklch(0.99 0.01 82 )",
430
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
431
+ ],
432
+ "collectionViewBorder": [
433
+ "0 0 0 1px #E8E2DB99 | hsl( 32 22% 88% / 0.6 ) | oklch(0.92 0.01 72 / 0.6 )",
434
+ "0 0 0 1px #56504E4D | hsl( 15 5% 32% / 0.3 ) | oklch(0.44 0.01 39 / 0.3 )",
435
+ ],
429
436
  "colorAI": [
430
437
  "#9B6FC1 | hsl( 272 40% 60%) | oklch(0.62 0.13 308 )",
431
438
  "#8056A3 | hsl( 273 31% 49%) | oklch(0.53 0.12 308 )",
@@ -654,6 +661,14 @@ test("snapshot", () => {
654
661
  "#FAF4EC | hsl( 34 58% 95%) | oklch(0.97 0.01 75 )",
655
662
  "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
656
663
  ],
664
+ "colorBgCodeEditor": [
665
+ "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
666
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
667
+ ],
668
+ "colorBgCommentHover": [
669
+ "#FDF6EF | hsl( 30 78% 96%) | oklch(0.98 0.01 68 )",
670
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
671
+ ],
657
672
  "colorBgDbTabFocus": [
658
673
  "#E8E2DB | hsl( 32 22% 88%) | oklch(0.92 0.01 72 )",
659
674
  "#373230 | hsl( 17 7% 20%) | oklch(0.32 0.01 43 )",
@@ -722,6 +737,10 @@ test("snapshot", () => {
722
737
  "#1F1A1899 | hsl( 17 13% 11% / 0.6 ) | oklch(0.22 0.01 43 / 0.6 )",
723
738
  "#1F1A1899 | hsl( 17 13% 11% / 0.6 ) | oklch(0.22 0.01 43 / 0.6 )",
724
739
  ],
740
+ "colorBgFloatingPanel": [
741
+ "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
742
+ "#2D2826 | hsl( 17 8% 16%) | oklch(0.28 0.01 43 )",
743
+ ],
725
744
  "colorBgLaneSubtle": [
726
745
  "#1F1A180D | hsl( 17 13% 11% / 0.05) | oklch(0.22 0.01 43 / 0.05)",
727
746
  "#FFFDFA0D | hsl( 36 100% 99% / 0.05) | oklch(0.99 0 78 / 0.05)",
@@ -780,11 +799,11 @@ test("snapshot", () => {
780
799
  ],
781
800
  "colorBgMenuItemFocus": [
782
801
  "#E8E2DB | hsl( 32 22% 88%) | oklch(0.92 0.01 72 )",
783
- "#322D2B | hsl( 17 8% 18%) | oklch(0.3 0.01 43 )",
802
+ "#373230 | hsl( 17 7% 20%) | oklch(0.32 0.01 43 )",
784
803
  ],
785
804
  "colorBgMenuItemHover": [
786
805
  "#EDE7E0 | hsl( 32 27% 90%) | oklch(0.93 0.01 72 )",
787
- "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
806
+ "#322D2B | hsl( 17 8% 18%) | oklch(0.3 0.01 43 )",
788
807
  ],
789
808
  "colorBgMenuItemSelected": [
790
809
  "#FBDFCACC | hsl( 26 86% 89% / 0.8 ) | oklch(0.92 0.04 59 / 0.8 )",
@@ -816,15 +835,15 @@ test("snapshot", () => {
816
835
  ],
817
836
  "colorBgNotificationHover": [
818
837
  "#FAF4EC | hsl( 34 58% 95%) | oklch(0.97 0.01 75 )",
819
- "#2D2826 | hsl( 17 8% 16%) | oklch(0.28 0.01 43 )",
838
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
820
839
  ],
821
840
  "colorBgNotificationSelected": [
822
841
  "#FEF3EA | hsl( 27 91% 96%) | oklch(0.97 0.02 62 )",
823
- "#482106 | hsl( 25 85% 15%) | oklch(0.3 0.07 51 )",
842
+ "#2A180D | hsl( 23 53% 11%) | oklch(0.23 0.04 52 )",
824
843
  ],
825
844
  "colorBgNotificationSelectedHover": [
826
845
  "#FDEBDC | hsl( 27 89% 93%) | oklch(0.95 0.03 62 )",
827
- "#5E2E0E | hsl( 24 74% 21%) | oklch(0.36 0.08 50 )",
846
+ "#3D1E0A | hsl( 24 72% 14%) | oklch(0.27 0.06 51 )",
828
847
  ],
829
848
  "colorBgObjectEditorSeparator": [
830
849
  "#1B1611 | hsl( 30 23% 9%) | oklch(0.2 0.01 67 )",
@@ -836,7 +855,7 @@ test("snapshot", () => {
836
855
  ],
837
856
  "colorBgPopup": [
838
857
  "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
839
- "#2D2826 | hsl( 17 8% 16%) | oklch(0.28 0.01 43 )",
858
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
840
859
  ],
841
860
  "colorBgReactionsDefault": [
842
861
  "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
@@ -855,24 +874,28 @@ test("snapshot", () => {
855
874
  "#AB5400 | hsl( 29 100% 34%) | oklch(0.54 0.14 53 )",
856
875
  ],
857
876
  "colorBgRelationContainer": [
858
- "#FDF6EF | hsl( 30 78% 96%) | oklch(0.98 0.01 68 )",
859
- "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
877
+ "#FFFBF4 | hsl( 38 100% 98%) | oklch(0.99 0.01 82 )",
878
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
860
879
  ],
861
880
  "colorBgScrollFade": [
862
881
  "#FFFDFA26 | hsl( 36 100% 99% / 0.15) | oklch(0.99 0 78 / 0.15)",
863
882
  "#1F1A1826 | hsl( 17 13% 11% / 0.15) | oklch(0.22 0.01 43 / 0.15)",
864
883
  ],
884
+ "colorBgSearchPanel": [
885
+ "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
886
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
887
+ ],
865
888
  "colorBgSearchRowCreateHover": [
866
889
  "#FDEBDC | hsl( 27 89% 93%) | oklch(0.95 0.03 62 )",
867
890
  "#482106 | hsl( 25 85% 15%) | oklch(0.3 0.07 51 )",
868
891
  ],
869
892
  "colorBgSearchRowHover": [
870
893
  "#F3ECE5 | hsl( 30 37% 93%) | oklch(0.95 0.01 68 )",
871
- "#322D2B | hsl( 17 8% 18%) | oklch(0.3 0.01 43 )",
894
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
872
895
  ],
873
896
  "colorBgSegmentedControl": [
874
897
  "#EDE7E0CC | hsl( 32 27% 90% / 0.8 ) | oklch(0.93 0.01 72 / 0.8 )",
875
- "#272321CC | hsl( 20 8% 14% / 0.8 ) | oklch(0.26 0.01 48 / 0.8 )",
898
+ "#201B19CC | hsl( 17 12% 11% / 0.8 ) | oklch(0.23 0.01 43 / 0.8 )",
876
899
  ],
877
900
  "colorBgSegmentedControlActive": [
878
901
  "#FFFBF4 | hsl( 38 100% 98%) | oklch(0.99 0.01 82 )",
@@ -910,6 +933,10 @@ test("snapshot", () => {
910
933
  "#FFFBF4 | hsl( 38 100% 98%) | oklch(0.99 0.01 82 )",
911
934
  "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
912
935
  ],
936
+ "colorBgViewMetaItem": [
937
+ "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
938
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
939
+ ],
913
940
  "colorBgWhiteboard": [
914
941
  "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
915
942
  "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
@@ -1398,6 +1425,33 @@ test("snapshot", () => {
1398
1425
  "#914F1C | hsl( 26 68% 34%) | oklch(0.5 0.11 54 )",
1399
1426
  "#914F1C | hsl( 26 68% 34%) | oklch(0.5 0.11 54 )",
1400
1427
  ],
1428
+ "dbSettingsCardBg": [
1429
+ "#FDF6EF | hsl( 30 78% 96%) | oklch(0.98 0.01 68 )",
1430
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
1431
+ ],
1432
+ "dbSettingsCardBorder": [
1433
+ "0 0 0 1px #E8E2DBCC | hsl( 32 22% 88% / 0.8 ) | oklch(0.92 0.01 72 / 0.8 )",
1434
+ "0 0 0 1px #37323099 | hsl( 17 7% 20% / 0.6 ) | oklch(0.32 0.01 43 / 0.6 )",
1435
+ ],
1436
+ "dbSettingsSidebarBg": [
1437
+ "#FDF6EF | hsl( 30 78% 96%) | oklch(0.98 0.01 68 )",
1438
+ "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
1439
+ ],
1440
+ "dbSettingsSidebarIconBg": [
1441
+ "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
1442
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
1443
+ ],
1444
+ "dbSettingsSidebarIconBorder": [
1445
+ [
1446
+ "0 1px 4px 0 #635E571A | hsl( 35 6% 36% / 0.1 ) | oklch(0.48 0.01 77 / 0.1 )",
1447
+ "0 0 0 0.5px #EDE7E080 | hsl( 32 27% 90% / 0.5 ) | oklch(0.93 0.01 72 / 0.5 )",
1448
+ ],
1449
+ "0 0 0 1px #756F6D33 | hsl( 15 4% 44% / 0.2 ) | oklch(0.55 0.01 39 / 0.2 )",
1450
+ ],
1451
+ "dbSettingsSidebarItemHover": [
1452
+ "#F3ECE5 | hsl( 30 37% 93%) | oklch(0.95 0.01 68 )",
1453
+ "#2D2826 | hsl( 17 8% 16%) | oklch(0.28 0.01 43 )",
1454
+ ],
1401
1455
  "disabledInversedTextColor": [
1402
1456
  "#1F1A1840 | hsl( 17 13% 11% / 0.25) | oklch(0.22 0.01 43 / 0.25)",
1403
1457
  "#FFFDFA40 | hsl( 36 100% 99% / 0.25) | oklch(0.99 0 78 / 0.25)",
@@ -1680,15 +1734,15 @@ test("snapshot", () => {
1680
1734
  ],
1681
1735
  "inputBgColor": [
1682
1736
  "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
1683
- "#201B19 | hsl( 17 12% 11%) | oklch(0.23 0.01 43 )",
1737
+ "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
1684
1738
  ],
1685
1739
  "inputBorderBlendMode": [
1686
1740
  "multiply",
1687
1741
  "lighten",
1688
1742
  ],
1689
1743
  "inputBorderColor": [
1690
- "0 0 0 1px #E8E2DBB3 | hsl( 32 22% 88% / 0.7 ) | oklch(0.92 0.01 72 / 0.7 )",
1691
- "0 0 0 1px #56504EB3 | hsl( 15 5% 32% / 0.7 ) | oklch(0.44 0.01 39 / 0.7 )",
1744
+ "0 0 0 1px #E8E2DBCC | hsl( 32 22% 88% / 0.8 ) | oklch(0.92 0.01 72 / 0.8 )",
1745
+ "0 0 0 1px #56504E66 | hsl( 15 5% 32% / 0.4 ) | oklch(0.44 0.01 39 / 0.4 )",
1692
1746
  ],
1693
1747
  "inputBorderFocusColor": [
1694
1748
  "0 0 0 1px #CCC6BF | hsl( 32 11% 77%) | oklch(0.83 0.01 72 )",
@@ -1696,7 +1750,7 @@ test("snapshot", () => {
1696
1750
  ],
1697
1751
  "inputBorderHoverColor": [
1698
1752
  "0 0 0 1px #E1DAD3 | hsl( 30 19% 85%) | oklch(0.89 0.01 68 )",
1699
- "0 0 0 1px #56504E | hsl( 15 5% 32%) | oklch(0.44 0.01 39 )",
1753
+ "0 0 0 1px #413C3A | hsl( 17 6% 24%) | oklch(0.36 0.01 43 )",
1700
1754
  ],
1701
1755
  "inputBorderWarningColor": [
1702
1756
  "0 0 0 1px #F7D900 | hsl( 53 100% 48%) | oklch(0.88 0.18 99 )",
@@ -1711,8 +1765,8 @@ test("snapshot", () => {
1711
1765
  "#3732304D | hsl( 17 7% 20% / 0.3 ) | oklch(0.32 0.01 43 / 0.3 )",
1712
1766
  ],
1713
1767
  "inputDisabledBorderColor": [
1714
- "0 0 0 1px #E8E2DB33 | hsl( 32 22% 88% / 0.2 ) | oklch(0.92 0.01 72 / 0.2 )",
1715
- "0 0 0 1px #56504E33 | hsl( 15 5% 32% / 0.2 ) | oklch(0.44 0.01 39 / 0.2 )",
1768
+ "0 0 0 1px #E8E2DB99 | hsl( 32 22% 88% / 0.6 ) | oklch(0.92 0.01 72 / 0.6 )",
1769
+ "0 0 0 1px #56504E4D | hsl( 15 5% 32% / 0.3 ) | oklch(0.44 0.01 39 / 0.3 )",
1716
1770
  ],
1717
1771
  "inputErrorBorderColor": [
1718
1772
  "0 0 0 1px #AF2436 | hsl( 352 66% 41%) | oklch(0.5 0.17 20 )",
@@ -1772,7 +1826,7 @@ test("snapshot", () => {
1772
1826
  ],
1773
1827
  "mainBg": [
1774
1828
  "#FAF4EC | hsl( 34 58% 95%) | oklch(0.97 0.01 75 )",
1775
- "#2D2623 | hsl( 18 13% 16%) | oklch(0.28 0.01 45 )",
1829
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
1776
1830
  ],
1777
1831
  "mentionBgColor": [
1778
1832
  "#E1DAD34D | hsl( 30 19% 85% / 0.3 ) | oklch(0.89 0.01 68 / 0.3 )",
@@ -1780,7 +1834,7 @@ test("snapshot", () => {
1780
1834
  ],
1781
1835
  "menuBg": [
1782
1836
  "#FAF4EC | hsl( 34 58% 95%) | oklch(0.97 0.01 75 )",
1783
- "#2D2623 | hsl( 18 13% 16%) | oklch(0.28 0.01 45 )",
1837
+ "#272321 | hsl( 20 8% 14%) | oklch(0.26 0.01 48 )",
1784
1838
  ],
1785
1839
  "menuIconColor": [
1786
1840
  "#1B1611B3 | hsl( 30 23% 9% / 0.7 ) | oklch(0.2 0.01 67 / 0.7 )",
@@ -1914,6 +1968,10 @@ test("snapshot", () => {
1914
1968
  "#FFFDFA | hsl( 36 100% 99%) | oklch(0.99 0 78 )",
1915
1969
  "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
1916
1970
  ],
1971
+ "panelBorder": [
1972
+ "0 0 0 1px #CCC6BF33 | hsl( 32 11% 77% / 0.2 ) | oklch(0.83 0.01 72 / 0.2 )",
1973
+ "0 0 0 1px #56504E33 | hsl( 15 5% 32% / 0.2 ) | oklch(0.44 0.01 39 / 0.2 )",
1974
+ ],
1917
1975
  "panelContentBg": [
1918
1976
  "#FDF6EF | hsl( 30 78% 96%) | oklch(0.98 0.01 68 )",
1919
1977
  "#1A1614 | hsl( 20 13% 9%) | oklch(0.2 0.01 48 )",
@@ -2056,27 +2114,27 @@ test("snapshot", () => {
2056
2114
  ],
2057
2115
  "shadowCardDefault": [
2058
2116
  [
2059
- "0 0 0 1px #E8E2DBB3 | hsl( 32 22% 88% / 0.7 ) | oklch(0.92 0.01 72 / 0.7 )",
2117
+ "0 0 0 1px #E8E2DBCC | hsl( 32 22% 88% / 0.8 ) | oklch(0.92 0.01 72 / 0.8 )",
2060
2118
  "0 1px 4px 0 #1B16110D | hsl( 30 23% 9% / 0.05) | oklch(0.2 0.01 67 / 0.05)",
2061
2119
  ],
2062
2120
  [
2063
- "0 0 0 1px #56504EB3 | hsl( 15 5% 32% / 0.7 ) | oklch(0.44 0.01 39 / 0.7 )",
2121
+ "0 0 0 1px #56504E66 | hsl( 15 5% 32% / 0.4 ) | oklch(0.44 0.01 39 / 0.4 )",
2064
2122
  "0 1px 4px 0 #1B16111A | hsl( 30 23% 9% / 0.1 ) | oklch(0.2 0.01 67 / 0.1 )",
2065
2123
  ],
2066
2124
  ],
2067
2125
  "shadowCardHover": [
2068
2126
  [
2069
- "0 0 0 1px #E8E2DBB3 | hsl( 32 22% 88% / 0.7 ) | oklch(0.92 0.01 72 / 0.7 )",
2127
+ "0 0 0 1px #E8E2DBCC | hsl( 32 22% 88% / 0.8 ) | oklch(0.92 0.01 72 / 0.8 )",
2070
2128
  "0 2px 6px 0 #1B16110D | hsl( 30 23% 9% / 0.05) | oklch(0.2 0.01 67 / 0.05)",
2071
2129
  ],
2072
2130
  [
2073
- "0 0 0 1px #56504EB3 | hsl( 15 5% 32% / 0.7 ) | oklch(0.44 0.01 39 / 0.7 )",
2131
+ "0 0 0 1px #56504E66 | hsl( 15 5% 32% / 0.4 ) | oklch(0.44 0.01 39 / 0.4 )",
2074
2132
  "0 2px 6px 0 #1B16111A | hsl( 30 23% 9% / 0.1 ) | oklch(0.2 0.01 67 / 0.1 )",
2075
2133
  ],
2076
2134
  ],
2077
2135
  "shadowCardInset": [
2078
- "inset 0 0 0 1px #E8E2DBB3 | hsl( 32 22% 88% / 0.7 ) | oklch(0.92 0.01 72 / 0.7 )",
2079
- "inset 0 0 0 1px #56504EB3 | hsl( 15 5% 32% / 0.7 ) | oklch(0.44 0.01 39 / 0.7 )",
2136
+ "inset 0 0 0 1px #E8E2DBCC | hsl( 32 22% 88% / 0.8 ) | oklch(0.92 0.01 72 / 0.8 )",
2137
+ "inset 0 0 0 1px #56504E66 | hsl( 15 5% 32% / 0.4 ) | oklch(0.44 0.01 39 / 0.4 )",
2080
2138
  ],
2081
2139
  "shadowEntityBoxDefault": [
2082
2140
  "0 2px 4px 0 #1B16110D | hsl( 30 23% 9% / 0.05) | oklch(0.2 0.01 67 / 0.05)",
@@ -2090,6 +2148,16 @@ test("snapshot", () => {
2090
2148
  "0 4px 8px 0 #1B16111A | hsl( 30 23% 9% / 0.1 ) | oklch(0.2 0.01 67 / 0.1 )",
2091
2149
  "0 4px 8px 0 #1A16141A | hsl( 20 13% 9% / 0.1 ) | oklch(0.2 0.01 48 / 0.1 )",
2092
2150
  ],
2151
+ "shadowFloatingPanel": [
2152
+ [
2153
+ "0 0 0 1px #7D777026 | hsl( 32 5% 46% / 0.15) | oklch(0.57 0.01 72 / 0.15)",
2154
+ "0 3px 12px 0 #635E5726 | hsl( 35 6% 36% / 0.15) | oklch(0.48 0.01 77 / 0.15)",
2155
+ ],
2156
+ [
2157
+ "0 0 0 1px #373230 | hsl( 17 7% 20%) | oklch(0.32 0.01 43 )",
2158
+ "0 3px 12px 0 #1A161480 | hsl( 20 13% 9% / 0.5 ) | oklch(0.2 0.01 48 / 0.5 )",
2159
+ ],
2160
+ ],
2093
2161
  "shadowMenuHeaderAvatar": [
2094
2162
  [
2095
2163
  "0 1px 4px 0 #635E571A | hsl( 35 6% 36% / 0.1 ) | oklch(0.48 0.01 77 / 0.1 )",
@@ -2193,7 +2261,7 @@ test("snapshot", () => {
2193
2261
  ],
2194
2262
  "surfaceElevationS": [
2195
2263
  "0 2px 4px 0 #0000000D | hsl(none 0% 0% / 0.05) | oklch(0 0 none / 0.05)",
2196
- "0 2px 4px 0 #FFFFFE08 | hsl( 60 100% 100% / 0.03) | oklch(1 0 106 / 0.03)",
2264
+ "0 2px 4px 0 #1A16140D | hsl( 20 13% 9% / 0.05) | oklch(0.2 0.01 48 / 0.05)",
2197
2265
  ],
2198
2266
  "swatchDefault": [
2199
2267
  "#FBA32F | hsl( 34 96% 58%) | oklch(0.79 0.16 68 )",