polaris_tokens 2.17.0 → 2.21.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -6
  3. data/dist-modern/palette/base.dark.android.xml +1 -1
  4. data/dist-modern/palette/base.dark.figma.json +1 -637
  5. data/dist-modern/palette/base.dark.ios.json +1 -1092
  6. data/dist-modern/palette/base.dark.json +2 -2
  7. data/dist-modern/palette/base.dark.polaris.custom-properties.css +129 -0
  8. data/dist-modern/palette/base.light.figma.json +1 -637
  9. data/dist-modern/palette/base.light.ios.json +1 -1042
  10. data/dist-modern/palette/base.light.json +1 -1
  11. data/dist-modern/palette/base.light.polaris.custom-properties.css +129 -0
  12. data/dist-modern/palette/mfp-ui.dark.android.xml +130 -0
  13. data/dist-modern/palette/mfp-ui.dark.figma.json +1 -0
  14. data/dist-modern/palette/mfp-ui.dark.ios.json +1 -0
  15. data/dist-modern/palette/mfp-ui.dark.json +129 -0
  16. data/dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css +129 -0
  17. data/dist-modern/palette/mfp-ui.light.android.xml +130 -0
  18. data/dist-modern/palette/mfp-ui.light.figma.json +1 -0
  19. data/dist-modern/palette/mfp-ui.light.ios.json +1 -0
  20. data/dist-modern/palette/mfp-ui.light.json +129 -0
  21. data/dist-modern/palette/mfp-ui.light.polaris.custom-properties.css +129 -0
  22. data/dist-modern/theme/base.json +1 -1
  23. data/dist-modern/theme/mfp-ui.json +12 -0
  24. data/dist/color-filters.color-map.scss +8 -0
  25. data/dist/index.common.js +168 -75
  26. data/dist/index.d.ts +149 -77
  27. data/dist/index.esm.js +166 -0
  28. data/index.js +4 -0
  29. data/package.json +4 -3
  30. metadata +16 -2
data/dist-modern/palette/base.light.json CHANGED
@@ -126,4 +126,4 @@
126
126
  "decorativeFiveIcon": "rgb(174, 43, 76)",
127
127
  "decorativeFiveSurface": "rgb(253, 201, 208)",
128
128
  "decorativeFiveText": "rgb(79, 14, 31)"
129
- }
129
+ }
data/dist-modern/palette/base.light.polaris.custom-properties.css ADDED
@@ -0,0 +1,129 @@
1
+ :root {
2
+ --p-background: rgb(246, 246, 247);
3
+ --p-background-hovered: rgb(241, 242, 243);
4
+ --p-background-pressed: rgb(237, 238, 239);
5
+ --p-background-selected: rgb(237, 238, 239);
6
+ --p-surface: rgb(255, 255, 255);
7
+ --p-surface-neutral: rgb(228, 229, 231);
8
+ --p-surface-neutral-hovered: rgb(219, 221, 223);
9
+ --p-surface-neutral-pressed: rgb(201, 204, 208);
10
+ --p-surface-neutral-disabled: rgb(241, 242, 243);
11
+ --p-surface-neutral-subdued: rgb(246, 246, 247);
12
+ --p-surface-subdued: rgb(250, 251, 251);
13
+ --p-surface-disabled: rgb(250, 251, 251);
14
+ --p-surface-hovered: rgb(246, 246, 247);
15
+ --p-surface-pressed: rgb(241, 242, 243);
16
+ --p-surface-depressed: rgb(237, 238, 239);
17
+ --p-backdrop: rgba(0, 0, 0, 0.5);
18
+ --p-overlay: rgba(255, 255, 255, 0.5);
19
+ --p-shadow-from-dim-light: rgba(0, 0, 0, 0.2);
20
+ --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
21
+ --p-shadow-from-direct-light: rgba(0, 0, 0, 0.15);
22
+ --p-hint-from-direct-light: rgba(0, 0, 0, 0.15);
23
+ --p-on-surface-background: rgb(241, 242, 243);
24
+ --p-border: rgb(140, 145, 150);
25
+ --p-border-neutral-subdued: rgb(186, 191, 195);
26
+ --p-border-hovered: rgb(153, 158, 164);
27
+ --p-border-disabled: rgb(210, 213, 216);
28
+ --p-border-subdued: rgb(201, 204, 207);
29
+ --p-border-depressed: rgb(87, 89, 89);
30
+ --p-border-shadow: rgb(174, 180, 185);
31
+ --p-border-shadow-subdued: rgb(186, 191, 196);
32
+ --p-divider: rgb(225, 227, 229);
33
+ --p-icon: rgb(92, 95, 98);
34
+ --p-icon-hovered: rgb(26, 28, 29);
35
+ --p-icon-pressed: rgb(68, 71, 74);
36
+ --p-icon-disabled: rgb(186, 190, 195);
37
+ --p-icon-subdued: rgb(140, 145, 150);
38
+ --p-text: rgb(32, 34, 35);
39
+ --p-text-disabled: rgb(140, 145, 150);
40
+ --p-text-subdued: rgb(109, 113, 117);
41
+ --p-interactive: rgb(44, 110, 203);
42
+ --p-interactive-disabled: rgb(189, 193, 204);
43
+ --p-interactive-hovered: rgb(31, 81, 153);
44
+ --p-interactive-pressed: rgb(16, 50, 98);
45
+ --p-focused: rgb(69, 143, 255);
46
+ --p-surface-selected: rgb(242, 247, 254);
47
+ --p-surface-selected-hovered: rgb(237, 244, 254);
48
+ --p-surface-selected-pressed: rgb(229, 239, 253);
49
+ --p-icon-on-interactive: rgb(255, 255, 255);
50
+ --p-text-on-interactive: rgb(255, 255, 255);
51
+ --p-action-secondary: rgb(255, 255, 255);
52
+ --p-action-secondary-disabled: rgb(255, 255, 255);
53
+ --p-action-secondary-hovered: rgb(246, 246, 247);
54
+ --p-action-secondary-pressed: rgb(241, 242, 243);
55
+ --p-action-secondary-depressed: rgb(109, 113, 117);
56
+ --p-action-primary: rgb(0, 128, 96);
57
+ --p-action-primary-disabled: rgb(241, 241, 241);
58
+ --p-action-primary-hovered: rgb(0, 110, 82);
59
+ --p-action-primary-pressed: rgb(0, 94, 70);
60
+ --p-action-primary-depressed: rgb(0, 61, 44);
61
+ --p-icon-on-primary: rgb(255, 255, 255);
62
+ --p-text-on-primary: rgb(255, 255, 255);
63
+ --p-text-primary: rgb(0, 123, 92);
64
+ --p-text-primary-hovered: rgb(0, 108, 80);
65
+ --p-text-primary-pressed: rgb(0, 92, 68);
66
+ --p-surface-primary-selected: rgb(241, 248, 245);
67
+ --p-surface-primary-selected-hovered: rgb(179, 208, 195);
68
+ --p-surface-primary-selected-pressed: rgb(162, 188, 176);
69
+ --p-border-critical: rgb(253, 87, 73);
70
+ --p-border-critical-subdued: rgb(224, 179, 178);
71
+ --p-border-critical-disabled: rgb(255, 167, 163);
72
+ --p-icon-critical: rgb(215, 44, 13);
73
+ --p-surface-critical: rgb(254, 211, 209);
74
+ --p-surface-critical-subdued: rgb(255, 244, 244);
75
+ --p-surface-critical-subdued-hovered: rgb(255, 240, 240);
76
+ --p-surface-critical-subdued-pressed: rgb(255, 233, 232);
77
+ --p-surface-critical-subdued-depressed: rgb(254, 188, 185);
78
+ --p-text-critical: rgb(215, 44, 13);
79
+ --p-action-critical: rgb(216, 44, 13);
80
+ --p-action-critical-disabled: rgb(241, 241, 241);
81
+ --p-action-critical-hovered: rgb(188, 34, 0);
82
+ --p-action-critical-pressed: rgb(162, 27, 0);
83
+ --p-action-critical-depressed: rgb(108, 15, 0);
84
+ --p-icon-on-critical: rgb(255, 255, 255);
85
+ --p-text-on-critical: rgb(255, 255, 255);
86
+ --p-interactive-critical: rgb(216, 44, 13);
87
+ --p-interactive-critical-disabled: rgb(253, 147, 141);
88
+ --p-interactive-critical-hovered: rgb(205, 41, 12);
89
+ --p-interactive-critical-pressed: rgb(103, 15, 3);
90
+ --p-border-warning: rgb(185, 137, 0);
91
+ --p-border-warning-subdued: rgb(225, 184, 120);
92
+ --p-icon-warning: rgb(185, 137, 0);
93
+ --p-surface-warning: rgb(255, 215, 157);
94
+ --p-surface-warning-subdued: rgb(255, 245, 234);
95
+ --p-surface-warning-subdued-hovered: rgb(255, 242, 226);
96
+ --p-surface-warning-subdued-pressed: rgb(255, 235, 211);
97
+ --p-text-warning: rgb(145, 106, 0);
98
+ --p-border-highlight: rgb(68, 157, 167);
99
+ --p-border-highlight-subdued: rgb(152, 198, 205);
100
+ --p-icon-highlight: rgb(0, 160, 172);
101
+ --p-surface-highlight: rgb(164, 232, 242);
102
+ --p-surface-highlight-subdued: rgb(235, 249, 252);
103
+ --p-surface-highlight-subdued-hovered: rgb(228, 247, 250);
104
+ --p-surface-highlight-subdued-pressed: rgb(213, 243, 248);
105
+ --p-text-highlight: rgb(52, 124, 132);
106
+ --p-border-success: rgb(0, 164, 124);
107
+ --p-border-success-subdued: rgb(149, 201, 180);
108
+ --p-icon-success: rgb(0, 127, 95);
109
+ --p-surface-success: rgb(174, 233, 209);
110
+ --p-surface-success-subdued: rgb(241, 248, 245);
111
+ --p-surface-success-subdued-hovered: rgb(236, 246, 241);
112
+ --p-surface-success-subdued-pressed: rgb(226, 241, 234);
113
+ --p-text-success: rgb(0, 128, 96);
114
+ --p-decorative-one-icon: rgb(126, 87, 0);
115
+ --p-decorative-one-surface: rgb(255, 201, 107);
116
+ --p-decorative-one-text: rgb(61, 40, 0);
117
+ --p-decorative-two-icon: rgb(175, 41, 78);
118
+ --p-decorative-two-surface: rgb(255, 196, 176);
119
+ --p-decorative-two-text: rgb(73, 11, 28);
120
+ --p-decorative-three-icon: rgb(0, 109, 65);
121
+ --p-decorative-three-surface: rgb(146, 230, 181);
122
+ --p-decorative-three-text: rgb(0, 47, 25);
123
+ --p-decorative-four-icon: rgb(0, 106, 104);
124
+ --p-decorative-four-surface: rgb(145, 224, 214);
125
+ --p-decorative-four-text: rgb(0, 45, 45);
126
+ --p-decorative-five-icon: rgb(174, 43, 76);
127
+ --p-decorative-five-surface: rgb(253, 201, 208);
128
+ --p-decorative-five-text: rgb(79, 14, 31);
129
+ }
data/dist-modern/palette/mfp-ui.dark.android.xml ADDED
@@ -0,0 +1,130 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <resources>
3
+ <color name="polaris_action_critical">#ffcd290c</color>
4
+ <color name="polaris_action_critical_depressed">#fffd5749</color>
5
+ <color name="polaris_action_critical_disabled">#ffbb250a</color>
6
+ <color name="polaris_action_critical_hovered">#ffe32f0e</color>
7
+ <color name="polaris_action_critical_pressed">#fffa3511</color>
8
+ <color name="polaris_action_primary">#ff2e71bf</color>
9
+ <color name="polaris_action_primary_depressed">#ff669ff3</color>
10
+ <color name="polaris_action_primary_disabled">#ff1d4c83</color>
11
+ <color name="polaris_action_primary_hovered">#ff3885df</color>
12
+ <color name="polaris_action_primary_pressed">#ff4492f1</color>
13
+ <color name="polaris_action_secondary">#ff4d5053</color>
14
+ <color name="polaris_action_secondary_depressed">#ff7b7f84</color>
15
+ <color name="polaris_action_secondary_disabled">#ff202223</color>
16
+ <color name="polaris_action_secondary_hovered">#ff54575b</color>
17
+ <color name="polaris_action_secondary_pressed">#ff606467</color>
18
+ <color name="polaris_backdrop">#80000000</color>
19
+ <color name="polaris_background">#ff0b0c0d</color>
20
+ <color name="polaris_background_hovered">#ff0b0c0d</color>
21
+ <color name="polaris_background_pressed">#ff0b0c0d</color>
22
+ <color name="polaris_background_selected">#ff0b0c0d</color>
23
+ <color name="polaris_border">#ff505356</color>
24
+ <color name="polaris_border_critical">#ffe32f0e</color>
25
+ <color name="polaris_border_critical_disabled">#ff831704</color>
26
+ <color name="polaris_border_critical_subdued">#ffe32f0e</color>
27
+ <color name="polaris_border_depressed">#ff8e9191</color>
28
+ <color name="polaris_border_disabled">#ff676b6f</color>
29
+ <color name="polaris_border_highlight">#ff449da7</color>
30
+ <color name="polaris_border_highlight_subdued">#ff449da7</color>
31
+ <color name="polaris_border_hovered">#ff505356</color>
32
+ <color name="polaris_border_neutral_subdued">#ff82878b</color>
33
+ <color name="polaris_border_shadow">#ff5b5f62</color>
34
+ <color name="polaris_border_shadow_subdued">#ff82878b</color>
35
+ <color name="polaris_border_subdued">#ff82878b</color>
36
+ <color name="polaris_border_success">#ff008766</color>
37
+ <color name="polaris_border_success_subdued">#ff008766</color>
38
+ <color name="polaris_border_warning">#ff997000</color>
39
+ <color name="polaris_border_warning_subdued">#ff997000</color>
40
+ <color name="polaris_decorative_five_icon">#fff4b7bf</color>
41
+ <color name="polaris_decorative_five_surface">#ffc23356</color>
42
+ <color name="polaris_decorative_five_text">#ffffffff</color>
43
+ <color name="polaris_decorative_four_icon">#ff00ddda</color>
44
+ <color name="polaris_decorative_four_surface">#ff167c79</color>
45
+ <color name="polaris_decorative_four_text">#ffffffff</color>
46
+ <color name="polaris_decorative_one_icon">#ffffba43</color>
47
+ <color name="polaris_decorative_one_surface">#ff8e6609</color>
48
+ <color name="polaris_decorative_one_text">#ffffffff</color>
49
+ <color name="polaris_decorative_three_icon">#ff00e38d</color>
50
+ <color name="polaris_decorative_three_surface">#ff007c5a</color>
51
+ <color name="polaris_decorative_three_text">#ffffffff</color>
52
+ <color name="polaris_decorative_two_icon">#fff5b6c0</color>
53
+ <color name="polaris_decorative_two_surface">#ffce5814</color>
54
+ <color name="polaris_decorative_two_text">#ffffffff</color>
55
+ <color name="polaris_divider">#ff454749</color>
56
+ <color name="polaris_focused">#ff2662b6</color>
57
+ <color name="polaris_hint_from_direct_light">#33b9b9b9</color>
58
+ <color name="polaris_icon">#ffa6acb2</color>
59
+ <color name="polaris_icon_critical">#ffda2d0d</color>
60
+ <color name="polaris_icon_disabled">#ff54575a</color>
61
+ <color name="polaris_icon_highlight">#ff2c6c73</color>
62
+ <color name="polaris_icon_hovered">#ffe1e3e5</color>
63
+ <color name="polaris_icon_on_critical">#fffff8f7</color>
64
+ <color name="polaris_icon_on_interactive">#ffffffff</color>
65
+ <color name="polaris_icon_on_primary">#fff7f9fe</color>
66
+ <color name="polaris_icon_pressed">#ffa6acb2</color>
67
+ <color name="polaris_icon_subdued">#ff787d81</color>
68
+ <color name="polaris_icon_success">#ff005e46</color>
69
+ <color name="polaris_icon_warning">#ff684b00</color>
70
+ <color name="polaris_interactive">#ff36a3ff</color>
71
+ <color name="polaris_interactive_critical">#fffd726a</color>
72
+ <color name="polaris_interactive_critical_disabled">#fffeaca8</color>
73
+ <color name="polaris_interactive_critical_hovered">#fffd8a84</color>
74
+ <color name="polaris_interactive_critical_pressed">#fffd9f9b</color>
75
+ <color name="polaris_interactive_disabled">#ff2662b6</color>
76
+ <color name="polaris_interactive_hovered">#ff67afff</color>
77
+ <color name="polaris_interactive_pressed">#ff88bcff</color>
78
+ <color name="polaris_on_surface_background">#ff2f3133</color>
79
+ <color name="polaris_overlay">#80212121</color>
80
+ <color name="polaris_shadow_from_ambient_light">#0d171818</color>
81
+ <color name="polaris_shadow_from_dim_light">#33ffffff</color>
82
+ <color name="polaris_shadow_from_direct_light">#26ffffff</color>
83
+ <color name="polaris_surface">#ff202123</color>
84
+ <color name="polaris_surface_critical">#ff450701</color>
85
+ <color name="polaris_surface_critical_subdued">#ff450701</color>
86
+ <color name="polaris_surface_critical_subdued_depressed">#ff871805</color>
87
+ <color name="polaris_surface_critical_subdued_hovered">#ff441714</color>
88
+ <color name="polaris_surface_critical_subdued_pressed">#ff6b1003</color>
89
+ <color name="polaris_surface_depressed">#ff505356</color>
90
+ <color name="polaris_surface_disabled">#ff1a1c1d</color>
91
+ <color name="polaris_surface_highlight">#ff006971</color>
92
+ <color name="polaris_surface_highlight_subdued">#ff123539</color>
93
+ <color name="polaris_surface_highlight_subdued_hovered">#ff143a3e</color>
94
+ <color name="polaris_surface_highlight_subdued_pressed">#ff184146</color>
95
+ <color name="polaris_surface_hovered">#ff2f3133</color>
96
+ <color name="polaris_surface_neutral">#ff313335</color>
97
+ <color name="polaris_surface_neutral_disabled">#ff313335</color>
98
+ <color name="polaris_surface_neutral_hovered">#ff313335</color>
99
+ <color name="polaris_surface_neutral_pressed">#ff313335</color>
100
+ <color name="polaris_surface_neutral_subdued">#ff44474a</color>
101
+ <color name="polaris_surface_pressed">#ff3e4043</color>
102
+ <color name="polaris_surface_primary_selected">#ff0e1118</color>
103
+ <color name="polaris_surface_primary_selected_hovered">#ff2a2e38</color>
104
+ <color name="polaris_surface_primary_selected_pressed">#ff383e4a</color>
105
+ <color name="polaris_surface_selected">#ff020e23</color>
106
+ <color name="polaris_surface_selected_hovered">#ff071d3d</color>
107
+ <color name="polaris_surface_selected_pressed">#ff0d2b56</color>
108
+ <color name="polaris_surface_subdued">#ff1a1c1d</color>
109
+ <color name="polaris_surface_success">#ff005e46</color>
110
+ <color name="polaris_surface_success_subdued">#ff1c352c</color>
111
+ <color name="polaris_surface_success_subdued_hovered">#ff1f3a30</color>
112
+ <color name="polaris_surface_success_subdued_pressed">#ff234136</color>
113
+ <color name="polaris_surface_warning">#ff997000</color>
114
+ <color name="polaris_surface_warning_subdued">#ff4d3b1d</color>
115
+ <color name="polaris_surface_warning_subdued_hovered">#ff523f20</color>
116
+ <color name="polaris_surface_warning_subdued_pressed">#ff574322</color>
117
+ <color name="polaris_text">#ffe3e5e7</color>
118
+ <color name="polaris_text_critical">#ffe9807a</color>
119
+ <color name="polaris_text_disabled">#ff6f7377</color>
120
+ <color name="polaris_text_highlight">#ffa2effa</color>
121
+ <color name="polaris_text_on_critical">#ffffffff</color>
122
+ <color name="polaris_text_on_interactive">#ffffffff</color>
123
+ <color name="polaris_text_on_primary">#ffffffff</color>
124
+ <color name="polaris_text_primary">#ff347dd3</color>
125
+ <color name="polaris_text_primary_hovered">#ff3b8dec</color>
126
+ <color name="polaris_text_primary_pressed">#ff609cf2</color>
127
+ <color name="polaris_text_subdued">#ff999fa4</color>
128
+ <color name="polaris_text_success">#ff58ad8e</color>
129
+ <color name="polaris_text_warning">#ffca9500</color>
130
+ </resources>
data/dist-modern/palette/mfp-ui.dark.figma.json ADDED
@@ -0,0 +1 @@
1
+ [{"name":"background","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Default"},{"name":"backgroundHovered","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Hovered"},{"name":"backgroundPressed","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Pressed"},{"name":"backgroundSelected","value":{"r":11,"g":12,"b":13,"a":1},"figmaName":"Background/Selected"},{"name":"surface","value":{"r":32,"g":33,"b":35,"a":1},"figmaName":"Surface/Default"},{"name":"surfaceNeutral","value":{"r":49,"g":51,"b":53,"a":1},"figmaName":"Surface Neutral/Default"},{"name":"surfaceNeutralHovered","value":{"r":49,"g":51,"b":53,"a":1},"figmaName":"Surface Neutral/Hovered"},{"name":"surfaceNeutralPressed","value":{"r":49,"g":51,"b":53,"a":1},"figmaName":"Surface Neutral/Pressed"},{"name":"surfaceNeutralDisabled","value":{"r":49,"g":51,"b":53,"a":1},"figmaName":"Surface Neutral/Disabled"},{"name":"surfaceNeutralSubdued","value":{"r":68,"g":71,"b":74,"a":1},"figmaName":"Surface Neutral/Subdued"},{"name":"surfaceSubdued","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Surface/Subdued"},{"name":"surfaceDisabled","value":{"r":26,"g":28,"b":29,"a":1},"figmaName":"Surface/Disabled"},{"name":"surfaceHovered","value":{"r":47,"g":49,"b":51,"a":1},"figmaName":"Surface/Hovered"},{"name":"surfacePressed","value":{"r":62,"g":64,"b":67,"a":1},"figmaName":"Surface/Pressed"},{"name":"surfaceDepressed","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Surface/Depressed"},{"name":"backdrop","value":{"r":0,"g":0,"b":0,"a":0.5},"figmaName":"Backdrop"},{"name":"overlay","value":{"r":33,"g":33,"b":33,"a":0.5},"figmaName":"Overlay"},{"name":"shadowFromDimLight","value":{"r":255,"g":255,"b":255,"a":0.2},"figmaName":"Shadow/From dim light"},{"name":"shadowFromAmbientLight","value":{"r":23,"g":24,"b":24,"a":0.05},"figmaName":"Shadow/From ambient light"},{"name":"shadowFromDirectLight","value":{"r":255,"g":255,"b":255,"a":0.15},"figmaName":"Shadow/From direct light"},{"name":"hintFromDirectLight","value":{"r":185,"g":185,"b":185,"a":0.2},"figmaName":"Hint/From direct light"},{"name":"onSurfaceBackground","value":{"r":47,"g":49,"b":51,"a":1},"figmaName":"Background/Default"},{"name":"border","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Border/Default"},{"name":"borderNeutralSubdued","value":{"r":130,"g":135,"b":139,"a":1},"figmaName":"Border Neutral/Subdued"},{"name":"borderHovered","value":{"r":80,"g":83,"b":86,"a":1},"figmaName":"Border/Hovered"},{"name":"borderDisabled","value":{"r":103,"g":107,"b":111,"a":1},"figmaName":"Border/Disabled"},{"name":"borderSubdued","value":{"r":130,"g":135,"b":139,"a":1},"figmaName":"Border/Subdued"},{"name":"borderDepressed","value":{"r":142,"g":145,"b":145,"a":1},"figmaName":"Border/Depressed"},{"name":"borderShadow","value":{"r":91,"g":95,"b":98,"a":1},"figmaName":"BorderShadow"},{"name":"borderShadowSubdued","value":{"r":130,"g":135,"b":139,"a":1},"figmaName":"BorderShadow/Subdued"},{"name":"divider","value":{"r":69,"g":71,"b":73,"a":1},"figmaName":"Divider"},{"name":"icon","value":{"r":166,"g":172,"b":178,"a":1},"figmaName":"Icon/Default"},{"name":"iconHovered","value":{"r":225,"g":227,"b":229,"a":1},"figmaName":"Icon/Hovered"},{"name":"iconPressed","value":{"r":166,"g":172,"b":178,"a":1},"figmaName":"Icon/Pressed"},{"name":"iconDisabled","value":{"r":84,"g":87,"b":90,"a":1},"figmaName":"Icon/Disabled"},{"name":"iconSubdued","value":{"r":120,"g":125,"b":129,"a":1},"figmaName":"Icon/Subdued"},{"name":"text","value":{"r":227,"g":229,"b":231,"a":1},"figmaName":"Text/Default"},{"name":"textDisabled","value":{"r":111,"g":115,"b":119,"a":1},"figmaName":"Text/Disabled"},{"name":"textSubdued","value":{"r":153,"g":159,"b":164,"a":1},"figmaName":"Text/Subdued"},{"name":"interactive","value":{"r":54,"g":163,"b":255,"a":1},"figmaName":"Interactive/Default"},{"name":"interactiveDisabled","value":{"r":38,"g":98,"b":182,"a":1},"figmaName":"Interactive/Disabled"},{"name":"interactiveHovered","value":{"r":103,"g":175,"b":255,"a":1},"figmaName":"Interactive/Hovered"},{"name":"interactivePressed","value":{"r":136,"g":188,"b":255,"a":1},"figmaName":"Interactive/Pressed"},{"name":"focused","value":{"r":38,"g":98,"b":182,"a":1},"figmaName":"Focused/Default"},{"name":"surfaceSelected","value":{"r":2,"g":14,"b":35,"a":1},"figmaName":"Surface Selected/Default"},{"name":"surfaceSelectedHovered","value":{"r":7,"g":29,"b":61,"a":1},"figmaName":"Surface Selected/Hovered"},{"name":"surfaceSelectedPressed","value":{"r":13,"g":43,"b":86,"a":1},"figmaName":"Surface Selected/Pressed"},{"name":"iconOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Icon On/Interactive"},{"name":"textOnInteractive","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Interactive"},{"name":"actionSecondary","value":{"r":77,"g":80,"b":83,"a":1},"figmaName":"Action Secondary/Default"},{"name":"actionSecondaryDisabled","value":{"r":32,"g":34,"b":35,"a":1},"figmaName":"Action Secondary/Disabled"},{"name":"actionSecondaryHovered","value":{"r":84,"g":87,"b":91,"a":1},"figmaName":"Action Secondary/Hovered"},{"name":"actionSecondaryPressed","value":{"r":96,"g":100,"b":103,"a":1},"figmaName":"Action Secondary/Pressed"},{"name":"actionSecondaryDepressed","value":{"r":123,"g":127,"b":132,"a":1},"figmaName":"Action Secondary/Depressed"},{"name":"actionPrimary","value":{"r":46,"g":113,"b":191,"a":1},"figmaName":"Action Primary/Default"},{"name":"actionPrimaryDisabled","value":{"r":29,"g":76,"b":131,"a":1},"figmaName":"Action Primary/Disabled"},{"name":"actionPrimaryHovered","value":{"r":56,"g":133,"b":223,"a":1},"figmaName":"Action Primary/Hovered"},{"name":"actionPrimaryPressed","value":{"r":68,"g":146,"b":241,"a":1},"figmaName":"Action Primary/Pressed"},{"name":"actionPrimaryDepressed","value":{"r":102,"g":159,"b":243,"a":1},"figmaName":"Action Primary/Depressed"},{"name":"iconOnPrimary","value":{"r":247,"g":249,"b":254,"a":1},"figmaName":"Icon On/Primary"},{"name":"textOnPrimary","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Primary"},{"name":"textPrimary","value":{"r":52,"g":125,"b":211,"a":1},"figmaName":"Text Primary/Default"},{"name":"textPrimaryHovered","value":{"r":59,"g":141,"b":236,"a":1},"figmaName":"Text Primary/hover"},{"name":"textPrimaryPressed","value":{"r":96,"g":156,"b":242,"a":1},"figmaName":"Text Primary/Pressed"},{"name":"surfacePrimarySelected","value":{"r":14,"g":17,"b":24,"a":1},"figmaName":"Surface Primary/Selected"},{"name":"surfacePrimarySelectedHovered","value":{"r":42,"g":46,"b":56,"a":1},"figmaName":"Surface Primary/Selected Hovered"},{"name":"surfacePrimarySelectedPressed","value":{"r":56,"g":62,"b":74,"a":1},"figmaName":"Surface Primary/Selected Pressed"},{"name":"borderCritical","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Border Critical/Default"},{"name":"borderCriticalSubdued","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Border Critical/Subdued"},{"name":"borderCriticalDisabled","value":{"r":131,"g":23,"b":4,"a":1},"figmaName":"Border Critical/Disabled"},{"name":"iconCritical","value":{"r":218,"g":45,"b":13,"a":1},"figmaName":"Icon/Critical"},{"name":"surfaceCritical","value":{"r":69,"g":7,"b":1,"a":1},"figmaName":"Surface Critical/Default"},{"name":"surfaceCriticalSubdued","value":{"r":69,"g":7,"b":1,"a":1},"figmaName":"Surface Critical/Subdued"},{"name":"surfaceCriticalSubduedHovered","value":{"r":68,"g":23,"b":20,"a":1},"figmaName":"Surface Critical/Subdued Hovered"},{"name":"surfaceCriticalSubduedPressed","value":{"r":107,"g":16,"b":3,"a":1},"figmaName":"Surface Critical/Subdued Pressed"},{"name":"surfaceCriticalSubduedDepressed","value":{"r":135,"g":24,"b":5,"a":1},"figmaName":"Surface Critical/Subdued Depressed"},{"name":"textCritical","value":{"r":233,"g":128,"b":122,"a":1},"figmaName":"Text/Critical"},{"name":"actionCritical","value":{"r":205,"g":41,"b":12,"a":1},"figmaName":"Action Critical/Default"},{"name":"actionCriticalDisabled","value":{"r":187,"g":37,"b":10,"a":1},"figmaName":"Action Critical/Disabled"},{"name":"actionCriticalHovered","value":{"r":227,"g":47,"b":14,"a":1},"figmaName":"Action Critical/Hovered"},{"name":"actionCriticalPressed","value":{"r":250,"g":53,"b":17,"a":1},"figmaName":"Action Critical/Pressed"},{"name":"actionCriticalDepressed","value":{"r":253,"g":87,"b":73,"a":1},"figmaName":"Action Critical/Depressed"},{"name":"iconOnCritical","value":{"r":255,"g":248,"b":247,"a":1},"figmaName":"Icon On/Critical"},{"name":"textOnCritical","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Text On/Critical"},{"name":"interactiveCritical","value":{"r":253,"g":114,"b":106,"a":1},"figmaName":"Interactive/Critical"},{"name":"interactiveCriticalDisabled","value":{"r":254,"g":172,"b":168,"a":1},"figmaName":"Interactive/Critical Disabled"},{"name":"interactiveCriticalHovered","value":{"r":253,"g":138,"b":132,"a":1},"figmaName":"Interactive/Critical Hovered"},{"name":"interactiveCriticalPressed","value":{"r":253,"g":159,"b":155,"a":1},"figmaName":"Interactive/Critical Pressed"},{"name":"borderWarning","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Border Warning/Default"},{"name":"borderWarningSubdued","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Border Warning/Subdued"},{"name":"iconWarning","value":{"r":104,"g":75,"b":0,"a":1},"figmaName":"Icon/Warning"},{"name":"surfaceWarning","value":{"r":153,"g":112,"b":0,"a":1},"figmaName":"Surface Warning/Default"},{"name":"surfaceWarningSubdued","value":{"r":77,"g":59,"b":29,"a":1},"figmaName":"Surface Warning/Subdued"},{"name":"surfaceWarningSubduedHovered","value":{"r":82,"g":63,"b":32,"a":1},"figmaName":"Surface Warning/Subdued Hovered"},{"name":"surfaceWarningSubduedPressed","value":{"r":87,"g":67,"b":34,"a":1},"figmaName":"Surface Warning/Subdued Pressed"},{"name":"textWarning","value":{"r":202,"g":149,"b":0,"a":1},"figmaName":"Text/Warning"},{"name":"borderHighlight","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Default"},{"name":"borderHighlightSubdued","value":{"r":68,"g":157,"b":167,"a":1},"figmaName":"Border Highlight/Subdued"},{"name":"iconHighlight","value":{"r":44,"g":108,"b":115,"a":1},"figmaName":"Icon/Highlight"},{"name":"surfaceHighlight","value":{"r":0,"g":105,"b":113,"a":1},"figmaName":"Surface Highlight/Default"},{"name":"surfaceHighlightSubdued","value":{"r":18,"g":53,"b":57,"a":1},"figmaName":"Surface Highlight/Subdued"},{"name":"surfaceHighlightSubduedHovered","value":{"r":20,"g":58,"b":62,"a":1},"figmaName":"Surface Highlight/Subdued Hovered"},{"name":"surfaceHighlightSubduedPressed","value":{"r":24,"g":65,"b":70,"a":1},"figmaName":"Surface Highlight/Subdued Pressed"},{"name":"textHighlight","value":{"r":162,"g":239,"b":250,"a":1},"figmaName":"Text/Highlight"},{"name":"borderSuccess","value":{"r":0,"g":135,"b":102,"a":1},"figmaName":"Border Success/Default"},{"name":"borderSuccessSubdued","value":{"r":0,"g":135,"b":102,"a":1},"figmaName":"Border Success/Subdued"},{"name":"iconSuccess","value":{"r":0,"g":94,"b":70,"a":1},"figmaName":"Icon/Success"},{"name":"surfaceSuccess","value":{"r":0,"g":94,"b":70,"a":1},"figmaName":"Surface Success/Default"},{"name":"surfaceSuccessSubdued","value":{"r":28,"g":53,"b":44,"a":1},"figmaName":"Surface Success/Subdued"},{"name":"surfaceSuccessSubduedHovered","value":{"r":31,"g":58,"b":48,"a":1},"figmaName":"Surface Success/Subdued Hovered"},{"name":"surfaceSuccessSubduedPressed","value":{"r":35,"g":65,"b":54,"a":1},"figmaName":"Surface Success/Subdued Pressed"},{"name":"textSuccess","value":{"r":88,"g":173,"b":142,"a":1},"figmaName":"Text/Success"},{"name":"decorativeOneIcon","value":{"r":255,"g":186,"b":67,"a":1},"figmaName":"Decorative/Icon/One"},{"name":"decorativeOneSurface","value":{"r":142,"g":102,"b":9,"a":1},"figmaName":"Decorative/Surface/One"},{"name":"decorativeOneText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/One"},{"name":"decorativeTwoIcon","value":{"r":245,"g":182,"b":192,"a":1},"figmaName":"Decorative/Icon/Two"},{"name":"decorativeTwoSurface","value":{"r":206,"g":88,"b":20,"a":1},"figmaName":"Decorative/Surface/Two"},{"name":"decorativeTwoText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Two"},{"name":"decorativeThreeIcon","value":{"r":0,"g":227,"b":141,"a":1},"figmaName":"Decorative/Icon/Three"},{"name":"decorativeThreeSurface","value":{"r":0,"g":124,"b":90,"a":1},"figmaName":"Decorative/Surface/Three"},{"name":"decorativeThreeText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Three"},{"name":"decorativeFourIcon","value":{"r":0,"g":221,"b":218,"a":1},"figmaName":"Decorative/Icon/Four"},{"name":"decorativeFourSurface","value":{"r":22,"g":124,"b":121,"a":1},"figmaName":"Decorative/Surface/Four"},{"name":"decorativeFourText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Four"},{"name":"decorativeFiveIcon","value":{"r":244,"g":183,"b":191,"a":1},"figmaName":"Decorative/Icon/Five"},{"name":"decorativeFiveSurface","value":{"r":194,"g":51,"b":86,"a":1},"figmaName":"Decorative/Surface/Five"},{"name":"decorativeFiveText","value":{"r":255,"g":255,"b":255,"a":1},"figmaName":"Decorative/Text/Five"}]
data/dist-modern/palette/mfp-ui.dark.ios.json ADDED
@@ -0,0 +1 @@
1
+ [{"name":"background","rgba":{"r":0.043137254901960784,"g":0.047058823529411764,"b":0.050980392156862744,"a":1},"hex":"#0b0c0dff"},{"name":"backgroundHovered","rgba":{"r":0.043137254901960784,"g":0.047058823529411764,"b":0.050980392156862744,"a":1},"hex":"#0b0c0dff"},{"name":"backgroundPressed","rgba":{"r":0.043137254901960784,"g":0.047058823529411764,"b":0.050980392156862744,"a":1},"hex":"#0b0c0dff"},{"name":"backgroundSelected","rgba":{"r":0.043137254901960784,"g":0.047058823529411764,"b":0.050980392156862744,"a":1},"hex":"#0b0c0dff"},{"name":"surface","rgba":{"r":0.12549019607843137,"g":0.12941176470588237,"b":0.13725490196078433,"a":1},"hex":"#202123ff"},{"name":"surfaceNeutral","rgba":{"r":0.19215686274509805,"g":0.2,"b":0.20784313725490197,"a":1},"hex":"#313335ff"},{"name":"surfaceNeutralHovered","rgba":{"r":0.19215686274509805,"g":0.2,"b":0.20784313725490197,"a":1},"hex":"#313335ff"},{"name":"surfaceNeutralPressed","rgba":{"r":0.19215686274509805,"g":0.2,"b":0.20784313725490197,"a":1},"hex":"#313335ff"},{"name":"surfaceNeutralDisabled","rgba":{"r":0.19215686274509805,"g":0.2,"b":0.20784313725490197,"a":1},"hex":"#313335ff"},{"name":"surfaceNeutralSubdued","rgba":{"r":0.26666666666666666,"g":0.2784313725490196,"b":0.2901960784313726,"a":1},"hex":"#44474aff"},{"name":"surfaceSubdued","rgba":{"r":0.10196078431372549,"g":0.10980392156862745,"b":0.11372549019607843,"a":1},"hex":"#1a1c1dff"},{"name":"surfaceDisabled","rgba":{"r":0.10196078431372549,"g":0.10980392156862745,"b":0.11372549019607843,"a":1},"hex":"#1a1c1dff"},{"name":"surfaceHovered","rgba":{"r":0.1843137254901961,"g":0.19215686274509805,"b":0.2,"a":1},"hex":"#2f3133ff"},{"name":"surfacePressed","rgba":{"r":0.24313725490196078,"g":0.25098039215686274,"b":0.2627450980392157,"a":1},"hex":"#3e4043ff"},{"name":"surfaceDepressed","rgba":{"r":0.3137254901960784,"g":0.3254901960784314,"b":0.33725490196078434,"a":1},"hex":"#505356ff"},{"name":"backdrop","rgba":{"r":0,"g":0,"b":0,"a":0.5},"hex":"#00000080"},{"name":"overlay","rgba":{"r":0.12941176470588237,"g":0.12941176470588237,"b":0.12941176470588237,"a":0.5},"hex":"#21212180"},{"name":"shadowFromDimLight","rgba":{"r":1,"g":1,"b":1,"a":0.2},"hex":"#ffffff33"},{"name":"shadowFromAmbientLight","rgba":{"r":0.09019607843137255,"g":0.09411764705882353,"b":0.09411764705882353,"a":0.05},"hex":"#1718180d"},{"name":"shadowFromDirectLight","rgba":{"r":1,"g":1,"b":1,"a":0.15},"hex":"#ffffff26"},{"name":"hintFromDirectLight","rgba":{"r":0.7254901960784313,"g":0.7254901960784313,"b":0.7254901960784313,"a":0.2},"hex":"#b9b9b933"},{"name":"onSurfaceBackground","rgba":{"r":0.1843137254901961,"g":0.19215686274509805,"b":0.2,"a":1},"hex":"#2f3133ff"},{"name":"border","rgba":{"r":0.3137254901960784,"g":0.3254901960784314,"b":0.33725490196078434,"a":1},"hex":"#505356ff"},{"name":"borderNeutralSubdued","rgba":{"r":0.5098039215686274,"g":0.5294117647058824,"b":0.5450980392156862,"a":1},"hex":"#82878bff"},{"name":"borderHovered","rgba":{"r":0.3137254901960784,"g":0.3254901960784314,"b":0.33725490196078434,"a":1},"hex":"#505356ff"},{"name":"borderDisabled","rgba":{"r":0.403921568627451,"g":0.4196078431372549,"b":0.43529411764705883,"a":1},"hex":"#676b6fff"},{"name":"borderSubdued","rgba":{"r":0.5098039215686274,"g":0.5294117647058824,"b":0.5450980392156862,"a":1},"hex":"#82878bff"},{"name":"borderDepressed","rgba":{"r":0.5568627450980392,"g":0.5686274509803921,"b":0.5686274509803921,"a":1},"hex":"#8e9191ff"},{"name":"borderShadow","rgba":{"r":0.3568627450980392,"g":0.37254901960784315,"b":0.3843137254901961,"a":1},"hex":"#5b5f62ff"},{"name":"borderShadowSubdued","rgba":{"r":0.5098039215686274,"g":0.5294117647058824,"b":0.5450980392156862,"a":1},"hex":"#82878bff"},{"name":"divider","rgba":{"r":0.27058823529411763,"g":0.2784313725490196,"b":0.28627450980392155,"a":1},"hex":"#454749ff"},{"name":"icon","rgba":{"r":0.6509803921568628,"g":0.6745098039215687,"b":0.6980392156862745,"a":1},"hex":"#a6acb2ff"},{"name":"iconHovered","rgba":{"r":0.8823529411764706,"g":0.8901960784313725,"b":0.8980392156862745,"a":1},"hex":"#e1e3e5ff"},{"name":"iconPressed","rgba":{"r":0.6509803921568628,"g":0.6745098039215687,"b":0.6980392156862745,"a":1},"hex":"#a6acb2ff"},{"name":"iconDisabled","rgba":{"r":0.32941176470588235,"g":0.3411764705882353,"b":0.35294117647058826,"a":1},"hex":"#54575aff"},{"name":"iconSubdued","rgba":{"r":0.47058823529411764,"g":0.49019607843137253,"b":0.5058823529411764,"a":1},"hex":"#787d81ff"},{"name":"text","rgba":{"r":0.8901960784313725,"g":0.8980392156862745,"b":0.9058823529411765,"a":1},"hex":"#e3e5e7ff"},{"name":"textDisabled","rgba":{"r":0.43529411764705883,"g":0.45098039215686275,"b":0.4666666666666667,"a":1},"hex":"#6f7377ff"},{"name":"textSubdued","rgba":{"r":0.6,"g":0.6235294117647059,"b":0.6431372549019608,"a":1},"hex":"#999fa4ff"},{"name":"interactive","rgba":{"r":0.21176470588235294,"g":0.6392156862745098,"b":1,"a":1},"hex":"#36a3ffff"},{"name":"interactiveDisabled","rgba":{"r":0.14901960784313725,"g":0.3843137254901961,"b":0.7137254901960784,"a":1},"hex":"#2662b6ff"},{"name":"interactiveHovered","rgba":{"r":0.403921568627451,"g":0.6862745098039216,"b":1,"a":1},"hex":"#67afffff"},{"name":"interactivePressed","rgba":{"r":0.5333333333333333,"g":0.7372549019607844,"b":1,"a":1},"hex":"#88bcffff"},{"name":"focused","rgba":{"r":0.14901960784313725,"g":0.3843137254901961,"b":0.7137254901960784,"a":1},"hex":"#2662b6ff"},{"name":"surfaceSelected","rgba":{"r":0.00784313725490196,"g":0.054901960784313725,"b":0.13725490196078433,"a":1},"hex":"#020e23ff"},{"name":"surfaceSelectedHovered","rgba":{"r":0.027450980392156862,"g":0.11372549019607843,"b":0.23921568627450981,"a":1},"hex":"#071d3dff"},{"name":"surfaceSelectedPressed","rgba":{"r":0.050980392156862744,"g":0.16862745098039217,"b":0.33725490196078434,"a":1},"hex":"#0d2b56ff"},{"name":"iconOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textOnInteractive","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"actionSecondary","rgba":{"r":0.30196078431372547,"g":0.3137254901960784,"b":0.3254901960784314,"a":1},"hex":"#4d5053ff"},{"name":"actionSecondaryDisabled","rgba":{"r":0.12549019607843137,"g":0.13333333333333333,"b":0.13725490196078433,"a":1},"hex":"#202223ff"},{"name":"actionSecondaryHovered","rgba":{"r":0.32941176470588235,"g":0.3411764705882353,"b":0.3568627450980392,"a":1},"hex":"#54575bff"},{"name":"actionSecondaryPressed","rgba":{"r":0.3764705882352941,"g":0.39215686274509803,"b":0.403921568627451,"a":1},"hex":"#606467ff"},{"name":"actionSecondaryDepressed","rgba":{"r":0.4823529411764706,"g":0.4980392156862745,"b":0.5176470588235295,"a":1},"hex":"#7b7f84ff"},{"name":"actionPrimary","rgba":{"r":0.1803921568627451,"g":0.44313725490196076,"b":0.7490196078431373,"a":1},"hex":"#2e71bfff"},{"name":"actionPrimaryDisabled","rgba":{"r":0.11372549019607843,"g":0.2980392156862745,"b":0.5137254901960784,"a":1},"hex":"#1d4c83ff"},{"name":"actionPrimaryHovered","rgba":{"r":0.2196078431372549,"g":0.5215686274509804,"b":0.8745098039215686,"a":1},"hex":"#3885dfff"},{"name":"actionPrimaryPressed","rgba":{"r":0.26666666666666666,"g":0.5725490196078431,"b":0.9450980392156862,"a":1},"hex":"#4492f1ff"},{"name":"actionPrimaryDepressed","rgba":{"r":0.4,"g":0.6235294117647059,"b":0.9529411764705882,"a":1},"hex":"#669ff3ff"},{"name":"iconOnPrimary","rgba":{"r":0.9686274509803922,"g":0.9764705882352941,"b":0.996078431372549,"a":1},"hex":"#f7f9feff"},{"name":"textOnPrimary","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"textPrimary","rgba":{"r":0.20392156862745098,"g":0.49019607843137253,"b":0.8274509803921568,"a":1},"hex":"#347dd3ff"},{"name":"textPrimaryHovered","rgba":{"r":0.23137254901960785,"g":0.5529411764705883,"b":0.9254901960784314,"a":1},"hex":"#3b8decff"},{"name":"textPrimaryPressed","rgba":{"r":0.3764705882352941,"g":0.611764705882353,"b":0.9490196078431372,"a":1},"hex":"#609cf2ff"},{"name":"surfacePrimarySelected","rgba":{"r":0.054901960784313725,"g":0.06666666666666667,"b":0.09411764705882353,"a":1},"hex":"#0e1118ff"},{"name":"surfacePrimarySelectedHovered","rgba":{"r":0.16470588235294117,"g":0.1803921568627451,"b":0.2196078431372549,"a":1},"hex":"#2a2e38ff"},{"name":"surfacePrimarySelectedPressed","rgba":{"r":0.2196078431372549,"g":0.24313725490196078,"b":0.2901960784313726,"a":1},"hex":"#383e4aff"},{"name":"borderCritical","rgba":{"r":0.8901960784313725,"g":0.1843137254901961,"b":0.054901960784313725,"a":1},"hex":"#e32f0eff"},{"name":"borderCriticalSubdued","rgba":{"r":0.8901960784313725,"g":0.1843137254901961,"b":0.054901960784313725,"a":1},"hex":"#e32f0eff"},{"name":"borderCriticalDisabled","rgba":{"r":0.5137254901960784,"g":0.09019607843137255,"b":0.01568627450980392,"a":1},"hex":"#831704ff"},{"name":"iconCritical","rgba":{"r":0.8549019607843137,"g":0.17647058823529413,"b":0.050980392156862744,"a":1},"hex":"#da2d0dff"},{"name":"surfaceCritical","rgba":{"r":0.27058823529411763,"g":0.027450980392156862,"b":0.00392156862745098,"a":1},"hex":"#450701ff"},{"name":"surfaceCriticalSubdued","rgba":{"r":0.27058823529411763,"g":0.027450980392156862,"b":0.00392156862745098,"a":1},"hex":"#450701ff"},{"name":"surfaceCriticalSubduedHovered","rgba":{"r":0.26666666666666666,"g":0.09019607843137255,"b":0.0784313725490196,"a":1},"hex":"#441714ff"},{"name":"surfaceCriticalSubduedPressed","rgba":{"r":0.4196078431372549,"g":0.06274509803921569,"b":0.011764705882352941,"a":1},"hex":"#6b1003ff"},{"name":"surfaceCriticalSubduedDepressed","rgba":{"r":0.5294117647058824,"g":0.09411764705882353,"b":0.0196078431372549,"a":1},"hex":"#871805ff"},{"name":"textCritical","rgba":{"r":0.9137254901960784,"g":0.5019607843137255,"b":0.47843137254901963,"a":1},"hex":"#e9807aff"},{"name":"actionCritical","rgba":{"r":0.803921568627451,"g":0.1607843137254902,"b":0.047058823529411764,"a":1},"hex":"#cd290cff"},{"name":"actionCriticalDisabled","rgba":{"r":0.7333333333333333,"g":0.1450980392156863,"b":0.0392156862745098,"a":1},"hex":"#bb250aff"},{"name":"actionCriticalHovered","rgba":{"r":0.8901960784313725,"g":0.1843137254901961,"b":0.054901960784313725,"a":1},"hex":"#e32f0eff"},{"name":"actionCriticalPressed","rgba":{"r":0.9803921568627451,"g":0.20784313725490197,"b":0.06666666666666667,"a":1},"hex":"#fa3511ff"},{"name":"actionCriticalDepressed","rgba":{"r":0.9921568627450981,"g":0.3411764705882353,"b":0.28627450980392155,"a":1},"hex":"#fd5749ff"},{"name":"iconOnCritical","rgba":{"r":1,"g":0.9725490196078431,"b":0.9686274509803922,"a":1},"hex":"#fff8f7ff"},{"name":"textOnCritical","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"interactiveCritical","rgba":{"r":0.9921568627450981,"g":0.4470588235294118,"b":0.41568627450980394,"a":1},"hex":"#fd726aff"},{"name":"interactiveCriticalDisabled","rgba":{"r":0.996078431372549,"g":0.6745098039215687,"b":0.6588235294117647,"a":1},"hex":"#feaca8ff"},{"name":"interactiveCriticalHovered","rgba":{"r":0.9921568627450981,"g":0.5411764705882353,"b":0.5176470588235295,"a":1},"hex":"#fd8a84ff"},{"name":"interactiveCriticalPressed","rgba":{"r":0.9921568627450981,"g":0.6235294117647059,"b":0.6078431372549019,"a":1},"hex":"#fd9f9bff"},{"name":"borderWarning","rgba":{"r":0.6,"g":0.4392156862745098,"b":0,"a":1},"hex":"#997000ff"},{"name":"borderWarningSubdued","rgba":{"r":0.6,"g":0.4392156862745098,"b":0,"a":1},"hex":"#997000ff"},{"name":"iconWarning","rgba":{"r":0.40784313725490196,"g":0.29411764705882354,"b":0,"a":1},"hex":"#684b00ff"},{"name":"surfaceWarning","rgba":{"r":0.6,"g":0.4392156862745098,"b":0,"a":1},"hex":"#997000ff"},{"name":"surfaceWarningSubdued","rgba":{"r":0.30196078431372547,"g":0.23137254901960785,"b":0.11372549019607843,"a":1},"hex":"#4d3b1dff"},{"name":"surfaceWarningSubduedHovered","rgba":{"r":0.3215686274509804,"g":0.24705882352941178,"b":0.12549019607843137,"a":1},"hex":"#523f20ff"},{"name":"surfaceWarningSubduedPressed","rgba":{"r":0.3411764705882353,"g":0.2627450980392157,"b":0.13333333333333333,"a":1},"hex":"#574322ff"},{"name":"textWarning","rgba":{"r":0.792156862745098,"g":0.5843137254901961,"b":0,"a":1},"hex":"#ca9500ff"},{"name":"borderHighlight","rgba":{"r":0.26666666666666666,"g":0.615686274509804,"b":0.6549019607843137,"a":1},"hex":"#449da7ff"},{"name":"borderHighlightSubdued","rgba":{"r":0.26666666666666666,"g":0.615686274509804,"b":0.6549019607843137,"a":1},"hex":"#449da7ff"},{"name":"iconHighlight","rgba":{"r":0.17254901960784313,"g":0.4235294117647059,"b":0.45098039215686275,"a":1},"hex":"#2c6c73ff"},{"name":"surfaceHighlight","rgba":{"r":0,"g":0.4117647058823529,"b":0.44313725490196076,"a":1},"hex":"#006971ff"},{"name":"surfaceHighlightSubdued","rgba":{"r":0.07058823529411765,"g":0.20784313725490197,"b":0.2235294117647059,"a":1},"hex":"#123539ff"},{"name":"surfaceHighlightSubduedHovered","rgba":{"r":0.0784313725490196,"g":0.22745098039215686,"b":0.24313725490196078,"a":1},"hex":"#143a3eff"},{"name":"surfaceHighlightSubduedPressed","rgba":{"r":0.09411764705882353,"g":0.2549019607843137,"b":0.27450980392156865,"a":1},"hex":"#184146ff"},{"name":"textHighlight","rgba":{"r":0.6352941176470588,"g":0.9372549019607843,"b":0.9803921568627451,"a":1},"hex":"#a2effaff"},{"name":"borderSuccess","rgba":{"r":0,"g":0.5294117647058824,"b":0.4,"a":1},"hex":"#008766ff"},{"name":"borderSuccessSubdued","rgba":{"r":0,"g":0.5294117647058824,"b":0.4,"a":1},"hex":"#008766ff"},{"name":"iconSuccess","rgba":{"r":0,"g":0.3686274509803922,"b":0.27450980392156865,"a":1},"hex":"#005e46ff"},{"name":"surfaceSuccess","rgba":{"r":0,"g":0.3686274509803922,"b":0.27450980392156865,"a":1},"hex":"#005e46ff"},{"name":"surfaceSuccessSubdued","rgba":{"r":0.10980392156862745,"g":0.20784313725490197,"b":0.17254901960784313,"a":1},"hex":"#1c352cff"},{"name":"surfaceSuccessSubduedHovered","rgba":{"r":0.12156862745098039,"g":0.22745098039215686,"b":0.18823529411764706,"a":1},"hex":"#1f3a30ff"},{"name":"surfaceSuccessSubduedPressed","rgba":{"r":0.13725490196078433,"g":0.2549019607843137,"b":0.21176470588235294,"a":1},"hex":"#234136ff"},{"name":"textSuccess","rgba":{"r":0.34509803921568627,"g":0.6784313725490196,"b":0.5568627450980392,"a":1},"hex":"#58ad8eff"},{"name":"decorativeOneIcon","rgba":{"r":1,"g":0.7294117647058823,"b":0.2627450980392157,"a":1},"hex":"#ffba43ff"},{"name":"decorativeOneSurface","rgba":{"r":0.5568627450980392,"g":0.4,"b":0.03529411764705882,"a":1},"hex":"#8e6609ff"},{"name":"decorativeOneText","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"decorativeTwoIcon","rgba":{"r":0.9607843137254902,"g":0.7137254901960784,"b":0.7529411764705882,"a":1},"hex":"#f5b6c0ff"},{"name":"decorativeTwoSurface","rgba":{"r":0.807843137254902,"g":0.34509803921568627,"b":0.0784313725490196,"a":1},"hex":"#ce5814ff"},{"name":"decorativeTwoText","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"decorativeThreeIcon","rgba":{"r":0,"g":0.8901960784313725,"b":0.5529411764705883,"a":1},"hex":"#00e38dff"},{"name":"decorativeThreeSurface","rgba":{"r":0,"g":0.48627450980392156,"b":0.35294117647058826,"a":1},"hex":"#007c5aff"},{"name":"decorativeThreeText","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"decorativeFourIcon","rgba":{"r":0,"g":0.8666666666666667,"b":0.8549019607843137,"a":1},"hex":"#00dddaff"},{"name":"decorativeFourSurface","rgba":{"r":0.08627450980392157,"g":0.48627450980392156,"b":0.4745098039215686,"a":1},"hex":"#167c79ff"},{"name":"decorativeFourText","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"},{"name":"decorativeFiveIcon","rgba":{"r":0.9568627450980393,"g":0.7176470588235294,"b":0.7490196078431373,"a":1},"hex":"#f4b7bfff"},{"name":"decorativeFiveSurface","rgba":{"r":0.7607843137254902,"g":0.2,"b":0.33725490196078434,"a":1},"hex":"#c23356ff"},{"name":"decorativeFiveText","rgba":{"r":1,"g":1,"b":1,"a":1},"hex":"#ffffffff"}]
data/dist-modern/palette/mfp-ui.dark.json ADDED
@@ -0,0 +1,129 @@
1
+ {
2
+ "background": "rgb(11, 12, 13)",
3
+ "backgroundHovered": "rgb(11, 12, 13)",
4
+ "backgroundPressed": "rgb(11, 12, 13)",
5
+ "backgroundSelected": "rgb(11, 12, 13)",
6
+ "surface": "rgb(32, 33, 35)",
7
+ "surfaceNeutral": "rgb(49, 51, 53)",
8
+ "surfaceNeutralHovered": "rgb(49, 51, 53)",
9
+ "surfaceNeutralPressed": "rgb(49, 51, 53)",
10
+ "surfaceNeutralDisabled": "rgb(49, 51, 53)",
11
+ "surfaceNeutralSubdued": "rgb(68, 71, 74)",
12
+ "surfaceSubdued": "rgb(26, 28, 29)",
13
+ "surfaceDisabled": "rgb(26, 28, 29)",
14
+ "surfaceHovered": "rgb(47, 49, 51)",
15
+ "surfacePressed": "rgb(62, 64, 67)",
16
+ "surfaceDepressed": "rgb(80, 83, 86)",
17
+ "backdrop": "rgba(0, 0, 0, 0.5)",
18
+ "overlay": "rgba(33, 33, 33, 0.5)",
19
+ "shadowFromDimLight": "rgba(255, 255, 255, 0.2)",
20
+ "shadowFromAmbientLight": "rgba(23, 24, 24, 0.05)",
21
+ "shadowFromDirectLight": "rgba(255, 255, 255, 0.15)",
22
+ "hintFromDirectLight": "rgba(185, 185, 185, 0.2)",
23
+ "onSurfaceBackground": "rgb(47, 49, 51)",
24
+ "border": "rgb(80, 83, 86)",
25
+ "borderNeutralSubdued": "rgb(130, 135, 139)",
26
+ "borderHovered": "rgb(80, 83, 86)",
27
+ "borderDisabled": "rgb(103, 107, 111)",
28
+ "borderSubdued": "rgb(130, 135, 139)",
29
+ "borderDepressed": "rgb(142, 145, 145)",
30
+ "borderShadow": "rgb(91, 95, 98)",
31
+ "borderShadowSubdued": "rgb(130, 135, 139)",
32
+ "divider": "rgb(69, 71, 73)",
33
+ "icon": "rgb(166, 172, 178)",
34
+ "iconHovered": "rgb(225, 227, 229)",
35
+ "iconPressed": "rgb(166, 172, 178)",
36
+ "iconDisabled": "rgb(84, 87, 90)",
37
+ "iconSubdued": "rgb(120, 125, 129)",
38
+ "text": "rgb(227, 229, 231)",
39
+ "textDisabled": "rgb(111, 115, 119)",
40
+ "textSubdued": "rgb(153, 159, 164)",
41
+ "interactive": "rgb(54, 163, 255)",
42
+ "interactiveDisabled": "rgb(38, 98, 182)",
43
+ "interactiveHovered": "rgb(103, 175, 255)",
44
+ "interactivePressed": "rgb(136, 188, 255)",
45
+ "focused": "rgb(38, 98, 182)",
46
+ "surfaceSelected": "rgb(2, 14, 35)",
47
+ "surfaceSelectedHovered": "rgb(7, 29, 61)",
48
+ "surfaceSelectedPressed": "rgb(13, 43, 86)",
49
+ "iconOnInteractive": "rgb(255, 255, 255)",
50
+ "textOnInteractive": "rgb(255, 255, 255)",
51
+ "actionSecondary": "rgb(77, 80, 83)",
52
+ "actionSecondaryDisabled": "rgb(32, 34, 35)",
53
+ "actionSecondaryHovered": "rgb(84, 87, 91)",
54
+ "actionSecondaryPressed": "rgb(96, 100, 103)",
55
+ "actionSecondaryDepressed": "rgb(123, 127, 132)",
56
+ "actionPrimary": "rgb(46, 113, 191)",
57
+ "actionPrimaryDisabled": "rgb(29, 76, 131)",
58
+ "actionPrimaryHovered": "rgb(56, 133, 223)",
59
+ "actionPrimaryPressed": "rgb(68, 146, 241)",
60
+ "actionPrimaryDepressed": "rgb(102, 159, 243)",
61
+ "iconOnPrimary": "rgb(247, 249, 254)",
62
+ "textOnPrimary": "rgb(255, 255, 255)",
63
+ "textPrimary": "rgb(52, 125, 211)",
64
+ "textPrimaryHovered": "rgb(59, 141, 236)",
65
+ "textPrimaryPressed": "rgb(96, 156, 242)",
66
+ "surfacePrimarySelected": "rgb(14, 17, 24)",
67
+ "surfacePrimarySelectedHovered": "rgb(42, 46, 56)",
68
+ "surfacePrimarySelectedPressed": "rgb(56, 62, 74)",
69
+ "borderCritical": "rgb(227, 47, 14)",
70
+ "borderCriticalSubdued": "rgb(227, 47, 14)",
71
+ "borderCriticalDisabled": "rgb(131, 23, 4)",
72
+ "iconCritical": "rgb(218, 45, 13)",
73
+ "surfaceCritical": "rgb(69, 7, 1)",
74
+ "surfaceCriticalSubdued": "rgb(69, 7, 1)",
75
+ "surfaceCriticalSubduedHovered": "rgb(68, 23, 20)",
76
+ "surfaceCriticalSubduedPressed": "rgb(107, 16, 3)",
77
+ "surfaceCriticalSubduedDepressed": "rgb(135, 24, 5)",
78
+ "textCritical": "rgb(233, 128, 122)",
79
+ "actionCritical": "rgb(205, 41, 12)",
80
+ "actionCriticalDisabled": "rgb(187, 37, 10)",
81
+ "actionCriticalHovered": "rgb(227, 47, 14)",
82
+ "actionCriticalPressed": "rgb(250, 53, 17)",
83
+ "actionCriticalDepressed": "rgb(253, 87, 73)",
84
+ "iconOnCritical": "rgb(255, 248, 247)",
85
+ "textOnCritical": "rgb(255, 255, 255)",
86
+ "interactiveCritical": "rgb(253, 114, 106)",
87
+ "interactiveCriticalDisabled": "rgb(254, 172, 168)",
88
+ "interactiveCriticalHovered": "rgb(253, 138, 132)",
89
+ "interactiveCriticalPressed": "rgb(253, 159, 155)",
90
+ "borderWarning": "rgb(153, 112, 0)",
91
+ "borderWarningSubdued": "rgb(153, 112, 0)",
92
+ "iconWarning": "rgb(104, 75, 0)",
93
+ "surfaceWarning": "rgb(153, 112, 0)",
94
+ "surfaceWarningSubdued": "rgb(77, 59, 29)",
95
+ "surfaceWarningSubduedHovered": "rgb(82, 63, 32)",
96
+ "surfaceWarningSubduedPressed": "rgb(87, 67, 34)",
97
+ "textWarning": "rgb(202, 149, 0)",
98
+ "borderHighlight": "rgb(68, 157, 167)",
99
+ "borderHighlightSubdued": "rgb(68, 157, 167)",
100
+ "iconHighlight": "rgb(44, 108, 115)",
101
+ "surfaceHighlight": "rgb(0, 105, 113)",
102
+ "surfaceHighlightSubdued": "rgb(18, 53, 57)",
103
+ "surfaceHighlightSubduedHovered": "rgb(20, 58, 62)",
104
+ "surfaceHighlightSubduedPressed": "rgb(24, 65, 70)",
105
+ "textHighlight": "rgb(162, 239, 250)",
106
+ "borderSuccess": "rgb(0, 135, 102)",
107
+ "borderSuccessSubdued": "rgb(0, 135, 102)",
108
+ "iconSuccess": "rgb(0, 94, 70)",
109
+ "surfaceSuccess": "rgb(0, 94, 70)",
110
+ "surfaceSuccessSubdued": "rgb(28, 53, 44)",
111
+ "surfaceSuccessSubduedHovered": "rgb(31, 58, 48)",
112
+ "surfaceSuccessSubduedPressed": "rgb(35, 65, 54)",
113
+ "textSuccess": "rgb(88, 173, 142)",
114
+ "decorativeOneIcon": "rgb(255, 186, 67)",
115
+ "decorativeOneSurface": "rgb(142, 102, 9)",
116
+ "decorativeOneText": "rgb(255, 255, 255)",
117
+ "decorativeTwoIcon": "rgb(245, 182, 192)",
118
+ "decorativeTwoSurface": "rgb(206, 88, 20)",
119
+ "decorativeTwoText": "rgb(255, 255, 255)",
120
+ "decorativeThreeIcon": "rgb(0, 227, 141)",
121
+ "decorativeThreeSurface": "rgb(0, 124, 90)",
122
+ "decorativeThreeText": "rgb(255, 255, 255)",
123
+ "decorativeFourIcon": "rgb(0, 221, 218)",
124
+ "decorativeFourSurface": "rgb(22, 124, 121)",
125
+ "decorativeFourText": "rgb(255, 255, 255)",
126
+ "decorativeFiveIcon": "rgb(244, 183, 191)",
127
+ "decorativeFiveSurface": "rgb(194, 51, 86)",
128
+ "decorativeFiveText": "rgb(255, 255, 255)"
129
+ }
data/dist-modern/palette/mfp-ui.dark.polaris.custom-properties.css ADDED
@@ -0,0 +1,129 @@
1
+ :root {
2
+ --p-background: rgb(11, 12, 13);
3
+ --p-background-hovered: rgb(11, 12, 13);
4
+ --p-background-pressed: rgb(11, 12, 13);
5
+ --p-background-selected: rgb(11, 12, 13);
6
+ --p-surface: rgb(32, 33, 35);
7
+ --p-surface-neutral: rgb(49, 51, 53);
8
+ --p-surface-neutral-hovered: rgb(49, 51, 53);
9
+ --p-surface-neutral-pressed: rgb(49, 51, 53);
10
+ --p-surface-neutral-disabled: rgb(49, 51, 53);
11
+ --p-surface-neutral-subdued: rgb(68, 71, 74);
12
+ --p-surface-subdued: rgb(26, 28, 29);
13
+ --p-surface-disabled: rgb(26, 28, 29);
14
+ --p-surface-hovered: rgb(47, 49, 51);
15
+ --p-surface-pressed: rgb(62, 64, 67);
16
+ --p-surface-depressed: rgb(80, 83, 86);
17
+ --p-backdrop: rgba(0, 0, 0, 0.5);
18
+ --p-overlay: rgba(33, 33, 33, 0.5);
19
+ --p-shadow-from-dim-light: rgba(255, 255, 255, 0.2);
20
+ --p-shadow-from-ambient-light: rgba(23, 24, 24, 0.05);
21
+ --p-shadow-from-direct-light: rgba(255, 255, 255, 0.15);
22
+ --p-hint-from-direct-light: rgba(185, 185, 185, 0.2);
23
+ --p-on-surface-background: rgb(47, 49, 51);
24
+ --p-border: rgb(80, 83, 86);
25
+ --p-border-neutral-subdued: rgb(130, 135, 139);
26
+ --p-border-hovered: rgb(80, 83, 86);
27
+ --p-border-disabled: rgb(103, 107, 111);
28
+ --p-border-subdued: rgb(130, 135, 139);
29
+ --p-border-depressed: rgb(142, 145, 145);
30
+ --p-border-shadow: rgb(91, 95, 98);
31
+ --p-border-shadow-subdued: rgb(130, 135, 139);
32
+ --p-divider: rgb(69, 71, 73);
33
+ --p-icon: rgb(166, 172, 178);
34
+ --p-icon-hovered: rgb(225, 227, 229);
35
+ --p-icon-pressed: rgb(166, 172, 178);
36
+ --p-icon-disabled: rgb(84, 87, 90);
37
+ --p-icon-subdued: rgb(120, 125, 129);
38
+ --p-text: rgb(227, 229, 231);
39
+ --p-text-disabled: rgb(111, 115, 119);
40
+ --p-text-subdued: rgb(153, 159, 164);
41
+ --p-interactive: rgb(54, 163, 255);
42
+ --p-interactive-disabled: rgb(38, 98, 182);
43
+ --p-interactive-hovered: rgb(103, 175, 255);
44
+ --p-interactive-pressed: rgb(136, 188, 255);
45
+ --p-focused: rgb(38, 98, 182);
46
+ --p-surface-selected: rgb(2, 14, 35);
47
+ --p-surface-selected-hovered: rgb(7, 29, 61);
48
+ --p-surface-selected-pressed: rgb(13, 43, 86);
49
+ --p-icon-on-interactive: rgb(255, 255, 255);
50
+ --p-text-on-interactive: rgb(255, 255, 255);
51
+ --p-action-secondary: rgb(77, 80, 83);
52
+ --p-action-secondary-disabled: rgb(32, 34, 35);
53
+ --p-action-secondary-hovered: rgb(84, 87, 91);
54
+ --p-action-secondary-pressed: rgb(96, 100, 103);
55
+ --p-action-secondary-depressed: rgb(123, 127, 132);
56
+ --p-action-primary: rgb(46, 113, 191);
57
+ --p-action-primary-disabled: rgb(29, 76, 131);
58
+ --p-action-primary-hovered: rgb(56, 133, 223);
59
+ --p-action-primary-pressed: rgb(68, 146, 241);
60
+ --p-action-primary-depressed: rgb(102, 159, 243);
61
+ --p-icon-on-primary: rgb(247, 249, 254);
62
+ --p-text-on-primary: rgb(255, 255, 255);
63
+ --p-text-primary: rgb(52, 125, 211);
64
+ --p-text-primary-hovered: rgb(59, 141, 236);
65
+ --p-text-primary-pressed: rgb(96, 156, 242);
66
+ --p-surface-primary-selected: rgb(14, 17, 24);
67
+ --p-surface-primary-selected-hovered: rgb(42, 46, 56);
68
+ --p-surface-primary-selected-pressed: rgb(56, 62, 74);
69
+ --p-border-critical: rgb(227, 47, 14);
70
+ --p-border-critical-subdued: rgb(227, 47, 14);
71
+ --p-border-critical-disabled: rgb(131, 23, 4);
72
+ --p-icon-critical: rgb(218, 45, 13);
73
+ --p-surface-critical: rgb(69, 7, 1);
74
+ --p-surface-critical-subdued: rgb(69, 7, 1);
75
+ --p-surface-critical-subdued-hovered: rgb(68, 23, 20);
76
+ --p-surface-critical-subdued-pressed: rgb(107, 16, 3);
77
+ --p-surface-critical-subdued-depressed: rgb(135, 24, 5);
78
+ --p-text-critical: rgb(233, 128, 122);
79
+ --p-action-critical: rgb(205, 41, 12);
80
+ --p-action-critical-disabled: rgb(187, 37, 10);
81
+ --p-action-critical-hovered: rgb(227, 47, 14);
82
+ --p-action-critical-pressed: rgb(250, 53, 17);
83
+ --p-action-critical-depressed: rgb(253, 87, 73);
84
+ --p-icon-on-critical: rgb(255, 248, 247);
85
+ --p-text-on-critical: rgb(255, 255, 255);
86
+ --p-interactive-critical: rgb(253, 114, 106);
87
+ --p-interactive-critical-disabled: rgb(254, 172, 168);
88
+ --p-interactive-critical-hovered: rgb(253, 138, 132);
89
+ --p-interactive-critical-pressed: rgb(253, 159, 155);
90
+ --p-border-warning: rgb(153, 112, 0);
91
+ --p-border-warning-subdued: rgb(153, 112, 0);
92
+ --p-icon-warning: rgb(104, 75, 0);
93
+ --p-surface-warning: rgb(153, 112, 0);
94
+ --p-surface-warning-subdued: rgb(77, 59, 29);
95
+ --p-surface-warning-subdued-hovered: rgb(82, 63, 32);
96
+ --p-surface-warning-subdued-pressed: rgb(87, 67, 34);
97
+ --p-text-warning: rgb(202, 149, 0);
98
+ --p-border-highlight: rgb(68, 157, 167);
99
+ --p-border-highlight-subdued: rgb(68, 157, 167);
100
+ --p-icon-highlight: rgb(44, 108, 115);
101
+ --p-surface-highlight: rgb(0, 105, 113);
102
+ --p-surface-highlight-subdued: rgb(18, 53, 57);
103
+ --p-surface-highlight-subdued-hovered: rgb(20, 58, 62);
104
+ --p-surface-highlight-subdued-pressed: rgb(24, 65, 70);
105
+ --p-text-highlight: rgb(162, 239, 250);
106
+ --p-border-success: rgb(0, 135, 102);
107
+ --p-border-success-subdued: rgb(0, 135, 102);
108
+ --p-icon-success: rgb(0, 94, 70);
109
+ --p-surface-success: rgb(0, 94, 70);
110
+ --p-surface-success-subdued: rgb(28, 53, 44);
111
+ --p-surface-success-subdued-hovered: rgb(31, 58, 48);
112
+ --p-surface-success-subdued-pressed: rgb(35, 65, 54);
113
+ --p-text-success: rgb(88, 173, 142);
114
+ --p-decorative-one-icon: rgb(255, 186, 67);
115
+ --p-decorative-one-surface: rgb(142, 102, 9);
116
+ --p-decorative-one-text: rgb(255, 255, 255);
117
+ --p-decorative-two-icon: rgb(245, 182, 192);
118
+ --p-decorative-two-surface: rgb(206, 88, 20);
119
+ --p-decorative-two-text: rgb(255, 255, 255);
120
+ --p-decorative-three-icon: rgb(0, 227, 141);
121
+ --p-decorative-three-surface: rgb(0, 124, 90);
122
+ --p-decorative-three-text: rgb(255, 255, 255);
123
+ --p-decorative-four-icon: rgb(0, 221, 218);
124
+ --p-decorative-four-surface: rgb(22, 124, 121);
125
+ --p-decorative-four-text: rgb(255, 255, 255);
126
+ --p-decorative-five-icon: rgb(244, 183, 191);
127
+ --p-decorative-five-surface: rgb(194, 51, 86);
128
+ --p-decorative-five-text: rgb(255, 255, 255);
129
+ }