@ui5/webcomponents-theming 0.0.0-cf069fb29 → 0.0.0-cf50976ce

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 (61) hide show
  1. package/CHANGELOG.md +106 -0
  2. package/README.md +5 -6
  3. package/config/postcss.themes/postcss.config.js +1 -1
  4. package/css-vars-usage.json +139 -5
  5. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  6. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  7. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  8. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  9. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  10. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  14. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  16. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  17. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  18. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  19. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  26. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  28. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  29. package/dist/generated/json-imports/Themes-static.js +9 -3
  30. package/dist/generated/json-imports/Themes.js +6 -3
  31. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  32. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  33. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  34. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  35. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  36. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  37. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  38. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  39. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  40. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  41. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  42. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  43. package/dist/themes/sap_belize/css_variables.css +185 -12
  44. package/dist/themes/sap_belize_hcb/css_variables.css +187 -14
  45. package/dist/themes/sap_belize_hcw/css_variables.css +184 -11
  46. package/dist/themes/sap_fiori_3/css_variables.css +186 -13
  47. package/dist/themes/sap_fiori_3_dark/css_variables.css +186 -13
  48. package/dist/themes/sap_fiori_3_hcb/css_variables.css +190 -17
  49. package/dist/themes/sap_fiori_3_hcw/css_variables.css +187 -14
  50. package/dist/themes/sap_horizon/css_variables.css +344 -171
  51. package/dist/themes/sap_horizon_dark/css_variables.css +757 -0
  52. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  53. package/dist/themes/sap_horizon_exp/css_variables.css +344 -171
  54. package/dist/themes/sap_horizon_hcb/css_variables.css +757 -0
  55. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  56. package/dist/themes/sap_horizon_hcw/css_variables.css +757 -0
  57. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  58. package/lib/generate-css-vars-usage-report/index.js +17 -12
  59. package/package-scripts.js +1 -6
  60. package/package.json +6 -8
  61. package/hash.txt +0 -1
@@ -1,11 +1,12 @@
1
1
  /**
2
- * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
2
+ * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  *
4
- * Theming Engine 1.51.0
5
- * data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}
4
+ * Theming Engine 1.69.2
5
+ * data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.41.20220622152552", "Source": "11.1.41"}}
6
6
  */
7
7
 
8
- .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}');}
8
+ .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.41.20220622152552", "Source": "11.1.41"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.69.2"}, "Version": { "Build": "11.1.41.20220622152552", "Source": "11.1.41"}};}
9
10
  :root {
10
11
  --sapBrandColor: #0070f2;
11
12
  --sapHighlightColor: #0070f2;
@@ -15,6 +16,8 @@
15
16
  --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
16
17
  --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
17
18
  --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
19
+ --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
20
+ --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
18
21
  --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
19
22
  --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
20
23
  --sapFontSize: .875rem;
@@ -26,13 +29,13 @@
26
29
  --sapFontHeader4Size: 1.25rem;
27
30
  --sapFontHeader5Size: 1rem;
28
31
  --sapFontHeader6Size: .875rem;
29
- --sapTextColor: #223548;
30
- --sapLinkColor: #0064d9;
31
- --sapLink_Hover_Color: #005fce;
32
+ --sapTextColor: #1d2d3e;
33
+ --sapLinkColor: #0070f2;
34
+ --sapLink_Hover_Color: #0064d9;
32
35
  --sapLink_Active_Color: #0064d9;
33
36
  --sapLink_Visited_Color: #0064d9;
34
- --sapLink_InvertedColor: #a6cfff;
35
- --sapLink_SubtleColor: #00418d;
37
+ --sapLink_InvertedColor: #bfddff;
38
+ --sapLink_SubtleColor: #1d2d3e;
36
39
  --sapCompanyLogo: none;
37
40
  --sapBackgroundImage: none;
38
41
  --sapBackgroundImageOpacity: 1.0;
@@ -40,23 +43,23 @@
40
43
  --sapSelectedColor: #0070f2;
41
44
  --sapActiveColor: #dee2e5;
42
45
  --sapHighlightTextColor: #fff;
43
- --sapTitleColor: #223548;
46
+ --sapTitleColor: #1d2d3e;
44
47
  --sapNegativeColor: #aa0808;
45
48
  --sapCriticalColor: #e76500;
46
49
  --sapPositiveColor: #256f3a;
47
50
  --sapInformativeColor: #0070f2;
48
- --sapNeutralColor: #5b738b;
51
+ --sapNeutralColor: #788fa6;
49
52
  --sapNegativeElementColor: #f53232;
50
53
  --sapCriticalElementColor: #e76500;
51
54
  --sapPositiveElementColor: #30914c;
52
55
  --sapInformativeElementColor: #0070f2;
53
- --sapNeutralElementColor: #6e87a0;
56
+ --sapNeutralElementColor: #788fa6;
54
57
  --sapNegativeTextColor: #aa0808;
55
58
  --sapPositiveTextColor: #256f3a;
56
59
  --sapCriticalTextColor: #b95100;
57
60
  --sapInformativeTextColor: #0070f2;
58
- --sapNeutralTextColor: #5b738b;
59
- --sapNeutralBorderColor: #6e87a0;
61
+ --sapNeutralTextColor: #1d2d3e;
62
+ --sapNeutralBorderColor: #788fa6;
60
63
  --sapErrorColor: #aa0808;
61
64
  --sapErrorBorderColor: #f53232;
62
65
  --sapWarningColor: #e76500;
@@ -69,36 +72,52 @@
69
72
  --sapWarningBackground: #fff8d6;
70
73
  --sapSuccessBackground: #f5fae5;
71
74
  --sapInformationBackground: #e1f4ff;
72
- --sapNeutralBackground: #f5f6f7;
75
+ --sapNeutralBackground: #eff1f2;
73
76
  --sapIndicationColor_1: #840606;
77
+ --sapIndicationColor_1_Background: #840606;
78
+ --sapIndicationColor_1_BorderColor: #840606;
74
79
  --sapIndicationColor_1_Hover_Background: #6c0505;
75
80
  --sapIndicationColor_1_Active_Background: #530404;
76
81
  --sapIndicationColor_1_TextColor: #fff;
77
82
  --sapIndicationColor_2: #aa0808;
83
+ --sapIndicationColor_2_Background: #aa0808;
84
+ --sapIndicationColor_2_BorderColor: #aa0808;
78
85
  --sapIndicationColor_2_Hover_Background: #920707;
79
86
  --sapIndicationColor_2_Active_Background: #790606;
80
87
  --sapIndicationColor_2_TextColor: #fff;
81
- --sapIndicationColor_3: #e76500;
88
+ --sapIndicationColor_3: #b95100;
89
+ --sapIndicationColor_3_Background: #e76500;
90
+ --sapIndicationColor_3_BorderColor: #e76500;
82
91
  --sapIndicationColor_3_Hover_Background: #d85e00;
83
92
  --sapIndicationColor_3_Active_Background: #c85800;
84
93
  --sapIndicationColor_3_TextColor: #fff;
85
94
  --sapIndicationColor_4: #256f3a;
95
+ --sapIndicationColor_4_Background: #256f3a;
96
+ --sapIndicationColor_4_BorderColor: #256f3a;
86
97
  --sapIndicationColor_4_Hover_Background: #1f5c30;
87
98
  --sapIndicationColor_4_Active_Background: #184926;
88
99
  --sapIndicationColor_4_TextColor: #fff;
89
100
  --sapIndicationColor_5: #0070f2;
101
+ --sapIndicationColor_5_Background: #0070f2;
102
+ --sapIndicationColor_5_BorderColor: #0070f2;
90
103
  --sapIndicationColor_5_Hover_Background: #0064d9;
91
104
  --sapIndicationColor_5_Active_Background: #0058bf;
92
105
  --sapIndicationColor_5_TextColor: #fff;
93
106
  --sapIndicationColor_6: #046c7a;
107
+ --sapIndicationColor_6_Background: #046c7a;
108
+ --sapIndicationColor_6_BorderColor: #046c7a;
94
109
  --sapIndicationColor_6_Hover_Background: #035661;
95
110
  --sapIndicationColor_6_Active_Background: #024049;
96
111
  --sapIndicationColor_6_TextColor: #fff;
97
112
  --sapIndicationColor_7: #5d36ff;
113
+ --sapIndicationColor_7_Background: #5d36ff;
114
+ --sapIndicationColor_7_BorderColor: #5d36ff;
98
115
  --sapIndicationColor_7_Hover_Background: #481cff;
99
116
  --sapIndicationColor_7_Active_Background: #3403ff;
100
117
  --sapIndicationColor_7_TextColor: #fff;
101
118
  --sapIndicationColor_8: #a100c2;
119
+ --sapIndicationColor_8_Background: #a100c2;
120
+ --sapIndicationColor_8_BorderColor: #a100c2;
102
121
  --sapIndicationColor_8_Hover_Background: #8c00a9;
103
122
  --sapIndicationColor_8_Active_Background: #77008f;
104
123
  --sapIndicationColor_8_TextColor: #fff;
@@ -112,15 +131,18 @@
112
131
  --sapElement_Condensed_Height: 1.375rem;
113
132
  --sapContent_LineHeight: 1.5;
114
133
  --sapContent_IconHeight: 1rem;
115
- --sapContent_IconColor: #223548;
134
+ --sapContent_IconColor: #1d2d3e;
116
135
  --sapContent_ContrastIconColor: #fff;
117
- --sapContent_NonInteractiveIconColor: #223548;
136
+ --sapContent_NonInteractiveIconColor: #758ca4;
118
137
  --sapContent_MarkerIconColor: #5d36ff;
119
138
  --sapContent_MarkerTextColor: #046c7a;
139
+ --sapContent_MeasureIndicatorColor: #556b81;
140
+ --sapContent_Selected_MeasureIndicatorColor: #0070f2;
120
141
  --sapContent_ImagePlaceholderBackground: #eaecee;
121
142
  --sapContent_ImagePlaceholderForegroundColor: #5b738b;
122
- --sapContent_RatedColor: #5d36ff;
123
- --sapContent_UnratedColor: #788fa6;
143
+ --sapContent_RatedColor: #d27700;
144
+ --sapContent_UnratedColor: #758ca4;
145
+ --sapContent_BusyColor: #0070f2;
124
146
  --sapContent_FocusColor: #0070f2;
125
147
  --sapContent_FocusStyle: solid;
126
148
  --sapContent_FocusWidth: .125rem;
@@ -133,27 +155,27 @@
133
155
  --sapContent_Shadow3: 0 0 0 0.0625rem rgba(85,107,130,0.42), 0 1.25rem 5rem 0 rgba(85,107,130,0.3);
134
156
  --sapContent_TextShadow: 0 0 0.125rem #fff;
135
157
  --sapContent_ContrastTextShadow: 0 0 0.0625rem rgba(0,0,0,0.7);
136
- --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(85,107,130,0.16), inset 0 -0.0625rem 0 0 #d9d9d9;
158
+ --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
137
159
  --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
138
160
  --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
139
161
  --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
140
162
  --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
141
163
  --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
142
164
  --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
143
- --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(91,115,139,0.72);
165
+ --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(120,143,166,0.72);
144
166
  --sapContent_SearchHighlightColor: #dafdf5;
145
167
  --sapContent_HelpColor: #188918;
146
168
  --sapContent_LabelColor: #556b82;
147
169
  --sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;
148
170
  --sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;
149
171
  --sapContent_IconFontFamily: "SAP-icons";
150
- --sapContent_DisabledTextColor: rgba(34,53,72,0.6);
172
+ --sapContent_DisabledTextColor: rgba(29,45,62,0.6);
151
173
  --sapContent_DisabledOpacity: 0.4;
152
174
  --sapContent_ContrastTextThreshold: 0.65;
153
175
  --sapContent_ContrastTextColor: #fff;
154
176
  --sapContent_ForegroundColor: #efefef;
155
- --sapContent_ForegroundBorderColor: #788fa6;
156
- --sapContent_ForegroundTextColor: #223548;
177
+ --sapContent_ForegroundBorderColor: #758ca4;
178
+ --sapContent_ForegroundTextColor: #1d2d3e;
157
179
  --sapContent_BadgeBackground: #aa0808;
158
180
  --sapContent_BadgeTextColor: #fff;
159
181
  --sapContent_Placeholderloading_Background: #ccc;
@@ -163,6 +185,7 @@
163
185
  --sapContent_Selected_TextColor: #0070f2;
164
186
  --sapContent_Selected_Hover_Background: #fff;
165
187
  --sapContent_Selected_ForegroundColor: #0070f2;
188
+ --sapContent_ForcedColorAdjust: none;
166
189
  --sapContent_Illustrative_Color1: #5d36ff;
167
190
  --sapContent_Illustrative_Color2: #0070f2;
168
191
  --sapContent_Illustrative_Color3: #f58b00;
@@ -174,7 +197,7 @@
174
197
  --sapContent_Illustrative_Color9: #64edd2;
175
198
  --sapContent_Illustrative_Color10: #ebf8ff;
176
199
  --sapContent_Illustrative_Color11: #f31ded;
177
- --sapContent_Illustrative_Color12: #5dc122;
200
+ --sapContent_Illustrative_Color12: #00a800;
178
201
  --sapContent_Illustrative_Color13: #005dc9;
179
202
  --sapContent_Illustrative_Color14: #004da5;
180
203
  --sapContent_Illustrative_Color15: #cc7400;
@@ -189,12 +212,12 @@
189
212
  --sapShell_BackgroundImageOpacity: 1.0;
190
213
  --sapShell_BackgroundImageRepeat: false;
191
214
  --sapShell_BorderColor: #fff;
192
- --sapShell_TextColor: #223548;
215
+ --sapShell_TextColor: #1d2d3e;
193
216
  --sapShell_InteractiveBackground: #eff1f2;
194
- --sapShell_InteractiveTextColor: #223548;
195
- --sapShell_InteractiveBorderColor: #788fa6;
196
- --sapShell_GroupTitleTextColor: #223548;
197
- --sapShell_GroupTitleTextShadow: 0 0 0.125rem #fff;
217
+ --sapShell_InteractiveTextColor: #1d2d3e;
218
+ --sapShell_InteractiveBorderColor: #556b81;
219
+ --sapShell_GroupTitleTextColor: #1d2d3e;
220
+ --sapShell_GroupTitleTextShadow: 0 0 .125rem #fff;
198
221
  --sapShell_Hover_Background: #fff;
199
222
  --sapShell_Active_Background: #fff;
200
223
  --sapShell_Active_TextColor: #0070f2;
@@ -203,27 +226,57 @@
203
226
  --sapShell_Selected_Hover_Background: #fff;
204
227
  --sapShell_Favicon: none;
205
228
  --sapShell_Navigation_Background: #fff;
206
- --sapShell_Navigation_SelectedColor: #223548;
207
- --sapShell_Navigation_Selected_TextColor: #223548;
208
- --sapShell_Navigation_TextColor: #223548;
229
+ --sapShell_Navigation_SelectedColor: #0070f2;
230
+ --sapShell_Navigation_Selected_TextColor: #0070f2;
231
+ --sapShell_Navigation_TextColor: #1d2d3e;
209
232
  --sapShell_Navigation_Hover_Background: #fff;
210
233
  --sapShell_Navigation_Active_Background: #fff;
211
234
  --sapShell_Navigation_Active_TextColor: #0070f2;
212
- --sapShell_Shadow: 0 0 0.5rem 0 rgba(85,107,130,0.2), inset 0 -0.0625rem 0 0 rgba(85,107,130,0.1);
235
+ --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.1), inset 0 -0.0625rem 0 0 rgba(85,107,130,0.2);
213
236
  --sapShell_NegativeColor: #aa0808;
214
- --sapShell_CriticalColor: #e76500;
237
+ --sapShell_CriticalColor: #b95100;
215
238
  --sapShell_PositiveColor: #256f3a;
216
239
  --sapShell_InformativeColor: #0070f2;
217
- --sapShell_NeutralColor: #5b738b;
240
+ --sapShell_NeutralColor: #1d2d3e;
241
+ --sapAvatar_1_Background: #fff3b8;
242
+ --sapAvatar_1_BorderColor: #fff3b8;
243
+ --sapAvatar_1_TextColor: #a45d00;
244
+ --sapAvatar_2_Background: #ffd0e7;
245
+ --sapAvatar_2_BorderColor: #ffd0e7;
246
+ --sapAvatar_2_TextColor: #aa0808;
247
+ --sapAvatar_3_Background: #ffdbe7;
248
+ --sapAvatar_3_BorderColor: #ffdbe7;
249
+ --sapAvatar_3_TextColor: #ba066c;
250
+ --sapAvatar_4_Background: #ffdcf3;
251
+ --sapAvatar_4_BorderColor: #ffdcf3;
252
+ --sapAvatar_4_TextColor: #a100c2;
253
+ --sapAvatar_5_Background: #ded3ff;
254
+ --sapAvatar_5_BorderColor: #ded3ff;
255
+ --sapAvatar_5_TextColor: #552cff;
256
+ --sapAvatar_6_Background: #d1efff;
257
+ --sapAvatar_6_BorderColor: #d1efff;
258
+ --sapAvatar_6_TextColor: #0057d2;
259
+ --sapAvatar_7_Background: #c2fcee;
260
+ --sapAvatar_7_BorderColor: #c2fcee;
261
+ --sapAvatar_7_TextColor: #046c7a;
262
+ --sapAvatar_8_Background: #ebf5cb;
263
+ --sapAvatar_8_BorderColor: #ebf5cb;
264
+ --sapAvatar_8_TextColor: #256f3a;
265
+ --sapAvatar_9_Background: #ddccf0;
266
+ --sapAvatar_9_BorderColor: #ddccf0;
267
+ --sapAvatar_9_TextColor: #6c32a9;
268
+ --sapAvatar_10_Background: #eaecee;
269
+ --sapAvatar_10_BorderColor: #eaecee;
270
+ --sapAvatar_10_TextColor: #556b82;
218
271
  --sapButton_BorderWidth: .0625rem;
219
272
  --sapButton_BorderCornerRadius: .5rem;
220
273
  --sapButton_Background: #eaecee;
221
274
  --sapButton_BorderColor: #eaecee;
222
- --sapButton_TextColor: #223548;
275
+ --sapButton_TextColor: #1d2d3e;
223
276
  --sapButton_Hover_Background: #fff;
224
277
  --sapButton_Hover_BorderColor: #fff;
225
- --sapButton_Hover_TextColor: #223548;
226
- --sapButton_IconColor: #223548;
278
+ --sapButton_Hover_TextColor: #1d2d3e;
279
+ --sapButton_IconColor: #1d2d3e;
227
280
  --sapButton_Active_Background: #fff;
228
281
  --sapButton_Active_BorderColor: #0070f2;
229
282
  --sapButton_Active_TextColor: #0070f2;
@@ -237,6 +290,7 @@
237
290
  --sapButton_Emphasized_Active_BorderColor: #0070f2;
238
291
  --sapButton_Emphasized_Active_TextColor: #0070f2;
239
292
  --sapButton_Emphasized_TextShadow: transparent;
293
+ --sapButton_Emphasized_FontWeight: bold;
240
294
  --sapButton_Reject_Background: #ffd6e9;
241
295
  --sapButton_Reject_BorderColor: #ffd6e9;
242
296
  --sapButton_Reject_Hover_Background: #fff;
@@ -267,10 +321,10 @@
267
321
  --sapButton_Accept_Selected_Hover_BorderColor: #30914c;
268
322
  --sapButton_Lite_Background: transparent;
269
323
  --sapButton_Lite_BorderColor: transparent;
270
- --sapButton_Lite_TextColor: #223548;
324
+ --sapButton_Lite_TextColor: #0064d9;
271
325
  --sapButton_Lite_Hover_Background: #fff;
272
326
  --sapButton_Lite_Hover_BorderColor: #fff;
273
- --sapButton_Lite_Hover_TextColor: #223548;
327
+ --sapButton_Lite_Hover_TextColor: #0064d9;
274
328
  --sapButton_Lite_Active_Background: #fff;
275
329
  --sapButton_Lite_Active_BorderColor: #0070f2;
276
330
  --sapButton_Selected_Background: #fff;
@@ -285,39 +339,39 @@
285
339
  --sapButton_Attention_Hover_BorderColor: #fff;
286
340
  --sapButton_Attention_Hover_TextColor: #b95100;
287
341
  --sapButton_Attention_Active_Background: #fff;
288
- --sapButton_Attention_Active_BorderColor: #ffa158;
342
+ --sapButton_Attention_Active_BorderColor: #ff8d34;
289
343
  --sapButton_Attention_Active_TextColor: #b95100;
290
344
  --sapButton_Attention_Selected_Background: #fff;
291
- --sapButton_Attention_Selected_BorderColor: #ffa158;
345
+ --sapButton_Attention_Selected_BorderColor: #ff8d34;
292
346
  --sapButton_Attention_Selected_TextColor: #b95100;
293
347
  --sapButton_Attention_Selected_Hover_Background: #fff;
294
- --sapButton_Attention_Selected_Hover_BorderColor: #ffa158;
348
+ --sapButton_Attention_Selected_Hover_BorderColor: #ff8d34;
295
349
  --sapButton_Negative_Background: #f53232;
296
350
  --sapButton_Negative_BorderColor: #f53232;
297
351
  --sapButton_Negative_TextColor: #fff;
298
- --sapButton_Negative_Hover_Background: #f31010;
299
- --sapButton_Negative_Hover_BorderColor: #f31010;
352
+ --sapButton_Negative_Hover_Background: #e90b0b;
353
+ --sapButton_Negative_Hover_BorderColor: #e90b0b;
300
354
  --sapButton_Negative_Hover_TextColor: #fff;
301
- --sapButton_Negative_Active_Background: #e90b0b;
302
- --sapButton_Negative_Active_BorderColor: #e90b0b;
355
+ --sapButton_Negative_Active_Background: #d50a0a;
356
+ --sapButton_Negative_Active_BorderColor: #d50a0a;
303
357
  --sapButton_Negative_Active_TextColor: #fff;
304
358
  --sapButton_Critical_Background: #e76500;
305
359
  --sapButton_Critical_BorderColor: #e76500;
306
360
  --sapButton_Critical_TextColor: #fff;
307
- --sapButton_Critical_Hover_Background: #ff760c;
308
- --sapButton_Critical_Hover_BorderColor: #ff760c;
361
+ --sapButton_Critical_Hover_Background: #dd6100;
362
+ --sapButton_Critical_Hover_BorderColor: #dd6100;
309
363
  --sapButton_Critical_Hover_TextColor: #fff;
310
- --sapButton_Critical_Active_Background: #ff8a2f;
311
- --sapButton_Critical_Active_BorderColor: #ff8a2f;
364
+ --sapButton_Critical_Active_Background: #d35c00;
365
+ --sapButton_Critical_Active_BorderColor: #d35c00;
312
366
  --sapButton_Critical_Active_TextColor: #fff;
313
367
  --sapButton_Success_Background: #30914c;
314
368
  --sapButton_Success_BorderColor: #30914c;
315
369
  --sapButton_Success_TextColor: #fff;
316
- --sapButton_Success_Hover_Background: #27763e;
317
- --sapButton_Success_Hover_BorderColor: #27763e;
370
+ --sapButton_Success_Hover_Background: #2c8646;
371
+ --sapButton_Success_Hover_BorderColor: #2c8646;
318
372
  --sapButton_Success_Hover_TextColor: #fff;
319
- --sapButton_Success_Active_Background: #236b38;
320
- --sapButton_Success_Active_BorderColor: #236b38;
373
+ --sapButton_Success_Active_Background: #287a40;
374
+ --sapButton_Success_Active_BorderColor: #287a40;
321
375
  --sapButton_Success_Active_TextColor: #fff;
322
376
  --sapButton_Information_Background: #0070f2;
323
377
  --sapButton_Information_BorderColor: #0070f2;
@@ -327,71 +381,119 @@
327
381
  --sapButton_Information_Hover_TextColor: #fff;
328
382
  --sapButton_Information_Active_Background: #0058bf;
329
383
  --sapButton_Information_Active_BorderColor: #0058bf;
330
- --sapButton_Neutral_Background: #6e87a0;
331
- --sapButton_Neutral_BorderColor: #6e87a0;
384
+ --sapButton_Information_Active_TextColor: #fff;
385
+ --sapButton_Neutral_Background: #788fa6;
386
+ --sapButton_Neutral_BorderColor: #788fa6;
332
387
  --sapButton_Neutral_TextColor: #fff;
333
- --sapButton_Neutral_Hover_Background: #5d758e;
334
- --sapButton_Neutral_Hover_BorderColor: #5d758e;
388
+ --sapButton_Neutral_Hover_Background: #637d97;
389
+ --sapButton_Neutral_Hover_BorderColor: #637d97;
335
390
  --sapButton_Neutral_Hover_TextColor: #fff;
336
- --sapButton_Neutral_Active_Background: #576d84;
337
- --sapButton_Neutral_Active_BorderColor: #576d84;
391
+ --sapButton_Neutral_Active_Background: #5d758e;
392
+ --sapButton_Neutral_Active_BorderColor: #5d758e;
338
393
  --sapButton_Neutral_Active_TextColor: #fff;
394
+ --sapButton_Track_Background: #788fa6;
395
+ --sapButton_Track_BorderColor: #788fa6;
396
+ --sapButton_Track_TextColor: #fff;
397
+ --sapButton_Track_Hover_Background: #637d97;
398
+ --sapButton_Track_Hover_BorderColor: #637d97;
339
399
  --sapButton_Track_Selected_Background: #0070f2;
400
+ --sapButton_Track_Selected_BorderColor: #0070f2;
340
401
  --sapButton_Track_Selected_TextColor: #fff;
341
- --sapButton_Track_Background: #d6dade;
342
- --sapButton_Track_TextColor: #223548;
402
+ --sapButton_Track_Selected_Hover_Background: #0064d9;
403
+ --sapButton_Track_Selected_Hover_BorderColor: #0064d9;
404
+ --sapButton_Handle_Background: #fff;
405
+ --sapButton_Handle_BorderColor: #fff;
406
+ --sapButton_Handle_TextColor: #1d2d3e;
407
+ --sapButton_Handle_Hover_Background: #fff;
408
+ --sapButton_Handle_Hover_BorderColor: rgba(255,255,255,0.5);
409
+ --sapButton_Handle_Selected_Background: #fff;
410
+ --sapButton_Handle_Selected_BorderColor: #fff;
411
+ --sapButton_Handle_Selected_TextColor: #0070f2;
412
+ --sapButton_Handle_Selected_Hover_Background: #fff;
413
+ --sapButton_Handle_Selected_Hover_BorderColor: rgba(255,255,255,0.5);
414
+ --sapButton_Track_Negative_Background: #f53232;
415
+ --sapButton_Track_Negative_BorderColor: #f53232;
416
+ --sapButton_Track_Negative_TextColor: #fff;
417
+ --sapButton_Track_Negative_Hover_Background: #e90b0b;
418
+ --sapButton_Track_Negative_Hover_BorderColor: #e90b0b;
419
+ --sapButton_Handle_Negative_Background: #fff;
420
+ --sapButton_Handle_Negative_BorderColor: #fff;
421
+ --sapButton_Handle_Negative_TextColor: #aa0808;
422
+ --sapButton_Handle_Negative_Hover_Background: #fff;
423
+ --sapButton_Handle_Negative_Hover_BorderColor: rgba(255,255,255,0.5);
424
+ --sapButton_Track_Positive_Background: #30914c;
425
+ --sapButton_Track_Positive_BorderColor: #30914c;
426
+ --sapButton_Track_Positive_TextColor: #fff;
427
+ --sapButton_Track_Positive_Hover_Background: #2c8646;
428
+ --sapButton_Track_Positive_Hover_BorderColor: #2c8646;
429
+ --sapButton_Handle_Positive_Background: #fff;
430
+ --sapButton_Handle_Positive_BorderColor: #fff;
431
+ --sapButton_Handle_Positive_TextColor: #256f3a;
432
+ --sapButton_Handle_Positive_Hover_Background: #fff;
433
+ --sapButton_Handle_Positive_Hover_BorderColor: rgba(255,255,255,0.5);
343
434
  --sapButton_TokenBackground: #fff;
344
- --sapButton_TokenBorderColor: #788fa6;
435
+ --sapButton_TokenBorderColor: #758ca4;
345
436
  --sapField_Background: #eff1f2;
437
+ --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
346
438
  --sapField_TextColor: #131e29;
347
439
  --sapField_PlaceholderTextColor: #556b82;
348
- --sapField_BorderColor: #788fa6;
440
+ --sapField_BorderColor: #556b81;
349
441
  --sapField_HelpBackground: #eff1f2;
350
442
  --sapField_BorderWidth: .0625rem;
443
+ --sapField_BorderStyle: none;
351
444
  --sapField_BorderCornerRadius: .25rem;
352
445
  --sapField_Hover_Background: #fff;
353
- --sapField_Hover_BorderColor: #788fa6;
446
+ --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
447
+ --sapField_Hover_BorderColor: #556b81;
354
448
  --sapField_Hover_HelpBackground: #fff;
355
449
  --sapField_Active_BorderColor: #0070f2;
356
450
  --sapField_Focus_Background: #fff;
357
451
  --sapField_Focus_BorderColor: #0070f2;
358
452
  --sapField_Focus_HelpBackground: #fff;
359
- --sapField_ReadOnly_Background: #eff1f2;
360
- --sapField_ReadOnly_BorderColor: #788fa6;
361
- --sapField_ReadOnly_HelpBackground: #eff1f2;
362
- --sapField_RequiredColor: #5d36ff;
453
+ --sapField_ReadOnly_Background: transparent;
454
+ --sapField_ReadOnly_BackgroundStyle: 0 100% / 0.375rem .0625rem repeat-x linear-gradient(90deg, #556b81 0, #556b81 0.25rem, transparent 0.25rem) border-box;
455
+ --sapField_ReadOnly_BorderColor: #556b81;
456
+ --sapField_ReadOnly_BorderStyle: none;
457
+ --sapField_ReadOnly_HelpBackground: transparent;
458
+ --sapField_RequiredColor: #ba066c;
363
459
  --sapField_InvalidColor: #f53232;
364
460
  --sapField_InvalidBackground: #ffeaf4;
461
+ --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f53232, #f53232) border-box;
365
462
  --sapField_InvalidBorderWidth: .125rem;
366
- --sapField_InvalidBorderStyle: solid;
463
+ --sapField_InvalidBorderStyle: none;
367
464
  --sapField_WarningColor: #e76500;
368
465
  --sapField_WarningBackground: #fff8d6;
466
+ --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e76500, #e76500) border-box;
369
467
  --sapField_WarningBorderWidth: .125rem;
370
- --sapField_WarningBorderStyle: solid;
468
+ --sapField_WarningBorderStyle: none;
371
469
  --sapField_SuccessColor: #30914c;
372
470
  --sapField_SuccessBackground: #f5fae5;
471
+ --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
373
472
  --sapField_SuccessBorderWidth: .0625rem;
374
- --sapField_SuccessBorderStyle: solid;
473
+ --sapField_SuccessBorderStyle: none;
375
474
  --sapField_InformationColor: #0070f2;
376
475
  --sapField_InformationBackground: #e1f4ff;
476
+ --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
377
477
  --sapField_InformationBorderWidth: .125rem;
378
- --sapField_InformationBorderStyle: solid;
379
- --sapGroup_TitleBackground: transparent;
380
- --sapGroup_TitleBorderColor: #d9d9d9;
381
- --sapGroup_TitleTextColor: #223548;
478
+ --sapField_InformationBorderStyle: none;
479
+ --sapGroup_TitleBackground: #fff;
480
+ --sapGroup_TitleBorderColor: #a8b2bd;
481
+ --sapGroup_TitleTextColor: #1d2d3e;
482
+ --sapGroup_Title_FontSize: 1rem;
382
483
  --sapGroup_ContentBackground: #fff;
383
484
  --sapGroup_ContentBorderColor: #d9d9d9;
384
485
  --sapGroup_BorderWidth: .0625rem;
385
486
  --sapGroup_BorderCornerRadius: .5rem;
386
487
  --sapGroup_FooterBackground: transparent;
387
- --sapToolbar_Background: transparent;
488
+ --sapPopover_BorderCornerRadius: .5rem;
489
+ --sapToolbar_Background: #fff;
388
490
  --sapToolbar_SeparatorColor: #d9d9d9;
389
491
  --sapList_HeaderBackground: #fff;
390
- --sapList_HeaderBorderColor: #e5e5e5;
391
- --sapList_HeaderTextColor: #223548;
492
+ --sapList_HeaderBorderColor: #a8b2bd;
493
+ --sapList_HeaderTextColor: #1d2d3e;
392
494
  --sapList_BorderColor: #e5e5e5;
393
- --sapList_TextColor: #223548;
394
- --sapList_Active_TextColor: #223548;
495
+ --sapList_TextColor: #1d2d3e;
496
+ --sapList_Active_TextColor: #1d2d3e;
395
497
  --sapList_BorderWidth: .0625rem;
396
498
  --sapList_Active_Background: #dee2e5;
397
499
  --sapList_SelectionBackgroundColor: #ebf8ff;
@@ -401,29 +503,76 @@
401
503
  --sapList_Hover_Background: #eaecee;
402
504
  --sapList_AlternatingBackground: #f5f6f7;
403
505
  --sapList_GroupHeaderBackground: #fff;
404
- --sapList_GroupHeaderBorderColor: #d9d9d9;
405
- --sapList_GroupHeaderTextColor: #223548;
506
+ --sapList_GroupHeaderBorderColor: #a8b2bd;
507
+ --sapList_GroupHeaderTextColor: #1d2d3e;
406
508
  --sapList_FooterBackground: #fff;
407
- --sapList_FooterTextColor: #223548;
408
- --sapList_TableGroupHeaderBackground: #fff;
409
- --sapList_TableGroupHeaderBorderColor: #d9d9d9;
410
- --sapList_TableGroupHeaderTextColor: #223548;
411
- --sapList_TableFooterBorder: #d9d9d9;
509
+ --sapList_FooterTextColor: #1d2d3e;
510
+ --sapList_TableGroupHeaderBackground: #eff1f2;
511
+ --sapList_TableGroupHeaderBorderColor: #a8b2bd;
512
+ --sapList_TableGroupHeaderTextColor: #1d2d3e;
513
+ --sapList_TableFooterBorder: #a8b2bd;
412
514
  --sapList_TableFixedBorderColor: #8c8c8c;
413
- --sapList_Active_Background: #dee2e5;
414
- --sapScrollBar_FaceColor: #8197ac;
515
+ --sapMessage_ErrorBorderColor: #ff8ec4;
516
+ --sapMessage_WarningBorderColor: #ffe770;
517
+ --sapMessage_SuccessBorderColor: #cee67e;
518
+ --sapMessage_InformationBorderColor: #7bcfff;
519
+ --sapProgress_Background: #d5dadd;
520
+ --sapProgress_BorderColor: #d5dadd;
521
+ --sapProgress_TextColor: #1d2d3e;
522
+ --sapProgress_FontSize: .875rem;
523
+ --sapProgress_NegativeBackground: #ffdbec;
524
+ --sapProgress_NegativeBorderColor: #ffdbec;
525
+ --sapProgress_NegativeTextColor: #1d2d3e;
526
+ --sapProgress_CriticalBackground: #fff4bd;
527
+ --sapProgress_CriticalBorderColor: #fff4bd;
528
+ --sapProgress_CriticalTextColor: #1d2d3e;
529
+ --sapProgress_PositiveBackground: #e5f2ba;
530
+ --sapProgress_PositiveBorderColor: #e5f2ba;
531
+ --sapProgress_PositiveTextColor: #1d2d3e;
532
+ --sapProgress_InformationBackground: #cdedff;
533
+ --sapProgress_InformationBorderColor: #cdedff;
534
+ --sapProgress_InformationTextColor: #1d2d3e;
535
+ --sapProgress_Value_Background: #788fa6;
536
+ --sapProgress_Value_BorderColor: #d5dadd;
537
+ --sapProgress_Value_TextColor: #788fa6;
538
+ --sapProgress_Value_NegativeBackground: #f53232;
539
+ --sapProgress_Value_NegativeBorderColor: #f53232;
540
+ --sapProgress_Value_NegativeTextColor: #f53232;
541
+ --sapProgress_Value_CriticalBackground: #e76500;
542
+ --sapProgress_Value_CriticalBorderColor: #e76500;
543
+ --sapProgress_Value_CriticalTextColor: #e76500;
544
+ --sapProgress_Value_PositiveBackground: #30914c;
545
+ --sapProgress_Value_PositiveBorderColor: #30914c;
546
+ --sapProgress_Value_PositiveTextColor: #30914c;
547
+ --sapProgress_Value_InformationBackground: #0070f2;
548
+ --sapProgress_Value_InformationBorderColor: #0070f2;
549
+ --sapProgress_Value_InformationTextColor: #0070f2;
550
+ --sapScrollBar_FaceColor: #7b91a8;
415
551
  --sapScrollBar_TrackColor: #fff;
416
- --sapScrollBar_BorderColor: #8197ac;
417
- --sapScrollBar_SymbolColor: #223548;
552
+ --sapScrollBar_BorderColor: #7b91a8;
553
+ --sapScrollBar_SymbolColor: #1d2d3e;
418
554
  --sapScrollBar_Dimension: .75rem;
419
- --sapScrollBar_Hover_FaceColor: #788fa6;
555
+ --sapScrollBar_Hover_FaceColor: #6f87a0;
556
+ --sapSlider_Background: #d5dadd;
557
+ --sapSlider_BorderColor: #d5dadd;
558
+ --sapSlider_Selected_Background: #0070f2;
559
+ --sapSlider_Selected_BorderColor: #0070f2;
560
+ --sapSlider_HandleBackground: #fff;
561
+ --sapSlider_HandleBorderColor: #fff;
562
+ --sapSlider_RangeHandleBackground: #fff;
563
+ --sapSlider_Hover_HandleBackground: #fff;
564
+ --sapSlider_Hover_HandleBorderColor: #0070f2;
565
+ --sapSlider_Hover_RangeHandleBackground: transparent;
566
+ --sapSlider_Active_HandleBackground: #fff;
567
+ --sapSlider_Active_HandleBorderColor: #fff;
568
+ --sapSlider_Active_RangeHandleBackground: transparent;
420
569
  --sapPageHeader_Background: #fff;
421
570
  --sapPageHeader_BorderColor: #d9d9d9;
422
- --sapPageHeader_TextColor: #223548;
571
+ --sapPageHeader_TextColor: #1d2d3e;
423
572
  --sapPageFooter_Background: #fff;
424
573
  --sapPageFooter_BorderColor: #d9d9d9;
425
- --sapPageFooter_TextColor: #223548;
426
- --sapInfobar_Background: #dafdf5;
574
+ --sapPageFooter_TextColor: #1d2d3e;
575
+ --sapInfobar_Background: #c2fcee;
427
576
  --sapInfobar_Hover_Background: #fff;
428
577
  --sapInfobar_Active_Background: #fff;
429
578
  --sapInfobar_NonInteractive_Background: #f5f6f7;
@@ -431,108 +580,114 @@
431
580
  --sapObjectHeader_Background: #fff;
432
581
  --sapObjectHeader_BorderColor: #d9d9d9;
433
582
  --sapObjectHeader_Hover_Background: #eaecee;
583
+ --sapObjectHeader_Title_TextColor: #1d2d3e;
584
+ --sapObjectHeader_Title_FontSize: 2rem;
585
+ --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
586
+ --sapObjectHeader_Title_FontFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
587
+ --sapObjectHeader_Subtitle_TextColor: #556b82;
434
588
  --sapBlockLayer_Background: #000;
435
589
  --sapTile_Background: #fff;
436
590
  --sapTile_Hover_Background: #fff;
437
591
  --sapTile_Active_Background: #f5f5f5;
438
592
  --sapTile_BorderColor: transparent;
439
- --sapTile_TitleTextColor: #223548;
593
+ --sapTile_BorderCornerRadius: 1rem;
594
+ --sapTile_TitleTextColor: #1d2d3e;
440
595
  --sapTile_TextColor: #556b82;
441
596
  --sapTile_IconColor: #556b82;
442
597
  --sapTile_SeparatorColor: #ccc;
443
598
  --sapTile_Interactive_BorderColor: #b3b3b3;
444
599
  --sapTile_OverlayBackground: rgba(255,255,255,0.96);
445
- --sapTile_OverlayForegroundColor: #223548;
446
- --sapAccentColor1: #f58b00;
600
+ --sapTile_OverlayForegroundColor: #1d2d3e;
601
+ --sapAccentColor1: #d27700;
447
602
  --sapAccentColor2: #aa0808;
448
- --sapAccentColor3: #cc00dc;
603
+ --sapAccentColor3: #ba066c;
449
604
  --sapAccentColor4: #a100c2;
450
605
  --sapAccentColor5: #5d36ff;
451
606
  --sapAccentColor6: #0057d2;
452
607
  --sapAccentColor7: #046c7a;
453
608
  --sapAccentColor8: #256f3a;
454
- --sapAccentColor9: #07838f;
609
+ --sapAccentColor9: #6c32a9;
455
610
  --sapAccentColor10: #5b738b;
456
611
  --sapAccentBackgroundColor1: #fff3b8;
457
612
  --sapAccentBackgroundColor2: #ffd0e7;
458
- --sapAccentBackgroundColor3: #fff0fa;
613
+ --sapAccentBackgroundColor3: #ffdbe7;
459
614
  --sapAccentBackgroundColor4: #ffdcf3;
460
615
  --sapAccentBackgroundColor5: #ded3ff;
461
616
  --sapAccentBackgroundColor6: #d1efff;
462
617
  --sapAccentBackgroundColor7: #c2fcee;
463
618
  --sapAccentBackgroundColor8: #ebf5cb;
464
- --sapAccentBackgroundColor9: #dafdf5;
619
+ --sapAccentBackgroundColor9: #ddccf0;
465
620
  --sapAccentBackgroundColor10: #eaecee;
466
621
  --sapLegend_WorkingBackground: #fff;
467
622
  --sapLegend_NonWorkingBackground: #ebebeb;
468
623
  --sapLegend_CurrentDateTime: #a100c2;
469
- --sapLegendColor1: #e18409;
470
- --sapLegendColor2: #e65151;
471
- --sapLegendColor3: #e71376;
472
- --sapLegendColor4: #a63030;
473
- --sapLegendColor5: #da52b8;
474
- --sapLegendColor6: #1d6ebf;
475
- --sapLegendColor7: #089aab;
476
- --sapLegendColor8: #92a35b;
477
- --sapLegendColor9: #587b93;
478
- --sapLegendColor10: #922075;
479
- --sapLegendColor11: #7b5b31;
480
- --sapLegendColor12: #c72323;
481
- --sapLegendColor13: #c71065;
482
- --sapLegendColor14: #967244;
483
- --sapLegendColor15: #54559c;
484
- --sapLegendColor16: #4d7dad;
485
- --sapLegendColor17: #3f8188;
486
- --sapLegendColor18: #6c832a;
487
- --sapLegendColor19: #205992;
488
- --sapLegendColor20: #4549c9;
489
- --sapLegendBackgroundColor1: #fef4e6;
490
- --sapLegendBackgroundColor2: #fce9e9;
491
- --sapLegendBackgroundColor3: #fde8f2;
492
- --sapLegendBackgroundColor4: #f9ebeb;
493
- --sapLegendBackgroundColor5: #fae9f6;
494
- --sapLegendBackgroundColor6: #e9f3fc;
495
- --sapLegendBackgroundColor7: #e7fcfe;
496
- --sapLegendBackgroundColor8: #f4f6ee;
497
- --sapLegendBackgroundColor9: #eff3f6;
498
- --sapLegendBackgroundColor10: #faeaf6;
499
- --sapLegendBackgroundColor11: #f7f2ec;
500
- --sapLegendBackgroundColor12: #fbe9e9;
501
- --sapLegendBackgroundColor13: #fde8f2;
502
- --sapLegendBackgroundColor14: #f7f2ed;
503
- --sapLegendBackgroundColor15: #efeff6;
504
- --sapLegendBackgroundColor16: #edf2f7;
505
- --sapLegendBackgroundColor17: #eef6f7;
506
- --sapLegendBackgroundColor18: #f5f9eb;
507
- --sapLegendBackgroundColor19: #eaf2fa;
508
- --sapLegendBackgroundColor20: #ebebf9;
509
- --sapChart_OrderedColor_1: #1B90FF;
510
- --sapChart_OrderedColor_2: #f25f18;
624
+ --sapLegendColor1: #c35500;
625
+ --sapLegendColor2: #d23a0a;
626
+ --sapLegendColor3: #df1278;
627
+ --sapLegendColor4: #840606;
628
+ --sapLegendColor5: #cc00dc;
629
+ --sapLegendColor6: #0057d2;
630
+ --sapLegendColor7: #07838f;
631
+ --sapLegendColor8: #188918;
632
+ --sapLegendColor9: #5b738b;
633
+ --sapLegendColor10: #7800a4;
634
+ --sapLegendColor11: #a93e00;
635
+ --sapLegendColor12: #aa2608;
636
+ --sapLegendColor13: #ba066c;
637
+ --sapLegendColor14: #8d2a00;
638
+ --sapLegendColor15: #4e247a;
639
+ --sapLegendColor16: #002a86;
640
+ --sapLegendColor17: #035663;
641
+ --sapLegendColor18: #1e592f;
642
+ --sapLegendColor19: #1a4796;
643
+ --sapLegendColor20: #470ced;
644
+ --sapLegendBackgroundColor1: #ffef9f;
645
+ --sapLegendBackgroundColor2: #feeae1;
646
+ --sapLegendBackgroundColor3: #fbf6f8;
647
+ --sapLegendBackgroundColor4: #fbebeb;
648
+ --sapLegendBackgroundColor5: #ffe5fe;
649
+ --sapLegendBackgroundColor6: #d1efff;
650
+ --sapLegendBackgroundColor7: #c2fcee;
651
+ --sapLegendBackgroundColor8: #f5fae5;
652
+ --sapLegendBackgroundColor9: #f5f6f7;
653
+ --sapLegendBackgroundColor10: #fff0fa;
654
+ --sapLegendBackgroundColor11: #fff8d6;
655
+ --sapLegendBackgroundColor12: #fff6f6;
656
+ --sapLegendBackgroundColor13: #f7ebef;
657
+ --sapLegendBackgroundColor14: #f1ecd5;
658
+ --sapLegendBackgroundColor15: #f0e7f8;
659
+ --sapLegendBackgroundColor16: #ebf8ff;
660
+ --sapLegendBackgroundColor17: #dafdf5;
661
+ --sapLegendBackgroundColor18: #ebf5cb;
662
+ --sapLegendBackgroundColor19: #fafdff;
663
+ --sapLegendBackgroundColor20: #eceeff;
664
+ --sapChart_OrderedColor_1: #1b90ff;
665
+ --sapChart_OrderedColor_2: #f26018;
511
666
  --sapChart_OrderedColor_3: #179c6f;
512
667
  --sapChart_OrderedColor_4: #f62866;
513
- --sapChart_OrderedColor_5: #873fd4;
514
- --sapChart_OrderedColor_6: #04ACA7;
515
- --sapChart_OrderedColor_7: #0070F2;
516
- --sapChart_OrderedColor_8: #CC00DC;
517
- --sapChart_OrderedColor_9: #8396A8;
518
- --sapChart_OrderedColor_10: #f54848;
668
+ --sapChart_OrderedColor_5: #863fd5;
669
+ --sapChart_OrderedColor_6: #04a29d;
670
+ --sapChart_OrderedColor_7: #0070f2;
671
+ --sapChart_OrderedColor_8: #cc00dc;
672
+ --sapChart_OrderedColor_9: #8396a8;
673
+ --sapChart_OrderedColor_10: #f54747;
519
674
  --sapChart_OrderedColor_11: #20578c;
520
- --sapChart_Bad: #D20A0A;
521
- --sapChart_Critical: #F58B00;
522
- --sapChart_Good: #36A41D;
523
- --sapChart_Neutral: #8396A8;
524
- --sapChart_Sequence_1: #1B90FF;
525
- --sapChart_Sequence_2: #f25f18;
675
+ --sapChart_Bad: #f53232;
676
+ --sapChart_Critical: #e76500;
677
+ --sapChart_Good: #30914c;
678
+ --sapChart_Neutral: #788fa6;
679
+ --sapChart_Sequence_1: #1b90ff;
680
+ --sapChart_Sequence_2: #f26018;
526
681
  --sapChart_Sequence_3: #179c6f;
527
682
  --sapChart_Sequence_4: #f62866;
528
- --sapChart_Sequence_5: #873fd4;
529
- --sapChart_Sequence_6: #04ACA7;
530
- --sapChart_Sequence_7: #0070F2;
531
- --sapChart_Sequence_8: #CC00DC;
532
- --sapChart_Sequence_9: #8396A8;
533
- --sapChart_Sequence_10: #f54848;
683
+ --sapChart_Sequence_5: #863fd5;
684
+ --sapChart_Sequence_6: #04a29d;
685
+ --sapChart_Sequence_7: #0070f2;
686
+ --sapChart_Sequence_8: #cc00dc;
687
+ --sapChart_Sequence_9: #8396a8;
688
+ --sapChart_Sequence_10: #f54747;
534
689
  --sapChart_Sequence_11: #20578c;
535
- --sapChart_Sequence_Neutral: #8396A8;
690
+ --sapChart_Sequence_Neutral: #788fa6;
536
691
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
537
692
  --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
538
693
  --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
@@ -544,26 +699,44 @@
544
699
  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
545
700
  --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
546
701
  --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
547
- --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
548
- --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
549
- --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
550
- --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
551
702
  --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
552
703
  --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
704
+ --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
705
+ --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
553
706
  --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
554
707
  --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
708
+ --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
709
+ --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
710
+ --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
711
+ --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
712
+ --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
713
+ --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
714
+ --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
715
+ --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
716
+ --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
717
+ --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
555
718
  --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
556
719
  --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
557
720
  --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
558
721
  --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
722
+ --sapFontUrl_72_Black_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff2');
723
+ --sapFontUrl_72_Black_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff');
559
724
  --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
560
725
  --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
726
+ --sapFontUrl_72_BoldItalic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff2');
727
+ --sapFontUrl_72_BoldItalic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff');
561
728
  --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
562
729
  --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
730
+ --sapFontUrl_72_Condensed_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff2');
731
+ --sapFontUrl_72_Condensed_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff');
563
732
  --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
564
733
  --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
734
+ --sapFontUrl_72_CondensedBold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff2');
735
+ --sapFontUrl_72_CondensedBold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff');
565
736
  --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
566
737
  --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
738
+ --sapFontUrl_72_Italic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff2');
739
+ --sapFontUrl_72_Italic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff');
567
740
  --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
568
741
  --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
569
742
  --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');