@ui5/webcomponents-theming 0.0.0-1929d08ff → 0.0.0-1acdb5da5

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 (93) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +273 -0
  3. package/README.md +5 -6
  4. package/config/postcss.themes/{postcss.config.js → postcss.config.cjs} +3 -3
  5. package/css-vars-usage.json +140 -6
  6. package/dist/Assets-static.d.ts +1 -0
  7. package/dist/Assets-static.js +1 -0
  8. package/dist/Assets-static.js.map +1 -0
  9. package/dist/Assets.d.ts +1 -0
  10. package/dist/Assets.js +1 -0
  11. package/dist/Assets.js.map +1 -0
  12. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  19. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  20. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  21. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  22. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  23. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  24. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  33. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  34. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  35. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  36. package/dist/generated/json-imports/Themes-static.js +9 -3
  37. package/dist/generated/json-imports/Themes.js +6 -3
  38. package/dist/generated/themes/sap_belize/parameters-bundle.css.d.ts +3 -0
  39. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +3 -1
  40. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -0
  41. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.d.ts +3 -0
  42. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +3 -1
  43. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -0
  44. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.d.ts +3 -0
  45. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +3 -1
  46. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -0
  47. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +3 -0
  48. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
  49. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  50. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +3 -0
  51. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
  52. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  53. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +3 -0
  54. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
  55. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  56. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +3 -0
  57. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
  58. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  59. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +3 -0
  60. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
  61. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  62. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +3 -0
  63. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -0
  64. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  65. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +3 -0
  66. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +3 -1
  67. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -0
  68. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +3 -0
  69. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -0
  70. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  71. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +3 -0
  72. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -0
  73. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  74. package/dist/themes/sap_belize/css_variables.css +261 -24
  75. package/dist/themes/sap_belize_hcb/css_variables.css +251 -14
  76. package/dist/themes/sap_belize_hcw/css_variables.css +248 -11
  77. package/dist/themes/sap_fiori_3/css_variables.css +263 -26
  78. package/dist/themes/sap_fiori_3_dark/css_variables.css +253 -16
  79. package/dist/themes/sap_fiori_3_hcb/css_variables.css +254 -17
  80. package/dist/themes/sap_fiori_3_hcw/css_variables.css +251 -14
  81. package/dist/themes/sap_horizon/css_variables.css +421 -184
  82. package/dist/themes/sap_horizon_dark/css_variables.css +821 -0
  83. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  84. package/dist/themes/sap_horizon_exp/css_variables.css +421 -184
  85. package/dist/themes/sap_horizon_hcb/css_variables.css +821 -0
  86. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  87. package/dist/themes/sap_horizon_hcw/css_variables.css +821 -0
  88. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  89. package/lib/generate-css-vars-usage-report/index.js +23 -14
  90. package/{package-scripts.js → package-scripts.cjs} +3 -7
  91. package/package.json +7 -8
  92. package/tsconfig.json +15 -0
  93. package/hash.txt +0 -1
@@ -1,11 +1,12 @@
1
1
  /**
2
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.
3
3
  *
4
- * Theming Engine 1.51.0
5
- * data:{"Path": "Base.baseLib.sap_fiori_3_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_fiori_3","sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_fiori_3", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}
4
+ * Theming Engine 1.23020.0-20230307104335+d1c2c3769b35a96c9647c4970676104d5e0a1bbd
5
+ * data:{"Path": "Base.baseLib.sap_fiori_3_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_fiori_3","sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23020.0-20230307104335+d1c2c3769b35a96c9647c4970676104d5e0a1bbd"}, "Version": { "Build": "11.2.1.20230309093813", "Source": "11.2.1"}}
6
6
  */
7
7
 
8
- .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_fiori_3_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_fiori_3","sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "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_fiori_3_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_fiori_3","sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23020.0-20230307104335+d1c2c3769b35a96c9647c4970676104d5e0a1bbd"}, "Version": { "Build": "11.2.1.20230309093813", "Source": "11.2.1"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_fiori_3_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_fiori_3","sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23020.0-20230307104335+d1c2c3769b35a96c9647c4970676104d5e0a1bbd"}, "Version": { "Build": "11.2.1.20230309093813", "Source": "11.2.1"}};}
9
10
  :root {
10
11
  --sapBrandColor: #91c8f6;
11
12
  --sapHighlightColor: #91c8f6;
@@ -15,7 +16,9 @@
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;
18
- --sapFontBlackFamily: "72Black", "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;
21
+ --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
19
22
  --sapFontHeaderFamily: "72", "72full", Arial, Helvetica, sans-serif;
20
23
  --sapFontSize: .875rem;
21
24
  --sapFontSmallSize: .75rem;
@@ -71,34 +74,50 @@
71
74
  --sapInformationBackground: #062e4f;
72
75
  --sapNeutralBackground: #5c666b;
73
76
  --sapIndicationColor_1: #ff5555;
77
+ --sapIndicationColor_1_Background: #ff5555;
78
+ --sapIndicationColor_1_BorderColor: #ff5555;
74
79
  --sapIndicationColor_1_Hover_Background: #ff6f6f;
75
80
  --sapIndicationColor_1_Active_Background: #f88;
76
81
  --sapIndicationColor_1_TextColor: #fafafa;
77
82
  --sapIndicationColor_2: #ff8888;
83
+ --sapIndicationColor_2_Background: #ff8888;
84
+ --sapIndicationColor_2_BorderColor: #ff8888;
78
85
  --sapIndicationColor_2_Hover_Background: #ffa2a2;
79
86
  --sapIndicationColor_2_Active_Background: #fbb;
80
87
  --sapIndicationColor_2_TextColor: #29313a;
81
88
  --sapIndicationColor_3: #fabd64;
89
+ --sapIndicationColor_3_Background: #fabd64;
90
+ --sapIndicationColor_3_BorderColor: #fabd64;
82
91
  --sapIndicationColor_3_Hover_Background: #fac373;
83
92
  --sapIndicationColor_3_Active_Background: #fbca82;
84
93
  --sapIndicationColor_3_TextColor: #29313a;
85
94
  --sapIndicationColor_4: #abe2ab;
95
+ --sapIndicationColor_4_Background: #abe2ab;
96
+ --sapIndicationColor_4_BorderColor: #abe2ab;
86
97
  --sapIndicationColor_4_Hover_Background: #bee9be;
87
98
  --sapIndicationColor_4_Active_Background: #d1efd1;
88
99
  --sapIndicationColor_4_TextColor: #29313a;
89
100
  --sapIndicationColor_5: #91c8f6;
101
+ --sapIndicationColor_5_Background: #91c8f6;
102
+ --sapIndicationColor_5_BorderColor: #91c8f6;
90
103
  --sapIndicationColor_5_Hover_Background: #a9d4f8;
91
104
  --sapIndicationColor_5_Active_Background: #c0e0fa;
92
105
  --sapIndicationColor_5_TextColor: #29313a;
93
106
  --sapIndicationColor_6: #7fc6c6;
107
+ --sapIndicationColor_6_Background: #7fc6c6;
108
+ --sapIndicationColor_6_BorderColor: #7fc6c6;
94
109
  --sapIndicationColor_6_Hover_Background: #91cece;
95
110
  --sapIndicationColor_6_Active_Background: #a2d6d6;
96
111
  --sapIndicationColor_6_TextColor: #29313a;
97
112
  --sapIndicationColor_7: #b995e0;
113
+ --sapIndicationColor_7_Background: #b995e0;
114
+ --sapIndicationColor_7_BorderColor: #b995e0;
98
115
  --sapIndicationColor_7_Hover_Background: #c6a9e6;
99
116
  --sapIndicationColor_7_Active_Background: #d3bcec;
100
117
  --sapIndicationColor_7_TextColor: #29313a;
101
118
  --sapIndicationColor_8: #e269c9;
119
+ --sapIndicationColor_8_Background: #e269c9;
120
+ --sapIndicationColor_8_BorderColor: #e269c9;
102
121
  --sapIndicationColor_8_Hover_Background: #e67ed1;
103
122
  --sapIndicationColor_8_Active_Background: #ea94d8;
104
123
  --sapIndicationColor_8_TextColor: #fafafa;
@@ -117,10 +136,13 @@
117
136
  --sapContent_NonInteractiveIconColor: #d3d7d9;
118
137
  --sapContent_MarkerIconColor: #6bd3ff;
119
138
  --sapContent_MarkerTextColor: #7fc6c6;
139
+ --sapContent_MeasureIndicatorColor: #8696a9;
140
+ --sapContent_Selected_MeasureIndicatorColor: #8696a9;
120
141
  --sapContent_ImagePlaceholderBackground: #687d94;
121
142
  --sapContent_ImagePlaceholderForegroundColor: #29313a;
122
143
  --sapContent_RatedColor: #ffc847;
123
144
  --sapContent_UnratedColor: #8696a9;
145
+ --sapContent_BusyColor: #91c8f6;
124
146
  --sapContent_FocusColor: #fff;
125
147
  --sapContent_FocusStyle: dotted;
126
148
  --sapContent_FocusWidth: .0625rem;
@@ -133,7 +155,7 @@
133
155
  --sapContent_Shadow3: 0 0 0 0.0625rem rgba(255,255,255,0.5), 0 1.25rem 5rem 0 rgba(0,0,0,0.6);
134
156
  --sapContent_TextShadow: 0 0 0.125rem #000;
135
157
  --sapContent_ContrastTextShadow: none;
136
- --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 #3a4552;
158
+ --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.2), inset 0 -0.0625rem 0 0 #3a4552;
137
159
  --sapContent_Interaction_Shadow: none;
138
160
  --sapContent_Selected_Shadow: none;
139
161
  --sapContent_Negative_Shadow: none;
@@ -163,6 +185,7 @@
163
185
  --sapContent_Selected_TextColor: #29313a;
164
186
  --sapContent_Selected_Hover_Background: #83c1f5;
165
187
  --sapContent_Selected_ForegroundColor: #91c8f6;
188
+ --sapContent_ForcedColorAdjust: none;
166
189
  --sapContent_Illustrative_Color1: #0a6ed1;
167
190
  --sapContent_Illustrative_Color2: #3793d1;
168
191
  --sapContent_Illustrative_Color3: #d69522;
@@ -209,12 +232,106 @@
209
232
  --sapShell_Navigation_Hover_Background: #283848;
210
233
  --sapShell_Navigation_Active_Background: #23303e;
211
234
  --sapShell_Navigation_Active_TextColor: #fafafa;
212
- --sapShell_Shadow: 0 0 0.5rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 rgba(255,255,255,0.2);
235
+ --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 rgba(255,255,255,0.2);
213
236
  --sapShell_NegativeColor: #ff8888;
214
237
  --sapShell_CriticalColor: #fabd64;
215
238
  --sapShell_PositiveColor: #abe2ab;
216
239
  --sapShell_InformativeColor: #c0e0fa;
217
240
  --sapShell_NeutralColor: #d3d7d9;
241
+ --sapShell_Category_1_Background: #6bd3ff;
242
+ --sapShell_Category_1_BorderColor: #6bd3ff;
243
+ --sapShell_Category_1_TextColor: #29313a;
244
+ --sapShell_Category_1_TextShadow: none;
245
+ --sapShell_Category_2_Background: #d88b8b;
246
+ --sapShell_Category_2_BorderColor: #d88b8b;
247
+ --sapShell_Category_2_TextColor: #29313a;
248
+ --sapShell_Category_2_TextShadow: none;
249
+ --sapShell_Category_3_Background: #f0b25f;
250
+ --sapShell_Category_3_BorderColor: #f0b25f;
251
+ --sapShell_Category_3_TextColor: #29313a;
252
+ --sapShell_Category_3_TextShadow: none;
253
+ --sapShell_Category_4_Background: #bb8aaf;
254
+ --sapShell_Category_4_BorderColor: #bb8aaf;
255
+ --sapShell_Category_4_TextColor: #29313a;
256
+ --sapShell_Category_4_TextShadow: none;
257
+ --sapShell_Category_5_Background: #ffb98d;
258
+ --sapShell_Category_5_BorderColor: #ffb98d;
259
+ --sapShell_Category_5_TextColor: #29313a;
260
+ --sapShell_Category_5_TextShadow: none;
261
+ --sapShell_Category_6_Background: #21c4c4;
262
+ --sapShell_Category_6_BorderColor: #21c4c4;
263
+ --sapShell_Category_6_TextColor: #29313a;
264
+ --sapShell_Category_6_TextShadow: none;
265
+ --sapShell_Category_7_Background: #de54c1;
266
+ --sapShell_Category_7_BorderColor: #de54c1;
267
+ --sapShell_Category_7_TextColor: #fafafa;
268
+ --sapShell_Category_7_TextShadow: none;
269
+ --sapShell_Category_8_Background: #afd645;
270
+ --sapShell_Category_8_BorderColor: #afd645;
271
+ --sapShell_Category_8_TextColor: #29313a;
272
+ --sapShell_Category_8_TextShadow: none;
273
+ --sapShell_Category_9_Background: #bbbcd2;
274
+ --sapShell_Category_9_BorderColor: #bbbcd2;
275
+ --sapShell_Category_9_TextColor: #29313a;
276
+ --sapShell_Category_9_TextShadow: none;
277
+ --sapShell_Category_10_Background: #b0bcc5;
278
+ --sapShell_Category_10_BorderColor: #b0bcc5;
279
+ --sapShell_Category_10_TextColor: #29313a;
280
+ --sapShell_Category_10_TextShadow: none;
281
+ --sapShell_Category_11_Background: #f58c4b;
282
+ --sapShell_Category_11_BorderColor: #f58c4b;
283
+ --sapShell_Category_11_TextColor: #29313a;
284
+ --sapShell_Category_11_TextShadow: none;
285
+ --sapShell_Category_12_Background: #c3c5fd;
286
+ --sapShell_Category_12_BorderColor: #c3c5fd;
287
+ --sapShell_Category_12_TextColor: #29313a;
288
+ --sapShell_Category_12_TextShadow: none;
289
+ --sapShell_Category_13_Background: #ffa1a1;
290
+ --sapShell_Category_13_BorderColor: #ffa1a1;
291
+ --sapShell_Category_13_TextColor: #29313a;
292
+ --sapShell_Category_13_TextShadow: none;
293
+ --sapShell_Category_14_Background: #a2c2c2;
294
+ --sapShell_Category_14_BorderColor: #a2c2c2;
295
+ --sapShell_Category_14_TextColor: #29313a;
296
+ --sapShell_Category_14_TextShadow: none;
297
+ --sapShell_Category_15_Background: #e9e9f0;
298
+ --sapShell_Category_15_BorderColor: #e9e9f0;
299
+ --sapShell_Category_15_TextColor: #29313a;
300
+ --sapShell_Category_15_TextShadow: none;
301
+ --sapShell_Category_16_Background: #aabc78;
302
+ --sapShell_Category_16_BorderColor: #aabc78;
303
+ --sapShell_Category_16_TextColor: #29313a;
304
+ --sapShell_Category_16_TextShadow: none;
305
+ --sapAvatar_1_Background: #ffc847;
306
+ --sapAvatar_1_BorderColor: #ffc847;
307
+ --sapAvatar_1_TextColor: #29313a;
308
+ --sapAvatar_2_Background: #e7a1a1;
309
+ --sapAvatar_2_BorderColor: #e7a1a1;
310
+ --sapAvatar_2_TextColor: #29313a;
311
+ --sapAvatar_3_Background: #f37aa2;
312
+ --sapAvatar_3_BorderColor: #f37aa2;
313
+ --sapAvatar_3_TextColor: #29313a;
314
+ --sapAvatar_4_Background: #e269c9;
315
+ --sapAvatar_4_BorderColor: #e269c9;
316
+ --sapAvatar_4_TextColor: #fafafa;
317
+ --sapAvatar_5_Background: #8ca7d5;
318
+ --sapAvatar_5_BorderColor: #8ca7d5;
319
+ --sapAvatar_5_TextColor: #29313a;
320
+ --sapAvatar_6_Background: #6bd3ff;
321
+ --sapAvatar_6_BorderColor: #6bd3ff;
322
+ --sapAvatar_6_TextColor: #29313a;
323
+ --sapAvatar_7_Background: #7fc6c6;
324
+ --sapAvatar_7_BorderColor: #7fc6c6;
325
+ --sapAvatar_7_TextColor: #29313a;
326
+ --sapAvatar_8_Background: #b2e484;
327
+ --sapAvatar_8_BorderColor: #b2e484;
328
+ --sapAvatar_8_TextColor: #29313a;
329
+ --sapAvatar_9_Background: #b995e0;
330
+ --sapAvatar_9_BorderColor: #b995e0;
331
+ --sapAvatar_9_TextColor: #29313a;
332
+ --sapAvatar_10_Background: #b0bcc5;
333
+ --sapAvatar_10_BorderColor: #b0bcc5;
334
+ --sapAvatar_10_TextColor: #29313a;
218
335
  --sapButton_BorderWidth: .0625rem;
219
336
  --sapButton_BorderCornerRadius: .25rem;
220
337
  --sapButton_Background: #29313a;
@@ -229,7 +346,7 @@
229
346
  --sapButton_Active_TextColor: #29313a;
230
347
  --sapButton_Emphasized_Background: #1b8dec;
231
348
  --sapButton_Emphasized_BorderColor: #1b8dec;
232
- --sapButton_Emphasized_TextColor: #fafafa;
349
+ --sapButton_Emphasized_TextColor: #fff;
233
350
  --sapButton_Emphasized_Hover_Background: #2e96ee;
234
351
  --sapButton_Emphasized_Hover_BorderColor: #2e96ee;
235
352
  --sapButton_Emphasized_Hover_TextColor: #fafafa;
@@ -237,6 +354,7 @@
237
354
  --sapButton_Emphasized_Active_BorderColor: #91c8f6;
238
355
  --sapButton_Emphasized_Active_TextColor: #29313a;
239
356
  --sapButton_Emphasized_TextShadow: transparent;
357
+ --sapButton_Emphasized_FontWeight: bold;
240
358
  --sapButton_Reject_Background: #29313a;
241
359
  --sapButton_Reject_BorderColor: #ff8888;
242
360
  --sapButton_Reject_Hover_Background: #3b0000;
@@ -327,6 +445,7 @@
327
445
  --sapButton_Information_Hover_TextColor: #29313a;
328
446
  --sapButton_Information_Active_Background: #c0e0fa;
329
447
  --sapButton_Information_Active_BorderColor: #c0e0fa;
448
+ --sapButton_Information_Active_TextColor: #29313a;
330
449
  --sapButton_Neutral_Background: #d3d7d9;
331
450
  --sapButton_Neutral_BorderColor: #d3d7d9;
332
451
  --sapButton_Neutral_TextColor: #29313a;
@@ -336,20 +455,59 @@
336
455
  --sapButton_Neutral_Active_Background: #eef0f1;
337
456
  --sapButton_Neutral_Active_BorderColor: #eef0f1;
338
457
  --sapButton_Neutral_Active_TextColor: #29313a;
339
- --sapButton_Track_Selected_Background: #062e4f;
340
- --sapButton_Track_Selected_TextColor: #fafafa;
341
458
  --sapButton_Track_Background: #38434f;
459
+ --sapButton_Track_BorderColor: #8696a9;
342
460
  --sapButton_Track_TextColor: #fafafa;
461
+ --sapButton_Track_Hover_Background: #38434f;
462
+ --sapButton_Track_Hover_BorderColor: #91c8f6;
463
+ --sapButton_Track_Selected_Background: #062e4f;
464
+ --sapButton_Track_Selected_BorderColor: #91c8f6;
465
+ --sapButton_Track_Selected_TextColor: #fafafa;
466
+ --sapButton_Track_Selected_Hover_Background: #062e4f;
467
+ --sapButton_Track_Selected_Hover_BorderColor: #83c1f5;
468
+ --sapButton_Handle_Background: #29313a;
469
+ --sapButton_Handle_BorderColor: #8696a9;
470
+ --sapButton_Handle_TextColor: #fafafa;
471
+ --sapButton_Handle_Hover_Background: #062e4f;
472
+ --sapButton_Handle_Hover_BorderColor: #91c8f6;
473
+ --sapButton_Handle_Selected_Background: #91c8f6;
474
+ --sapButton_Handle_Selected_BorderColor: #91c8f6;
475
+ --sapButton_Handle_Selected_TextColor: #29313a;
476
+ --sapButton_Handle_Selected_Hover_Background: #83c1f5;
477
+ --sapButton_Handle_Selected_Hover_BorderColor: #83c1f5;
478
+ --sapButton_Track_Negative_Background: #3b0000;
479
+ --sapButton_Track_Negative_BorderColor: #ff8888;
480
+ --sapButton_Track_Negative_TextColor: #f88;
481
+ --sapButton_Track_Negative_Hover_Background: #3b0000;
482
+ --sapButton_Track_Negative_Hover_BorderColor: #ff8888;
483
+ --sapButton_Handle_Negative_Background: #29313a;
484
+ --sapButton_Handle_Negative_BorderColor: #ff8888;
485
+ --sapButton_Handle_Negative_TextColor: #f88;
486
+ --sapButton_Handle_Negative_Hover_Background: #3b0000;
487
+ --sapButton_Handle_Negative_Hover_BorderColor: #ff8888;
488
+ --sapButton_Track_Positive_Background: #153c15;
489
+ --sapButton_Track_Positive_BorderColor: #abe2ab;
490
+ --sapButton_Track_Positive_TextColor: #abe2ab;
491
+ --sapButton_Track_Positive_Hover_Background: #153c15;
492
+ --sapButton_Track_Positive_Hover_BorderColor: #abe2ab;
493
+ --sapButton_Handle_Positive_Background: #29313a;
494
+ --sapButton_Handle_Positive_BorderColor: #abe2ab;
495
+ --sapButton_Handle_Positive_TextColor: #abe2ab;
496
+ --sapButton_Handle_Positive_Hover_Background: #153c15;
497
+ --sapButton_Handle_Positive_Hover_BorderColor: #abe2ab;
343
498
  --sapButton_TokenBackground: #29313a;
344
499
  --sapButton_TokenBorderColor: #687d94;
345
500
  --sapField_Background: #29313a;
501
+ --sapField_BackgroundStyle: none;
346
502
  --sapField_TextColor: #fafafa;
347
503
  --sapField_PlaceholderTextColor: #b8bec1;
348
504
  --sapField_BorderColor: #8696a9;
349
505
  --sapField_HelpBackground: #29313a;
350
506
  --sapField_BorderWidth: .0625rem;
507
+ --sapField_BorderStyle: solid;
351
508
  --sapField_BorderCornerRadius: .125rem;
352
509
  --sapField_Hover_Background: #29313a;
510
+ --sapField_Hover_BackgroundStyle: none;
353
511
  --sapField_Hover_BorderColor: #91c8f6;
354
512
  --sapField_Hover_HelpBackground: #062e4f;
355
513
  --sapField_Active_BorderColor: #91c8f6;
@@ -357,33 +515,41 @@
357
515
  --sapField_Focus_BorderColor: #8696a9;
358
516
  --sapField_Focus_HelpBackground: #29313a;
359
517
  --sapField_ReadOnly_Background: rgba(58,69,82,0.5);
518
+ --sapField_ReadOnly_BackgroundStyle: none;
360
519
  --sapField_ReadOnly_BorderColor: #546375;
520
+ --sapField_ReadOnly_BorderStyle: solid;
361
521
  --sapField_ReadOnly_HelpBackground: rgba(58,69,82,0.5);
362
522
  --sapField_RequiredColor: #e7a1a1;
363
523
  --sapField_InvalidColor: #ff8888;
364
524
  --sapField_InvalidBackground: #29313a;
525
+ --sapField_InvalidBackgroundStyle: none;
365
526
  --sapField_InvalidBorderWidth: .125rem;
366
527
  --sapField_InvalidBorderStyle: solid;
367
528
  --sapField_WarningColor: #fabd64;
368
529
  --sapField_WarningBackground: #29313a;
530
+ --sapField_WarningBackgroundStyle: none;
369
531
  --sapField_WarningBorderWidth: .125rem;
370
532
  --sapField_WarningBorderStyle: solid;
371
533
  --sapField_SuccessColor: #abe2ab;
372
534
  --sapField_SuccessBackground: #29313a;
535
+ --sapField_SuccessBackgroundStyle: none;
373
536
  --sapField_SuccessBorderWidth: .0625rem;
374
537
  --sapField_SuccessBorderStyle: solid;
375
538
  --sapField_InformationColor: #91c8f6;
376
539
  --sapField_InformationBackground: #29313a;
540
+ --sapField_InformationBackgroundStyle: none;
377
541
  --sapField_InformationBorderWidth: .125rem;
378
542
  --sapField_InformationBorderStyle: solid;
379
543
  --sapGroup_TitleBackground: transparent;
380
544
  --sapGroup_TitleBorderColor: #495767;
381
545
  --sapGroup_TitleTextColor: #fafafa;
546
+ --sapGroup_Title_FontSize: 1.125rem;
382
547
  --sapGroup_ContentBackground: #29313a;
383
548
  --sapGroup_ContentBorderColor: #3e4a58;
384
549
  --sapGroup_BorderWidth: .0625rem;
385
550
  --sapGroup_BorderCornerRadius: 0;
386
551
  --sapGroup_FooterBackground: transparent;
552
+ --sapPopover_BorderCornerRadius: .25rem;
387
553
  --sapToolbar_Background: transparent;
388
554
  --sapToolbar_SeparatorColor: #495767;
389
555
  --sapList_HeaderBackground: #232931;
@@ -410,13 +576,60 @@
410
576
  --sapList_TableGroupHeaderTextColor: #fafafa;
411
577
  --sapList_TableFooterBorder: #4b596a;
412
578
  --sapList_TableFixedBorderColor: #8091a5;
413
- --sapList_Active_Background: #91c8f6;
579
+ --sapMessage_ErrorBorderColor: #ff8888;
580
+ --sapMessage_WarningBorderColor: #fabd64;
581
+ --sapMessage_SuccessBorderColor: #abe2ab;
582
+ --sapMessage_InformationBorderColor: #91c8f6;
583
+ --sapProgress_Background: #29313a;
584
+ --sapProgress_BorderColor: #8696a9;
585
+ --sapProgress_TextColor: #fafafa;
586
+ --sapProgress_FontSize: .75rem;
587
+ --sapProgress_NegativeBackground: #29313a;
588
+ --sapProgress_NegativeBorderColor: #8696a9;
589
+ --sapProgress_NegativeTextColor: #fafafa;
590
+ --sapProgress_CriticalBackground: #29313a;
591
+ --sapProgress_CriticalBorderColor: #8696a9;
592
+ --sapProgress_CriticalTextColor: #fafafa;
593
+ --sapProgress_PositiveBackground: #29313a;
594
+ --sapProgress_PositiveBorderColor: #8696a9;
595
+ --sapProgress_PositiveTextColor: #fafafa;
596
+ --sapProgress_InformationBackground: #29313a;
597
+ --sapProgress_InformationBorderColor: #8696a9;
598
+ --sapProgress_InformationTextColor: #fafafa;
599
+ --sapProgress_Value_Background: #d3d7d9;
600
+ --sapProgress_Value_BorderColor: #8696a9;
601
+ --sapProgress_Value_TextColor: #fafafa;
602
+ --sapProgress_Value_NegativeBackground: #ff8888;
603
+ --sapProgress_Value_NegativeBorderColor: #29313a;
604
+ --sapProgress_Value_NegativeTextColor: #fafafa;
605
+ --sapProgress_Value_CriticalBackground: #fabd64;
606
+ --sapProgress_Value_CriticalBorderColor: #29313a;
607
+ --sapProgress_Value_CriticalTextColor: #fafafa;
608
+ --sapProgress_Value_PositiveBackground: #abe2ab;
609
+ --sapProgress_Value_PositiveBorderColor: #29313a;
610
+ --sapProgress_Value_PositiveTextColor: #fafafa;
611
+ --sapProgress_Value_InformationBackground: #91c8f6;
612
+ --sapProgress_Value_InformationBorderColor: #29313a;
613
+ --sapProgress_Value_InformationTextColor: #fafafa;
414
614
  --sapScrollBar_FaceColor: #506273;
415
615
  --sapScrollBar_TrackColor: #090b0d;
416
616
  --sapScrollBar_BorderColor: #506273;
417
617
  --sapScrollBar_SymbolColor: #91c8f6;
418
618
  --sapScrollBar_Dimension: .75rem;
419
619
  --sapScrollBar_Hover_FaceColor: #4a5a6a;
620
+ --sapSlider_Background: #8696a9;
621
+ --sapSlider_BorderColor: #8696a9;
622
+ --sapSlider_Selected_Background: #91c8f6;
623
+ --sapSlider_Selected_BorderColor: #91c8f6;
624
+ --sapSlider_HandleBackground: #29313a;
625
+ --sapSlider_HandleBorderColor: #8696a9;
626
+ --sapSlider_RangeHandleBackground: transparent;
627
+ --sapSlider_Hover_HandleBackground: #062e4f;
628
+ --sapSlider_Hover_HandleBorderColor: #91c8f6;
629
+ --sapSlider_Hover_RangeHandleBackground: #062e4f;
630
+ --sapSlider_Active_HandleBackground: #91c8f6;
631
+ --sapSlider_Active_HandleBorderColor: #91c8f6;
632
+ --sapSlider_Active_RangeHandleBackground: transparent;
420
633
  --sapPageHeader_Background: #29313a;
421
634
  --sapPageHeader_BorderColor: #3a4552;
422
635
  --sapPageHeader_TextColor: #fafafa;
@@ -431,11 +644,17 @@
431
644
  --sapObjectHeader_Background: #29313a;
432
645
  --sapObjectHeader_BorderColor: #3a4552;
433
646
  --sapObjectHeader_Hover_Background: #2f3943;
647
+ --sapObjectHeader_Title_TextColor: #fafafa;
648
+ --sapObjectHeader_Title_FontSize: 1.25rem;
649
+ --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
650
+ --sapObjectHeader_Title_FontFamily: "72", "72full", Arial, Helvetica, sans-serif;
651
+ --sapObjectHeader_Subtitle_TextColor: #d3d7d9;
434
652
  --sapBlockLayer_Background: #000;
435
653
  --sapTile_Background: #29313a;
436
654
  --sapTile_Hover_Background: #21272e;
437
655
  --sapTile_Active_Background: #21272e;
438
656
  --sapTile_BorderColor: transparent;
657
+ --sapTile_BorderCornerRadius: .25rem;
439
658
  --sapTile_TitleTextColor: #fafafa;
440
659
  --sapTile_TextColor: #d3d7d9;
441
660
  --sapTile_IconColor: #89a3bd;
@@ -516,7 +735,7 @@
516
735
  --sapChart_OrderedColor_8: #bf399e;
517
736
  --sapChart_OrderedColor_9: #6c8893;
518
737
  --sapChart_OrderedColor_10: #ee6868;
519
- --sapChart_OrderedColor_11: #2f6497;
738
+ --sapChart_OrderedColor_11: #3571aa;
520
739
  --sapChart_Bad: #dc0d0e;
521
740
  --sapChart_Critical: #de890d;
522
741
  --sapChart_Good: #3fa45b;
@@ -531,7 +750,7 @@
531
750
  --sapChart_Sequence_8: #bf399e;
532
751
  --sapChart_Sequence_9: #6c8893;
533
752
  --sapChart_Sequence_10: #ee6868;
534
- --sapChart_Sequence_11: #2f6497;
753
+ --sapChart_Sequence_11: #3571aa;
535
754
  --sapChart_Sequence_Neutral: #848f94;
536
755
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons.ttf');
537
756
  --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons.woff');
@@ -544,26 +763,44 @@
544
763
  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
545
764
  --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
546
765
  --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
766
  --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
552
767
  --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
768
+ --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
769
+ --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
553
770
  --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
554
771
  --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
772
+ --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
773
+ --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
774
+ --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
775
+ --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
776
+ --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
777
+ --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
778
+ --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
779
+ --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
780
+ --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
781
+ --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
555
782
  --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
556
783
  --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
557
784
  --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
558
785
  --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
786
+ --sapFontUrl_72_Black_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff2');
787
+ --sapFontUrl_72_Black_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff');
559
788
  --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
560
789
  --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
790
+ --sapFontUrl_72_BoldItalic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff2');
791
+ --sapFontUrl_72_BoldItalic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff');
561
792
  --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
562
793
  --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
794
+ --sapFontUrl_72_Condensed_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff2');
795
+ --sapFontUrl_72_Condensed_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff');
563
796
  --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
564
797
  --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
798
+ --sapFontUrl_72_CondensedBold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff2');
799
+ --sapFontUrl_72_CondensedBold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff');
565
800
  --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
566
801
  --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
802
+ --sapFontUrl_72_Italic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff2');
803
+ --sapFontUrl_72_Italic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff');
567
804
  --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
568
805
  --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
569
806
  --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');