@ui5/webcomponents-theming 0.0.0-cb061e041 → 0.0.0-ce98ce2bb

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 (88) hide show
  1. package/CHANGELOG.md +173 -0
  2. package/css-vars-usage.json +5 -5
  3. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  4. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  5. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  6. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  7. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  8. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  9. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  10. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  13. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  16. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  18. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  19. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -0
  28. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -0
  31. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -0
  33. package/dist/generated/json-imports/Themes-static.js +8 -2
  34. package/dist/generated/json-imports/Themes.js +4 -1
  35. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  36. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  37. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  38. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  39. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  40. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  41. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  42. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  43. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  44. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  45. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  46. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  47. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  48. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  49. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  50. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  51. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  52. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  53. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +3 -0
  54. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +3 -0
  55. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -0
  56. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  57. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  58. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  59. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  60. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +3 -0
  61. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +3 -0
  62. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -0
  63. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  64. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  65. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +3 -0
  66. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +3 -0
  67. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -0
  68. package/dist/themes/sap_belize/css_variables.css +36 -5
  69. package/dist/themes/sap_belize_hcb/css_variables.css +151 -111
  70. package/dist/themes/sap_belize_hcw/css_variables.css +66 -16
  71. package/dist/themes/sap_fiori_3/css_variables.css +34 -4
  72. package/dist/themes/sap_fiori_3_dark/css_variables.css +44 -4
  73. package/dist/themes/sap_fiori_3_hcb/css_variables.css +151 -111
  74. package/dist/themes/sap_fiori_3_hcw/css_variables.css +66 -16
  75. package/dist/themes/sap_horizon/css_variables.css +30 -10
  76. package/dist/themes/sap_horizon_dark/css_variables.css +34 -4
  77. package/dist/themes/sap_horizon_dark_exp/css_variables.css +956 -0
  78. package/dist/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  79. package/dist/themes/sap_horizon_exp/css_variables.css +180 -160
  80. package/dist/themes/sap_horizon_hcb/css_variables.css +45 -15
  81. package/dist/themes/sap_horizon_hcb_exp/css_variables.css +956 -0
  82. package/dist/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  83. package/dist/themes/sap_horizon_hcw/css_variables.css +49 -9
  84. package/dist/themes/sap_horizon_hcw_exp/css_variables.css +966 -0
  85. package/dist/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  86. package/package-scripts.cjs +5 -1
  87. package/package.json +5 -6
  88. package/tsconfig.json +1 -2
@@ -0,0 +1 @@
1
+ @import "./css_variables.css";
@@ -1,15 +1,25 @@
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-2020 SAP SE or an SAP affiliate company. All rights reserved.
3
3
  *
4
- * Theming Engine 1.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650
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.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650"}, "Version": { "Build": "11.3.2.20230406131255", "Source": "11.3.2"}}
4
+ * Theming Engine 1.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d
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.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230803094309", "Source": "11.6.4"}}
6
+ */
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", "Engine": {"Name": "theming-engine", "Version": "1.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230803094309", "Source": "11.6.4"}}');}
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.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230803094309", "Source": "11.6.4"}};}
10
+
11
+ /**
12
+ * Base.baseLib.baseTheme.base (Version 11.6.4)
13
+ */
14
+
15
+
16
+ /**
17
+ * Base.baseLib.baseTheme.css_variables (Version 11.6.4)
6
18
  */
7
19
 
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.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650"}, "Version": { "Build": "11.3.2.20230406131255", "Source": "11.3.2"}}');}
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.23030.0-20230404052500+08ab7f203f968a8915a46326f198b28734934650"}, "Version": { "Build": "11.3.2.20230406131255", "Source": "11.3.2"}};}
10
20
  :root {
11
21
  --sapBrandColor: #0070f2;
12
- --sapHighlightColor: #0070f2;
22
+ --sapHighlightColor: #0064d9;
13
23
  --sapBaseColor: #fff;
14
24
  --sapShellColor: #fff;
15
25
  --sapBackgroundColor: #f5f6f7;
@@ -21,7 +31,7 @@
21
31
  --sapBackgroundImage: none;
22
32
  --sapBackgroundImageOpacity: 1.0;
23
33
  --sapBackgroundImageRepeat: false;
24
- --sapSelectedColor: #0070f2;
34
+ --sapSelectedColor: #0064d9;
25
35
  --sapHoverColor: #eaecee;
26
36
  --sapActiveColor: #dee2e5;
27
37
  --sapHighlightTextColor: #fff;
@@ -37,7 +47,7 @@
37
47
  --sapInformativeElementColor: #0070f2;
38
48
  --sapNeutralElementColor: #788fa6;
39
49
  --sapNegativeTextColor: #aa0808;
40
- --sapCriticalTextColor: #b95100;
50
+ --sapCriticalTextColor: #b44f00;
41
51
  --sapPositiveTextColor: #256f3a;
42
52
  --sapInformativeTextColor: #0064d9;
43
53
  --sapNeutralTextColor: #1d2d3e;
@@ -50,8 +60,8 @@
50
60
  --sapSuccessBackground: #f5fae5;
51
61
  --sapInformationBackground: #e1f4ff;
52
62
  --sapNeutralBackground: #eff1f2;
53
- --sapErrorBorderColor: #f53232;
54
- --sapWarningBorderColor: #e76500;
63
+ --sapErrorBorderColor: #e90b0b;
64
+ --sapWarningBorderColor: #dd6100;
55
65
  --sapSuccessBorderColor: #30914c;
56
66
  --sapInformationBorderColor: #0070f2;
57
67
  --sapNeutralBorderColor: #788fa6;
@@ -71,34 +81,34 @@
71
81
  --sapContent_MarkerIconColor: #5d36ff;
72
82
  --sapContent_MarkerTextColor: #046c7a;
73
83
  --sapContent_MeasureIndicatorColor: #556b81;
74
- --sapContent_Selected_MeasureIndicatorColor: #0070f2;
84
+ --sapContent_Selected_MeasureIndicatorColor: #0064d9;
75
85
  --sapContent_Placeholderloading_Background: #ccc;
76
86
  --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
77
87
  --sapContent_ImagePlaceholderBackground: #eaecee;
78
88
  --sapContent_ImagePlaceholderForegroundColor: #5b738b;
79
89
  --sapContent_RatedColor: #d27700;
80
90
  --sapContent_UnratedColor: #758ca4;
81
- --sapContent_BusyColor: #0070f2;
82
- --sapContent_FocusColor: #0070f2;
91
+ --sapContent_BusyColor: #0064d9;
92
+ --sapContent_FocusColor: #0032a5;
83
93
  --sapContent_FocusStyle: solid;
84
94
  --sapContent_FocusWidth: .125rem;
85
95
  --sapContent_ContrastFocusColor: #fff;
86
- --sapContent_ShadowColor: #556b82;
96
+ --sapContent_ShadowColor: #223548;
87
97
  --sapContent_ContrastShadowColor: #fff;
88
- --sapContent_Shadow0: 0 0 0.125rem 0 rgba(85,107,130,0.16), 0 0.125rem 0.25rem 0 rgba(85,107,130,0.16);
89
- --sapContent_Shadow1: 0 0 0 0.0625rem rgba(85,107,130,0.72), 0 0.125rem 0.5rem 0 rgba(85,107,130,0.3);
90
- --sapContent_Shadow2: 0 0 0 0.0625rem rgba(85,107,130,0.72), 0 0.625rem 1.875rem 0 rgba(85,107,130,0.3);
91
- --sapContent_Shadow3: 0 0 0 0.0625rem rgba(85,107,130,0.72), 0 1.25rem 5rem 0 rgba(85,107,130,0.3);
98
+ --sapContent_Shadow0: 0 0 0.125rem 0 rgba(34,53,72,0.2), 0 0.125rem 0.25rem 0 rgba(34,53,72,0.2);
99
+ --sapContent_Shadow1: 0 0 0 0.0625rem rgba(34,53,72,0.48), 0 0.125rem 0.5rem 0 rgba(34,53,72,0.3);
100
+ --sapContent_Shadow2: 0 0 0 0.0625rem rgba(34,53,72,0.48), 0 0.625rem 1.875rem 0 rgba(34,53,72,0.25);
101
+ --sapContent_Shadow3: 0 0 0 0.0625rem rgba(34,53,72,0.48), 0 1.25rem 5rem 0 rgba(34,53,72,0.25);
92
102
  --sapContent_TextShadow: 0 0 0.125rem #fff;
93
103
  --sapContent_ContrastTextShadow: 0 0 0.0625rem rgba(0,0,0,0.7);
94
- --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
95
- --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
96
- --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
97
- --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
98
- --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
99
- --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
100
- --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
101
- --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(120,143,166,0.72);
104
+ --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(34,53,72,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
105
+ --sapContent_Interaction_Shadow: inset 0 0 0 0.0625rem rgba(85,107,129,0.25);
106
+ --sapContent_Selected_Shadow: inset 0 0 0 0.0625rem rgba(79,160,255,0.5);
107
+ --sapContent_Negative_Shadow: inset 0 0 0 0.0625rem rgba(255,142,196,0.45);
108
+ --sapContent_Critical_Shadow: inset 0 0 0 0.0625rem rgba(255,213,10,0.4);
109
+ --sapContent_Positive_Shadow: inset 0 0 0 0.0625rem rgba(48,145,76,0.18);
110
+ --sapContent_Informative_Shadow: inset 0 0 0 0.0625rem rgba(104,174,255,0.5);
111
+ --sapContent_Neutral_Shadow: inset 0 0 0 0.0625rem rgba(120,143,166,0.3);
102
112
  --sapContent_SearchHighlightColor: #dafdf5;
103
113
  --sapContent_HelpColor: #188918;
104
114
  --sapContent_LabelColor: #556b82;
@@ -114,10 +124,10 @@
114
124
  --sapContent_ForegroundTextColor: #1d2d3e;
115
125
  --sapContent_BadgeBackground: #aa0808;
116
126
  --sapContent_BadgeTextColor: #fff;
117
- --sapContent_DragAndDropActiveColor: #0070f2;
127
+ --sapContent_DragAndDropActiveColor: #0064d9;
118
128
  --sapContent_Selected_TextColor: #0064d9;
119
129
  --sapContent_Selected_Background: #fff;
120
- --sapContent_Selected_Hover_Background: #fff;
130
+ --sapContent_Selected_Hover_Background: #e3f0ff;
121
131
  --sapContent_Selected_ForegroundColor: #0064d9;
122
132
  --sapContent_ForcedColorAdjust: none;
123
133
  --sapContent_Illustrative_Color1: #5d36ff;
@@ -158,12 +168,12 @@
158
168
  --sapLink_Hover_Color: #0064d9;
159
169
  --sapLink_Hover_TextDecoration: underline;
160
170
  --sapLink_Active_Color: #0064d9;
161
- --sapLink_Active_TextDecoration: underline;
171
+ --sapLink_Active_TextDecoration: none;
162
172
  --sapLink_Visited_Color: #0064d9;
163
173
  --sapLink_InvertedColor: #bfddff;
164
174
  --sapLink_SubtleColor: #1d2d3e;
165
- --sapShell_Background: #f5f6f7;
166
- --sapShell_BackgroundImage: linear-gradient(to bottom, #f5f6f7, #f5f6f7);
175
+ --sapShell_Background: #eff1f2;
176
+ --sapShell_BackgroundImage: linear-gradient(to bottom, #eff1f2, #eff1f2);
167
177
  --sapShell_BackgroundImageOpacity: 1.0;
168
178
  --sapShell_BackgroundImageRepeat: false;
169
179
  --sapShell_BorderColor: #fff;
@@ -185,11 +195,11 @@
185
195
  --sapShell_Navigation_SelectedColor: #0064d9;
186
196
  --sapShell_Navigation_Selected_TextColor: #0064d9;
187
197
  --sapShell_Navigation_TextColor: #1d2d3e;
188
- --sapShell_Navigation_Active_TextColor: #0070f2;
198
+ --sapShell_Navigation_Active_TextColor: #0064d9;
189
199
  --sapShell_Navigation_Active_Background: #fff;
190
- --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);
200
+ --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(34,53,72,0.15), inset 0 -0.0625rem 0 0 rgba(34,53,72,0.2);
191
201
  --sapShell_NegativeColor: #aa0808;
192
- --sapShell_CriticalColor: #b95100;
202
+ --sapShell_CriticalColor: #b44f00;
193
203
  --sapShell_PositiveColor: #256f3a;
194
204
  --sapShell_InformativeColor: #0064d9;
195
205
  --sapShell_NeutralColor: #1d2d3e;
@@ -287,18 +297,18 @@
287
297
  --sapAvatar_10_Background: #eaecee;
288
298
  --sapAvatar_10_BorderColor: #eaecee;
289
299
  --sapAvatar_10_TextColor: #556b82;
290
- --sapButton_Background: #eaecee;
291
- --sapButton_BorderColor: #eaecee;
300
+ --sapButton_Background: #fff;
301
+ --sapButton_BorderColor: #bcc3ca;
292
302
  --sapButton_BorderWidth: .0625rem;
293
303
  --sapButton_BorderCornerRadius: .5rem;
294
- --sapButton_TextColor: #1d2d3e;
295
- --sapButton_Hover_Background: #fff;
296
- --sapButton_Hover_BorderColor: #fff;
297
- --sapButton_Hover_TextColor: #1d2d3e;
298
- --sapButton_IconColor: #1d2d3e;
304
+ --sapButton_TextColor: #0064d9;
305
+ --sapButton_Hover_Background: #eaecee;
306
+ --sapButton_Hover_BorderColor: #bcc3ca;
307
+ --sapButton_Hover_TextColor: #0064d9;
308
+ --sapButton_IconColor: #0064d9;
299
309
  --sapButton_Active_Background: #fff;
300
- --sapButton_Active_BorderColor: #0070f2;
301
- --sapButton_Active_TextColor: #0070f2;
310
+ --sapButton_Active_BorderColor: #0064d9;
311
+ --sapButton_Active_TextColor: #0064d9;
302
312
  --sapButton_Emphasized_Background: #0070f2;
303
313
  --sapButton_Emphasized_BorderColor: #0070f2;
304
314
  --sapButton_Emphasized_TextColor: #fff;
@@ -306,29 +316,29 @@
306
316
  --sapButton_Emphasized_Hover_BorderColor: #0064d9;
307
317
  --sapButton_Emphasized_Hover_TextColor: #fff;
308
318
  --sapButton_Emphasized_Active_Background: #fff;
309
- --sapButton_Emphasized_Active_BorderColor: #0070f2;
310
- --sapButton_Emphasized_Active_TextColor: #0070f2;
319
+ --sapButton_Emphasized_Active_BorderColor: #0064d9;
320
+ --sapButton_Emphasized_Active_TextColor: #0064d9;
311
321
  --sapButton_Emphasized_TextShadow: transparent;
312
322
  --sapButton_Emphasized_FontWeight: bold;
313
323
  --sapButton_Reject_Background: #ffd6e9;
314
- --sapButton_Reject_BorderColor: #ffd6e9;
324
+ --sapButton_Reject_BorderColor: #ffc2de;
315
325
  --sapButton_Reject_TextColor: #aa0808;
316
- --sapButton_Reject_Hover_Background: #fff;
317
- --sapButton_Reject_Hover_BorderColor: #fff;
326
+ --sapButton_Reject_Hover_Background: #ffbddb;
327
+ --sapButton_Reject_Hover_BorderColor: #ffbddb;
318
328
  --sapButton_Reject_Hover_TextColor: #aa0808;
319
329
  --sapButton_Reject_Active_Background: #fff;
320
- --sapButton_Reject_Active_BorderColor: #f53232;
330
+ --sapButton_Reject_Active_BorderColor: #e90b0b;
321
331
  --sapButton_Reject_Active_TextColor: #aa0808;
322
332
  --sapButton_Reject_Selected_Background: #fff;
323
- --sapButton_Reject_Selected_BorderColor: #f53232;
333
+ --sapButton_Reject_Selected_BorderColor: #e90b0b;
324
334
  --sapButton_Reject_Selected_TextColor: #aa0808;
325
- --sapButton_Reject_Selected_Hover_Background: #fff;
326
- --sapButton_Reject_Selected_Hover_BorderColor: #f53232;
335
+ --sapButton_Reject_Selected_Hover_Background: #ffbddb;
336
+ --sapButton_Reject_Selected_Hover_BorderColor: #e90b0b;
327
337
  --sapButton_Accept_Background: #ebf5cb;
328
- --sapButton_Accept_BorderColor: #ebf5cb;
338
+ --sapButton_Accept_BorderColor: #dbeda0;
329
339
  --sapButton_Accept_TextColor: #256f3a;
330
- --sapButton_Accept_Hover_Background: #fff;
331
- --sapButton_Accept_Hover_BorderColor: #fff;
340
+ --sapButton_Accept_Hover_Background: #e3f1b6;
341
+ --sapButton_Accept_Hover_BorderColor: #e3f1b6;
332
342
  --sapButton_Accept_Hover_TextColor: #256f3a;
333
343
  --sapButton_Accept_Active_Background: #fff;
334
344
  --sapButton_Accept_Active_BorderColor: #30914c;
@@ -336,90 +346,90 @@
336
346
  --sapButton_Accept_Selected_Background: #fff;
337
347
  --sapButton_Accept_Selected_BorderColor: #30914c;
338
348
  --sapButton_Accept_Selected_TextColor: #256f3a;
339
- --sapButton_Accept_Selected_Hover_Background: #fff;
349
+ --sapButton_Accept_Selected_Hover_Background: #e3f1b6;
340
350
  --sapButton_Accept_Selected_Hover_BorderColor: #30914c;
341
351
  --sapButton_Lite_Background: transparent;
342
352
  --sapButton_Lite_BorderColor: transparent;
343
353
  --sapButton_Lite_TextColor: #0064d9;
344
- --sapButton_Lite_Hover_Background: #fff;
345
- --sapButton_Lite_Hover_BorderColor: #fff;
354
+ --sapButton_Lite_Hover_Background: #eaecee;
355
+ --sapButton_Lite_Hover_BorderColor: #bcc3ca;
346
356
  --sapButton_Lite_Hover_TextColor: #0064d9;
347
357
  --sapButton_Lite_Active_Background: #fff;
348
- --sapButton_Lite_Active_BorderColor: #0070f2;
358
+ --sapButton_Lite_Active_BorderColor: #0064d9;
349
359
  --sapButton_Selected_Background: #fff;
350
- --sapButton_Selected_BorderColor: #0070f2;
351
- --sapButton_Selected_TextColor: #0070f2;
352
- --sapButton_Selected_Hover_Background: #fff;
353
- --sapButton_Selected_Hover_BorderColor: #0070f2;
360
+ --sapButton_Selected_BorderColor: #0064d9;
361
+ --sapButton_Selected_TextColor: #0064d9;
362
+ --sapButton_Selected_Hover_Background: #e3f0ff;
363
+ --sapButton_Selected_Hover_BorderColor: #0064d9;
354
364
  --sapButton_Attention_Background: #fff3b7;
355
- --sapButton_Attention_BorderColor: #fff3b7;
356
- --sapButton_Attention_TextColor: #b95100;
357
- --sapButton_Attention_Hover_Background: #fff;
358
- --sapButton_Attention_Hover_BorderColor: #fff;
359
- --sapButton_Attention_Hover_TextColor: #b95100;
365
+ --sapButton_Attention_BorderColor: #ffeb84;
366
+ --sapButton_Attention_TextColor: #b44f00;
367
+ --sapButton_Attention_Hover_Background: #ffef9e;
368
+ --sapButton_Attention_Hover_BorderColor: #ffef9e;
369
+ --sapButton_Attention_Hover_TextColor: #b44f00;
360
370
  --sapButton_Attention_Active_Background: #fff;
361
- --sapButton_Attention_Active_BorderColor: #ff8d34;
362
- --sapButton_Attention_Active_TextColor: #b95100;
371
+ --sapButton_Attention_Active_BorderColor: #dd6100;
372
+ --sapButton_Attention_Active_TextColor: #b44f00;
363
373
  --sapButton_Attention_Selected_Background: #fff;
364
- --sapButton_Attention_Selected_BorderColor: #ff8d34;
365
- --sapButton_Attention_Selected_TextColor: #b95100;
366
- --sapButton_Attention_Selected_Hover_Background: #fff;
367
- --sapButton_Attention_Selected_Hover_BorderColor: #ff8d34;
374
+ --sapButton_Attention_Selected_BorderColor: #dd6100;
375
+ --sapButton_Attention_Selected_TextColor: #b44f00;
376
+ --sapButton_Attention_Selected_Hover_Background: #ffef9e;
377
+ --sapButton_Attention_Selected_Hover_BorderColor: #dd6100;
368
378
  --sapButton_Negative_Background: #f53232;
369
379
  --sapButton_Negative_BorderColor: #f53232;
370
380
  --sapButton_Negative_TextColor: #fff;
371
381
  --sapButton_Negative_Hover_Background: #e90b0b;
372
382
  --sapButton_Negative_Hover_BorderColor: #e90b0b;
373
383
  --sapButton_Negative_Hover_TextColor: #fff;
374
- --sapButton_Negative_Active_Background: #d50a0a;
375
- --sapButton_Negative_Active_BorderColor: #d50a0a;
376
- --sapButton_Negative_Active_TextColor: #fff;
384
+ --sapButton_Negative_Active_Background: #fff;
385
+ --sapButton_Negative_Active_BorderColor: #f53232;
386
+ --sapButton_Negative_Active_TextColor: #aa0808;
377
387
  --sapButton_Critical_Background: #e76500;
378
388
  --sapButton_Critical_BorderColor: #e76500;
379
389
  --sapButton_Critical_TextColor: #fff;
380
390
  --sapButton_Critical_Hover_Background: #dd6100;
381
391
  --sapButton_Critical_Hover_BorderColor: #dd6100;
382
392
  --sapButton_Critical_Hover_TextColor: #fff;
383
- --sapButton_Critical_Active_Background: #d35c00;
384
- --sapButton_Critical_Active_BorderColor: #d35c00;
385
- --sapButton_Critical_Active_TextColor: #fff;
393
+ --sapButton_Critical_Active_Background: #fff;
394
+ --sapButton_Critical_Active_BorderColor: #dd6100;
395
+ --sapButton_Critical_Active_TextColor: #b44f00;
386
396
  --sapButton_Success_Background: #30914c;
387
397
  --sapButton_Success_BorderColor: #30914c;
388
398
  --sapButton_Success_TextColor: #fff;
389
399
  --sapButton_Success_Hover_Background: #2c8646;
390
400
  --sapButton_Success_Hover_BorderColor: #2c8646;
391
401
  --sapButton_Success_Hover_TextColor: #fff;
392
- --sapButton_Success_Active_Background: #287a40;
393
- --sapButton_Success_Active_BorderColor: #287a40;
394
- --sapButton_Success_Active_TextColor: #fff;
395
- --sapButton_Information_Background: #0070f2;
396
- --sapButton_Information_BorderColor: #0070f2;
397
- --sapButton_Information_TextColor: #fff;
398
- --sapButton_Information_Hover_Background: #0064d9;
399
- --sapButton_Information_Hover_BorderColor: #0064d9;
400
- --sapButton_Information_Hover_TextColor: #fff;
401
- --sapButton_Information_Active_Background: #0058bf;
402
- --sapButton_Information_Active_BorderColor: #0058bf;
403
- --sapButton_Information_Active_TextColor: #fff;
404
- --sapButton_Neutral_Background: #788fa6;
405
- --sapButton_Neutral_BorderColor: #788fa6;
406
- --sapButton_Neutral_TextColor: #fff;
407
- --sapButton_Neutral_Hover_Background: #637d97;
408
- --sapButton_Neutral_Hover_BorderColor: #637d97;
409
- --sapButton_Neutral_Hover_TextColor: #fff;
410
- --sapButton_Neutral_Active_Background: #5d758e;
411
- --sapButton_Neutral_Active_BorderColor: #5d758e;
412
- --sapButton_Neutral_Active_TextColor: #fff;
402
+ --sapButton_Success_Active_Background: #fff;
403
+ --sapButton_Success_Active_BorderColor: #30914c;
404
+ --sapButton_Success_Active_TextColor: #256f3a;
405
+ --sapButton_Information_Background: #e8f3ff;
406
+ --sapButton_Information_BorderColor: #b5d8ff;
407
+ --sapButton_Information_TextColor: #0064d9;
408
+ --sapButton_Information_Hover_Background: #d4e8ff;
409
+ --sapButton_Information_Hover_BorderColor: #b5d8ff;
410
+ --sapButton_Information_Hover_TextColor: #0064d9;
411
+ --sapButton_Information_Active_Background: #fff;
412
+ --sapButton_Information_Active_BorderColor: #0064d9;
413
+ --sapButton_Information_Active_TextColor: #0064d9;
414
+ --sapButton_Neutral_Background: #e8f3ff;
415
+ --sapButton_Neutral_BorderColor: #b5d8ff;
416
+ --sapButton_Neutral_TextColor: #0064d9;
417
+ --sapButton_Neutral_Hover_Background: #d4e8ff;
418
+ --sapButton_Neutral_Hover_BorderColor: #b5d8ff;
419
+ --sapButton_Neutral_Hover_TextColor: #0064d9;
420
+ --sapButton_Neutral_Active_Background: #fff;
421
+ --sapButton_Neutral_Active_BorderColor: #0064d9;
422
+ --sapButton_Neutral_Active_TextColor: #0064d9;
413
423
  --sapButton_Track_Background: #788fa6;
414
424
  --sapButton_Track_BorderColor: #788fa6;
415
425
  --sapButton_Track_TextColor: #fff;
416
426
  --sapButton_Track_Hover_Background: #637d97;
417
427
  --sapButton_Track_Hover_BorderColor: #637d97;
418
- --sapButton_Track_Selected_Background: #0070f2;
419
- --sapButton_Track_Selected_BorderColor: #0070f2;
428
+ --sapButton_Track_Selected_Background: #0064d9;
429
+ --sapButton_Track_Selected_BorderColor: #0064d9;
420
430
  --sapButton_Track_Selected_TextColor: #fff;
421
- --sapButton_Track_Selected_Hover_Background: #0064d9;
422
- --sapButton_Track_Selected_Hover_BorderColor: #0064d9;
431
+ --sapButton_Track_Selected_Hover_Background: #0058c0;
432
+ --sapButton_Track_Selected_Hover_BorderColor: #0058c0;
423
433
  --sapButton_Handle_Background: #fff;
424
434
  --sapButton_Handle_BorderColor: #fff;
425
435
  --sapButton_Handle_TextColor: #1d2d3e;
@@ -427,7 +437,7 @@
427
437
  --sapButton_Handle_Hover_BorderColor: rgba(255,255,255,0.5);
428
438
  --sapButton_Handle_Selected_Background: #fff;
429
439
  --sapButton_Handle_Selected_BorderColor: #fff;
430
- --sapButton_Handle_Selected_TextColor: #0070f2;
440
+ --sapButton_Handle_Selected_TextColor: #0064d9;
431
441
  --sapButton_Handle_Selected_Hover_Background: #fff;
432
442
  --sapButton_Handle_Selected_Hover_BorderColor: rgba(255,255,255,0.5);
433
443
  --sapButton_Track_Negative_Background: #f53232;
@@ -451,60 +461,60 @@
451
461
  --sapButton_Handle_Positive_Hover_Background: #fff;
452
462
  --sapButton_Handle_Positive_Hover_BorderColor: rgba(255,255,255,0.5);
453
463
  --sapButton_TokenBackground: #fff;
454
- --sapButton_TokenBorderColor: #758ca4;
455
- --sapField_Background: #eff1f2;
464
+ --sapButton_TokenBorderColor: #bcc3ca;
465
+ --sapField_Background: #fff;
456
466
  --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
457
467
  --sapField_TextColor: #131e29;
458
468
  --sapField_PlaceholderTextColor: #556b82;
459
469
  --sapField_BorderColor: #556b81;
460
- --sapField_HelpBackground: #eff1f2;
470
+ --sapField_HelpBackground: #fff;
461
471
  --sapField_BorderWidth: .0625rem;
462
472
  --sapField_BorderStyle: none;
463
473
  --sapField_BorderCornerRadius: .25rem;
464
- --sapField_Shadow: none;
474
+ --sapField_Shadow: inset 0 0 0 0.0625rem rgba(85,107,129,0.25);
465
475
  --sapField_Hover_Background: #fff;
466
- --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
467
- --sapField_Hover_BorderColor: #556b81;
476
+ --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #0064d9, #0064d9) border-box;
477
+ --sapField_Hover_BorderColor: #0064d9;
468
478
  --sapField_Hover_HelpBackground: #fff;
469
- --sapField_Hover_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
470
- --sapField_Hover_InvalidShadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
471
- --sapField_Hover_WarningShadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
472
- --sapField_Hover_SuccessShadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
473
- --sapField_Hover_InformationShadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
474
- --sapField_Active_BorderColor: #0070f2;
479
+ --sapField_Hover_Shadow: inset 0 0 0 0.0625rem rgba(79,160,255,0.5);
480
+ --sapField_Hover_InvalidShadow: inset 0 0 0 0.0625rem rgba(255,142,196,0.45);
481
+ --sapField_Hover_WarningShadow: inset 0 0 0 0.0625rem rgba(255,213,10,0.4);
482
+ --sapField_Hover_SuccessShadow: inset 0 0 0 0.0625rem rgba(48,145,76,0.18);
483
+ --sapField_Hover_InformationShadow: inset 0 0 0 0.0625rem rgba(104,174,255,0.5);
484
+ --sapField_Active_BorderColor: #0064d9;
475
485
  --sapField_Focus_Background: #fff;
476
- --sapField_Focus_BorderColor: #0070f2;
486
+ --sapField_Focus_BorderColor: #0032a5;
477
487
  --sapField_Focus_HelpBackground: #fff;
478
- --sapField_ReadOnly_Background: transparent;
488
+ --sapField_ReadOnly_Background: #eaecee;
479
489
  --sapField_ReadOnly_BackgroundStyle: 0 100% / 0.375rem .0625rem repeat-x linear-gradient(90deg, #556b81 0, #556b81 0.25rem, transparent 0.25rem) border-box;
480
490
  --sapField_ReadOnly_BorderColor: #556b81;
481
491
  --sapField_ReadOnly_BorderStyle: none;
482
- --sapField_ReadOnly_HelpBackground: transparent;
492
+ --sapField_ReadOnly_HelpBackground: #eaecee;
483
493
  --sapField_RequiredColor: #ba066c;
484
- --sapField_InvalidColor: #f53232;
494
+ --sapField_InvalidColor: #e90b0b;
485
495
  --sapField_InvalidBackground: #ffeaf4;
486
- --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f53232, #f53232) border-box;
496
+ --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e90b0b, #e90b0b) border-box;
487
497
  --sapField_InvalidBorderWidth: .125rem;
488
498
  --sapField_InvalidBorderStyle: none;
489
- --sapField_InvalidShadow: none;
490
- --sapField_WarningColor: #e76500;
499
+ --sapField_InvalidShadow: inset 0 0 0 0.0625rem rgba(255,142,196,0.45);
500
+ --sapField_WarningColor: #dd6100;
491
501
  --sapField_WarningBackground: #fff8d6;
492
- --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e76500, #e76500) border-box;
502
+ --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #dd6100, #dd6100) border-box;
493
503
  --sapField_WarningBorderWidth: .125rem;
494
504
  --sapField_WarningBorderStyle: none;
495
- --sapField_WarningShadow: none;
505
+ --sapField_WarningShadow: inset 0 0 0 0.0625rem rgba(255,213,10,0.4);
496
506
  --sapField_SuccessColor: #30914c;
497
507
  --sapField_SuccessBackground: #f5fae5;
498
508
  --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
499
509
  --sapField_SuccessBorderWidth: .0625rem;
500
510
  --sapField_SuccessBorderStyle: none;
501
- --sapField_SuccessShadow: none;
511
+ --sapField_SuccessShadow: inset 0 0 0 0.0625rem rgba(48,145,76,0.18);
502
512
  --sapField_InformationColor: #0070f2;
503
513
  --sapField_InformationBackground: #e1f4ff;
504
514
  --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
505
515
  --sapField_InformationBorderWidth: .125rem;
506
516
  --sapField_InformationBorderStyle: none;
507
- --sapField_InformationShadow: none;
517
+ --sapField_InformationShadow: inset 0 0 0 0.0625rem rgba(104,174,255,0.5);
508
518
  --sapGroup_TitleBackground: #fff;
509
519
  --sapGroup_TitleBorderColor: #a8b2bd;
510
520
  --sapGroup_TitleTextColor: #1d2d3e;
@@ -525,7 +535,7 @@
525
535
  --sapList_Active_TextColor: #1d2d3e;
526
536
  --sapList_Active_Background: #dee2e5;
527
537
  --sapList_SelectionBackgroundColor: #ebf8ff;
528
- --sapList_SelectionBorderColor: #0070f2;
538
+ --sapList_SelectionBorderColor: #0064d9;
529
539
  --sapList_Hover_SelectionBackground: #dcf3ff;
530
540
  --sapList_Background: #fff;
531
541
  --sapList_Hover_Background: #eaecee;
@@ -562,7 +572,7 @@
562
572
  --sapProgress_InformationBorderColor: #cdedff;
563
573
  --sapProgress_InformationTextColor: #1d2d3e;
564
574
  --sapProgress_Value_Background: #788fa6;
565
- --sapProgress_Value_BorderColor: #d5dadd;
575
+ --sapProgress_Value_BorderColor: #788fa6;
566
576
  --sapProgress_Value_TextColor: #788fa6;
567
577
  --sapProgress_Value_NegativeBackground: #f53232;
568
578
  --sapProgress_Value_NegativeBorderColor: #f53232;
@@ -579,21 +589,21 @@
579
589
  --sapScrollBar_FaceColor: #7b91a8;
580
590
  --sapScrollBar_TrackColor: #fff;
581
591
  --sapScrollBar_BorderColor: #7b91a8;
582
- --sapScrollBar_SymbolColor: #1d2d3e;
592
+ --sapScrollBar_SymbolColor: #0064d9;
583
593
  --sapScrollBar_Dimension: .75rem;
584
- --sapScrollBar_Hover_FaceColor: #6f87a0;
594
+ --sapScrollBar_Hover_FaceColor: #5b728b;
585
595
  --sapSlider_Background: #d5dadd;
586
596
  --sapSlider_BorderColor: #d5dadd;
587
- --sapSlider_Selected_Background: #0070f2;
588
- --sapSlider_Selected_BorderColor: #0070f2;
597
+ --sapSlider_Selected_Background: #0064d9;
598
+ --sapSlider_Selected_BorderColor: #0064d9;
589
599
  --sapSlider_HandleBackground: #fff;
590
- --sapSlider_HandleBorderColor: #fff;
600
+ --sapSlider_HandleBorderColor: #b0d5ff;
591
601
  --sapSlider_RangeHandleBackground: #fff;
592
- --sapSlider_Hover_HandleBackground: #fff;
593
- --sapSlider_Hover_HandleBorderColor: #0070f2;
594
- --sapSlider_Hover_RangeHandleBackground: #fff;
602
+ --sapSlider_Hover_HandleBackground: #e3f0ff;
603
+ --sapSlider_Hover_HandleBorderColor: #b0d5ff;
604
+ --sapSlider_Hover_RangeHandleBackground: #e3f0ff;
595
605
  --sapSlider_Active_HandleBackground: #fff;
596
- --sapSlider_Active_HandleBorderColor: #0070f2;
606
+ --sapSlider_Active_HandleBorderColor: #0064d9;
597
607
  --sapSlider_Active_RangeHandleBackground: transparent;
598
608
  --sapPageHeader_Background: #fff;
599
609
  --sapPageHeader_BorderColor: #d9d9d9;
@@ -610,14 +620,14 @@
610
620
  --sapObjectHeader_Hover_Background: #eaecee;
611
621
  --sapObjectHeader_BorderColor: #d9d9d9;
612
622
  --sapObjectHeader_Title_TextColor: #1d2d3e;
613
- --sapObjectHeader_Title_FontSize: 2rem;
623
+ --sapObjectHeader_Title_FontSize: 1.5rem;
614
624
  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
615
625
  --sapObjectHeader_Title_FontFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
616
626
  --sapObjectHeader_Subtitle_TextColor: #556b82;
617
627
  --sapBlockLayer_Background: #000;
618
628
  --sapTile_Background: #fff;
619
- --sapTile_Hover_Background: #fff;
620
- --sapTile_Active_Background: #f5f5f5;
629
+ --sapTile_Hover_Background: #eaecee;
630
+ --sapTile_Active_Background: #dee2e5;
621
631
  --sapTile_BorderColor: transparent;
622
632
  --sapTile_BorderCornerRadius: 1rem;
623
633
  --sapTile_TitleTextColor: #1d2d3e;
@@ -625,7 +635,7 @@
625
635
  --sapTile_IconColor: #556b82;
626
636
  --sapTile_SeparatorColor: #ccc;
627
637
  --sapTile_Interactive_BorderColor: #b3b3b3;
628
- --sapTile_OverlayBackground: rgba(255,255,255,0.96);
638
+ --sapTile_OverlayBackground: #fff;
629
639
  --sapTile_OverlayForegroundColor: #1d2d3e;
630
640
  --sapAccentColor1: #d27700;
631
641
  --sapAccentColor2: #aa0808;
@@ -652,10 +662,10 @@
652
662
  --sapIndicationColor_1_BorderColor: #840606;
653
663
  --sapIndicationColor_1_TextColor: #fff;
654
664
  --sapIndicationColor_1_Hover_Background: #6c0505;
655
- --sapIndicationColor_1_Active_Background: #530404;
665
+ --sapIndicationColor_1_Active_Background: #fff;
656
666
  --sapIndicationColor_1_Active_BorderColor: #fb9d9d;
657
667
  --sapIndicationColor_1_Active_TextColor: #840606;
658
- --sapIndicationColor_1_Selected_Background: #530404;
668
+ --sapIndicationColor_1_Selected_Background: #fff;
659
669
  --sapIndicationColor_1_Selected_BorderColor: #fb9d9d;
660
670
  --sapIndicationColor_1_Selected_TextColor: #840606;
661
671
  --sapIndicationColor_1b: #fb9d9d;
@@ -666,10 +676,10 @@
666
676
  --sapIndicationColor_2_BorderColor: #aa0808;
667
677
  --sapIndicationColor_2_TextColor: #fff;
668
678
  --sapIndicationColor_2_Hover_Background: #920707;
669
- --sapIndicationColor_2_Active_Background: #790606;
679
+ --sapIndicationColor_2_Active_Background: #fff;
670
680
  --sapIndicationColor_2_Active_BorderColor: #fcc4c4;
671
681
  --sapIndicationColor_2_Active_TextColor: #aa0808;
672
- --sapIndicationColor_2_Selected_Background: #790606;
682
+ --sapIndicationColor_2_Selected_Background: #fff;
673
683
  --sapIndicationColor_2_Selected_BorderColor: #fcc4c4;
674
684
  --sapIndicationColor_2_Selected_TextColor: #aa0808;
675
685
  --sapIndicationColor_2b: #fcc4c4;
@@ -680,10 +690,10 @@
680
690
  --sapIndicationColor_3_BorderColor: #e76500;
681
691
  --sapIndicationColor_3_TextColor: #fff;
682
692
  --sapIndicationColor_3_Hover_Background: #d85e00;
683
- --sapIndicationColor_3_Active_Background: #c85800;
693
+ --sapIndicationColor_3_Active_Background: #fff;
684
694
  --sapIndicationColor_3_Active_BorderColor: #fff2c0;
685
695
  --sapIndicationColor_3_Active_TextColor: #b95100;
686
- --sapIndicationColor_3_Selected_Background: #c85800;
696
+ --sapIndicationColor_3_Selected_Background: #fff;
687
697
  --sapIndicationColor_3_Selected_BorderColor: #fff2c0;
688
698
  --sapIndicationColor_3_Selected_TextColor: #b95100;
689
699
  --sapIndicationColor_3b: #fff2c0;
@@ -694,10 +704,10 @@
694
704
  --sapIndicationColor_4_BorderColor: #256f3a;
695
705
  --sapIndicationColor_4_TextColor: #fff;
696
706
  --sapIndicationColor_4_Hover_Background: #1f5c30;
697
- --sapIndicationColor_4_Active_Background: #184926;
707
+ --sapIndicationColor_4_Active_Background: #fff;
698
708
  --sapIndicationColor_4_Active_BorderColor: #bae8bc;
699
709
  --sapIndicationColor_4_Active_TextColor: #256f3a;
700
- --sapIndicationColor_4_Selected_Background: #184926;
710
+ --sapIndicationColor_4_Selected_Background: #fff;
701
711
  --sapIndicationColor_4_Selected_BorderColor: #bae8bc;
702
712
  --sapIndicationColor_4_Selected_TextColor: #256f3a;
703
713
  --sapIndicationColor_4b: #bae8bc;
@@ -708,10 +718,10 @@
708
718
  --sapIndicationColor_5_BorderColor: #0070f2;
709
719
  --sapIndicationColor_5_TextColor: #fff;
710
720
  --sapIndicationColor_5_Hover_Background: #0064d9;
711
- --sapIndicationColor_5_Active_Background: #0058bf;
721
+ --sapIndicationColor_5_Active_Background: #fff;
712
722
  --sapIndicationColor_5_Active_BorderColor: #d3effd;
713
723
  --sapIndicationColor_5_Active_TextColor: #0070f2;
714
- --sapIndicationColor_5_Selected_Background: #0058bf;
724
+ --sapIndicationColor_5_Selected_Background: #fff;
715
725
  --sapIndicationColor_5_Selected_BorderColor: #d3effd;
716
726
  --sapIndicationColor_5_Selected_TextColor: #0070f2;
717
727
  --sapIndicationColor_5b: #d3effd;
@@ -722,10 +732,10 @@
722
732
  --sapIndicationColor_6_BorderColor: #046c7a;
723
733
  --sapIndicationColor_6_TextColor: #fff;
724
734
  --sapIndicationColor_6_Hover_Background: #035661;
725
- --sapIndicationColor_6_Active_Background: #024049;
735
+ --sapIndicationColor_6_Active_Background: #fff;
726
736
  --sapIndicationColor_6_Active_BorderColor: #cdf5ec;
727
737
  --sapIndicationColor_6_Active_TextColor: #046c7a;
728
- --sapIndicationColor_6_Selected_Background: #024049;
738
+ --sapIndicationColor_6_Selected_Background: #fff;
729
739
  --sapIndicationColor_6_Selected_BorderColor: #cdf5ec;
730
740
  --sapIndicationColor_6_Selected_TextColor: #046c7a;
731
741
  --sapIndicationColor_6b: #cdf5ec;
@@ -736,10 +746,10 @@
736
746
  --sapIndicationColor_7_BorderColor: #5d36ff;
737
747
  --sapIndicationColor_7_TextColor: #fff;
738
748
  --sapIndicationColor_7_Hover_Background: #481cff;
739
- --sapIndicationColor_7_Active_Background: #3403ff;
749
+ --sapIndicationColor_7_Active_Background: #fff;
740
750
  --sapIndicationColor_7_Active_BorderColor: #e2dbff;
741
751
  --sapIndicationColor_7_Active_TextColor: #5d36ff;
742
- --sapIndicationColor_7_Selected_Background: #3403ff;
752
+ --sapIndicationColor_7_Selected_Background: #fff;
743
753
  --sapIndicationColor_7_Selected_BorderColor: #e2dbff;
744
754
  --sapIndicationColor_7_Selected_TextColor: #5d36ff;
745
755
  --sapIndicationColor_7b: #e2dbff;
@@ -750,10 +760,10 @@
750
760
  --sapIndicationColor_8_BorderColor: #a100c2;
751
761
  --sapIndicationColor_8_TextColor: #fff;
752
762
  --sapIndicationColor_8_Hover_Background: #8c00a9;
753
- --sapIndicationColor_8_Active_Background: #77008f;
763
+ --sapIndicationColor_8_Active_Background: #fff;
754
764
  --sapIndicationColor_8_Active_BorderColor: #f8d6ff;
755
765
  --sapIndicationColor_8_Active_TextColor: #a100c2;
756
- --sapIndicationColor_8_Selected_Background: #77008f;
766
+ --sapIndicationColor_8_Selected_Background: #fff;
757
767
  --sapIndicationColor_8_Selected_BorderColor: #f8d6ff;
758
768
  --sapIndicationColor_8_Selected_TextColor: #a100c2;
759
769
  --sapIndicationColor_8b: #f8d6ff;
@@ -924,3 +934,13 @@
924
934
  .background-image--sapShell_BackgroundImage {
925
935
  background-image: var(--sapShell_BackgroundImage);
926
936
  }
937
+
938
+ /**
939
+ * Base.baseLib.sap_horizon.base (Version 11.6.4)
940
+ */
941
+
942
+
943
+ /**
944
+ * Base.baseLib.sap_horizon.css_variables (Version 11.6.4)
945
+ */
946
+