@ui5/webcomponents-theming 0.0.0-cad512aa3 → 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 (90) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +240 -0
  3. package/css-vars-usage.json +17 -5
  4. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  5. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  6. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  7. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  8. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  9. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  10. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_horizon_dark_exp/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 -1
  16. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  17. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  19. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -0
  29. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -0
  32. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -0
  34. package/dist/generated/json-imports/Themes-static.js +8 -2
  35. package/dist/generated/json-imports/Themes.js +4 -1
  36. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  37. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  38. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  39. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  40. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  41. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  42. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  43. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  44. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  45. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  46. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  47. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  48. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  49. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  50. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  51. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  52. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  53. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  54. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +3 -0
  55. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +3 -0
  56. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -0
  57. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  58. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  59. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  60. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  61. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +3 -0
  62. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +3 -0
  63. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -0
  64. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  65. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  66. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +3 -0
  67. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +3 -0
  68. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -0
  69. package/dist/themes/sap_belize/css_variables.css +229 -93
  70. package/dist/themes/sap_belize_hcb/css_variables.css +310 -165
  71. package/dist/themes/sap_belize_hcw/css_variables.css +260 -105
  72. package/dist/themes/sap_fiori_3/css_variables.css +228 -93
  73. package/dist/themes/sap_fiori_3_dark/css_variables.css +239 -94
  74. package/dist/themes/sap_fiori_3_hcb/css_variables.css +310 -165
  75. package/dist/themes/sap_fiori_3_hcw/css_variables.css +260 -105
  76. package/dist/themes/sap_horizon/css_variables.css +232 -107
  77. package/dist/themes/sap_horizon_dark/css_variables.css +241 -106
  78. package/dist/themes/sap_horizon_dark_exp/css_variables.css +956 -0
  79. package/dist/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  80. package/dist/themes/sap_horizon_exp/css_variables.css +348 -223
  81. package/dist/themes/sap_horizon_hcb/css_variables.css +242 -107
  82. package/dist/themes/sap_horizon_hcb_exp/css_variables.css +956 -0
  83. package/dist/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  84. package/dist/themes/sap_horizon_hcw/css_variables.css +246 -101
  85. package/dist/themes/sap_horizon_hcw_exp/css_variables.css +966 -0
  86. package/dist/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  87. package/lib/generate-css-vars-usage-report/index.js +7 -3
  88. package/{package-scripts.js → package-scripts.cjs} +5 -1
  89. package/package.json +6 -6
  90. /package/config/postcss.themes/{postcss.config.js → postcss.config.cjs} +0 -0
@@ -1,46 +1,38 @@
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.23011.0-20221202113725
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.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}
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.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}');}
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.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}};}
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;
16
26
  --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
17
- --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
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;
21
- --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
22
- --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
23
27
  --sapFontSize: .875rem;
24
- --sapFontSmallSize: .75rem;
25
- --sapFontLargeSize: 1rem;
26
- --sapFontHeader1Size: 3rem;
27
- --sapFontHeader2Size: 2rem;
28
- --sapFontHeader3Size: 1.5rem;
29
- --sapFontHeader4Size: 1.25rem;
30
- --sapFontHeader5Size: 1rem;
31
- --sapFontHeader6Size: .875rem;
32
28
  --sapTextColor: #1d2d3e;
33
29
  --sapLinkColor: #0070f2;
34
- --sapLink_Hover_Color: #0064d9;
35
- --sapLink_Active_Color: #0064d9;
36
- --sapLink_Visited_Color: #0064d9;
37
- --sapLink_InvertedColor: #bfddff;
38
- --sapLink_SubtleColor: #1d2d3e;
39
30
  --sapCompanyLogo: none;
40
31
  --sapBackgroundImage: none;
41
32
  --sapBackgroundImageOpacity: 1.0;
42
33
  --sapBackgroundImageRepeat: false;
43
- --sapSelectedColor: #0070f2;
34
+ --sapSelectedColor: #0064d9;
35
+ --sapHoverColor: #eaecee;
44
36
  --sapActiveColor: #dee2e5;
45
37
  --sapHighlightTextColor: #fff;
46
38
  --sapTitleColor: #1d2d3e;
@@ -55,72 +47,24 @@
55
47
  --sapInformativeElementColor: #0070f2;
56
48
  --sapNeutralElementColor: #788fa6;
57
49
  --sapNegativeTextColor: #aa0808;
50
+ --sapCriticalTextColor: #b44f00;
58
51
  --sapPositiveTextColor: #256f3a;
59
- --sapCriticalTextColor: #b95100;
60
- --sapInformativeTextColor: #0070f2;
52
+ --sapInformativeTextColor: #0064d9;
61
53
  --sapNeutralTextColor: #1d2d3e;
62
- --sapNeutralBorderColor: #788fa6;
63
54
  --sapErrorColor: #aa0808;
64
- --sapErrorBorderColor: #f53232;
65
55
  --sapWarningColor: #e76500;
66
- --sapWarningBorderColor: #e76500;
67
56
  --sapSuccessColor: #256f3a;
68
- --sapSuccessBorderColor: #30914c;
69
57
  --sapInformationColor: #0070f2;
70
- --sapInformationBorderColor: #0070f2;
71
58
  --sapErrorBackground: #ffeaf4;
72
59
  --sapWarningBackground: #fff8d6;
73
60
  --sapSuccessBackground: #f5fae5;
74
61
  --sapInformationBackground: #e1f4ff;
75
62
  --sapNeutralBackground: #eff1f2;
76
- --sapIndicationColor_1: #840606;
77
- --sapIndicationColor_1_Background: #840606;
78
- --sapIndicationColor_1_BorderColor: #840606;
79
- --sapIndicationColor_1_Hover_Background: #6c0505;
80
- --sapIndicationColor_1_Active_Background: #530404;
81
- --sapIndicationColor_1_TextColor: #fff;
82
- --sapIndicationColor_2: #aa0808;
83
- --sapIndicationColor_2_Background: #aa0808;
84
- --sapIndicationColor_2_BorderColor: #aa0808;
85
- --sapIndicationColor_2_Hover_Background: #920707;
86
- --sapIndicationColor_2_Active_Background: #790606;
87
- --sapIndicationColor_2_TextColor: #fff;
88
- --sapIndicationColor_3: #b95100;
89
- --sapIndicationColor_3_Background: #e76500;
90
- --sapIndicationColor_3_BorderColor: #e76500;
91
- --sapIndicationColor_3_Hover_Background: #d85e00;
92
- --sapIndicationColor_3_Active_Background: #c85800;
93
- --sapIndicationColor_3_TextColor: #fff;
94
- --sapIndicationColor_4: #256f3a;
95
- --sapIndicationColor_4_Background: #256f3a;
96
- --sapIndicationColor_4_BorderColor: #256f3a;
97
- --sapIndicationColor_4_Hover_Background: #1f5c30;
98
- --sapIndicationColor_4_Active_Background: #184926;
99
- --sapIndicationColor_4_TextColor: #fff;
100
- --sapIndicationColor_5: #0070f2;
101
- --sapIndicationColor_5_Background: #0070f2;
102
- --sapIndicationColor_5_BorderColor: #0070f2;
103
- --sapIndicationColor_5_Hover_Background: #0064d9;
104
- --sapIndicationColor_5_Active_Background: #0058bf;
105
- --sapIndicationColor_5_TextColor: #fff;
106
- --sapIndicationColor_6: #046c7a;
107
- --sapIndicationColor_6_Background: #046c7a;
108
- --sapIndicationColor_6_BorderColor: #046c7a;
109
- --sapIndicationColor_6_Hover_Background: #035661;
110
- --sapIndicationColor_6_Active_Background: #024049;
111
- --sapIndicationColor_6_TextColor: #fff;
112
- --sapIndicationColor_7: #5d36ff;
113
- --sapIndicationColor_7_Background: #5d36ff;
114
- --sapIndicationColor_7_BorderColor: #5d36ff;
115
- --sapIndicationColor_7_Hover_Background: #481cff;
116
- --sapIndicationColor_7_Active_Background: #3403ff;
117
- --sapIndicationColor_7_TextColor: #fff;
118
- --sapIndicationColor_8: #a100c2;
119
- --sapIndicationColor_8_Background: #a100c2;
120
- --sapIndicationColor_8_BorderColor: #a100c2;
121
- --sapIndicationColor_8_Hover_Background: #8c00a9;
122
- --sapIndicationColor_8_Active_Background: #77008f;
123
- --sapIndicationColor_8_TextColor: #fff;
63
+ --sapErrorBorderColor: #e90b0b;
64
+ --sapWarningBorderColor: #dd6100;
65
+ --sapSuccessBorderColor: #30914c;
66
+ --sapInformationBorderColor: #0070f2;
67
+ --sapNeutralBorderColor: #788fa6;
124
68
  --sapElement_LineHeight: 2.75rem;
125
69
  --sapElement_Height: 2.25rem;
126
70
  --sapElement_BorderWidth: .0625rem;
@@ -137,32 +81,34 @@
137
81
  --sapContent_MarkerIconColor: #5d36ff;
138
82
  --sapContent_MarkerTextColor: #046c7a;
139
83
  --sapContent_MeasureIndicatorColor: #556b81;
140
- --sapContent_Selected_MeasureIndicatorColor: #0070f2;
84
+ --sapContent_Selected_MeasureIndicatorColor: #0064d9;
85
+ --sapContent_Placeholderloading_Background: #ccc;
86
+ --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
141
87
  --sapContent_ImagePlaceholderBackground: #eaecee;
142
88
  --sapContent_ImagePlaceholderForegroundColor: #5b738b;
143
89
  --sapContent_RatedColor: #d27700;
144
90
  --sapContent_UnratedColor: #758ca4;
145
- --sapContent_BusyColor: #0070f2;
146
- --sapContent_FocusColor: #0070f2;
91
+ --sapContent_BusyColor: #0064d9;
92
+ --sapContent_FocusColor: #0032a5;
147
93
  --sapContent_FocusStyle: solid;
148
94
  --sapContent_FocusWidth: .125rem;
149
95
  --sapContent_ContrastFocusColor: #fff;
150
- --sapContent_ShadowColor: #556b82;
96
+ --sapContent_ShadowColor: #223548;
151
97
  --sapContent_ContrastShadowColor: #fff;
152
- --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);
153
- --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);
154
- --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);
155
- --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);
156
102
  --sapContent_TextShadow: 0 0 0.125rem #fff;
157
103
  --sapContent_ContrastTextShadow: 0 0 0.0625rem rgba(0,0,0,0.7);
158
- --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
159
- --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
160
- --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
161
- --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
162
- --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
163
- --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
164
- --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
165
- --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);
166
112
  --sapContent_SearchHighlightColor: #dafdf5;
167
113
  --sapContent_HelpColor: #188918;
168
114
  --sapContent_LabelColor: #556b82;
@@ -178,13 +124,11 @@
178
124
  --sapContent_ForegroundTextColor: #1d2d3e;
179
125
  --sapContent_BadgeBackground: #aa0808;
180
126
  --sapContent_BadgeTextColor: #fff;
181
- --sapContent_Placeholderloading_Background: #ccc;
182
- --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
183
- --sapContent_DragAndDropActiveColor: #0070f2;
127
+ --sapContent_DragAndDropActiveColor: #0064d9;
128
+ --sapContent_Selected_TextColor: #0064d9;
184
129
  --sapContent_Selected_Background: #fff;
185
- --sapContent_Selected_TextColor: #0070f2;
186
- --sapContent_Selected_Hover_Background: #fff;
187
- --sapContent_Selected_ForegroundColor: #0070f2;
130
+ --sapContent_Selected_Hover_Background: #e3f0ff;
131
+ --sapContent_Selected_ForegroundColor: #0064d9;
188
132
  --sapContent_ForcedColorAdjust: none;
189
133
  --sapContent_Illustrative_Color1: #5d36ff;
190
134
  --sapContent_Illustrative_Color2: #0070f2;
@@ -206,9 +150,30 @@
206
150
  --sapContent_Illustrative_Color18: #d1efff;
207
151
  --sapContent_Illustrative_Color19: #b8e6ff;
208
152
  --sapContent_Illustrative_Color20: #9eddff;
209
- --sapShell_Background: #f5f6f7;
210
- --sapShell_BackgroundImage: linear-gradient(to bottom, #f5f6f7, #f5f6f7);
211
- --sapShell_BackgroundGradient: linear-gradient(to bottom, #f5f6f7, #f5f6f7);
153
+ --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
154
+ --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
155
+ --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
156
+ --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
157
+ --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
158
+ --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
159
+ --sapFontSmallSize: .75rem;
160
+ --sapFontLargeSize: 1rem;
161
+ --sapFontHeader1Size: 3rem;
162
+ --sapFontHeader2Size: 2rem;
163
+ --sapFontHeader3Size: 1.5rem;
164
+ --sapFontHeader4Size: 1.25rem;
165
+ --sapFontHeader5Size: 1rem;
166
+ --sapFontHeader6Size: .875rem;
167
+ --sapLink_TextDecoration: none;
168
+ --sapLink_Hover_Color: #0064d9;
169
+ --sapLink_Hover_TextDecoration: underline;
170
+ --sapLink_Active_Color: #0064d9;
171
+ --sapLink_Active_TextDecoration: none;
172
+ --sapLink_Visited_Color: #0064d9;
173
+ --sapLink_InvertedColor: #bfddff;
174
+ --sapLink_SubtleColor: #1d2d3e;
175
+ --sapShell_Background: #eff1f2;
176
+ --sapShell_BackgroundImage: linear-gradient(to bottom, #eff1f2, #eff1f2);
212
177
  --sapShell_BackgroundImageOpacity: 1.0;
213
178
  --sapShell_BackgroundImageRepeat: false;
214
179
  --sapShell_BorderColor: #fff;
@@ -226,17 +191,17 @@
226
191
  --sapShell_Selected_Hover_Background: #fff;
227
192
  --sapShell_Favicon: none;
228
193
  --sapShell_Navigation_Background: #fff;
229
- --sapShell_Navigation_SelectedColor: #0070f2;
230
- --sapShell_Navigation_Selected_TextColor: #0070f2;
231
- --sapShell_Navigation_TextColor: #1d2d3e;
232
194
  --sapShell_Navigation_Hover_Background: #fff;
195
+ --sapShell_Navigation_SelectedColor: #0064d9;
196
+ --sapShell_Navigation_Selected_TextColor: #0064d9;
197
+ --sapShell_Navigation_TextColor: #1d2d3e;
198
+ --sapShell_Navigation_Active_TextColor: #0064d9;
233
199
  --sapShell_Navigation_Active_Background: #fff;
234
- --sapShell_Navigation_Active_TextColor: #0070f2;
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);
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);
236
201
  --sapShell_NegativeColor: #aa0808;
237
- --sapShell_CriticalColor: #b95100;
202
+ --sapShell_CriticalColor: #b44f00;
238
203
  --sapShell_PositiveColor: #256f3a;
239
- --sapShell_InformativeColor: #0070f2;
204
+ --sapShell_InformativeColor: #0064d9;
240
205
  --sapShell_NeutralColor: #1d2d3e;
241
206
  --sapShell_Category_1_Background: #0057d2;
242
207
  --sapShell_Category_1_BorderColor: #0057d2;
@@ -332,18 +297,18 @@
332
297
  --sapAvatar_10_Background: #eaecee;
333
298
  --sapAvatar_10_BorderColor: #eaecee;
334
299
  --sapAvatar_10_TextColor: #556b82;
300
+ --sapButton_Background: #fff;
301
+ --sapButton_BorderColor: #bcc3ca;
335
302
  --sapButton_BorderWidth: .0625rem;
336
303
  --sapButton_BorderCornerRadius: .5rem;
337
- --sapButton_Background: #eaecee;
338
- --sapButton_BorderColor: #eaecee;
339
- --sapButton_TextColor: #1d2d3e;
340
- --sapButton_Hover_Background: #fff;
341
- --sapButton_Hover_BorderColor: #fff;
342
- --sapButton_Hover_TextColor: #1d2d3e;
343
- --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;
344
309
  --sapButton_Active_Background: #fff;
345
- --sapButton_Active_BorderColor: #0070f2;
346
- --sapButton_Active_TextColor: #0070f2;
310
+ --sapButton_Active_BorderColor: #0064d9;
311
+ --sapButton_Active_TextColor: #0064d9;
347
312
  --sapButton_Emphasized_Background: #0070f2;
348
313
  --sapButton_Emphasized_BorderColor: #0070f2;
349
314
  --sapButton_Emphasized_TextColor: #fff;
@@ -351,120 +316,120 @@
351
316
  --sapButton_Emphasized_Hover_BorderColor: #0064d9;
352
317
  --sapButton_Emphasized_Hover_TextColor: #fff;
353
318
  --sapButton_Emphasized_Active_Background: #fff;
354
- --sapButton_Emphasized_Active_BorderColor: #0070f2;
355
- --sapButton_Emphasized_Active_TextColor: #0070f2;
319
+ --sapButton_Emphasized_Active_BorderColor: #0064d9;
320
+ --sapButton_Emphasized_Active_TextColor: #0064d9;
356
321
  --sapButton_Emphasized_TextShadow: transparent;
357
322
  --sapButton_Emphasized_FontWeight: bold;
358
323
  --sapButton_Reject_Background: #ffd6e9;
359
- --sapButton_Reject_BorderColor: #ffd6e9;
360
- --sapButton_Reject_Hover_Background: #fff;
361
- --sapButton_Reject_Hover_BorderColor: #fff;
324
+ --sapButton_Reject_BorderColor: #ffc2de;
325
+ --sapButton_Reject_TextColor: #aa0808;
326
+ --sapButton_Reject_Hover_Background: #ffbddb;
327
+ --sapButton_Reject_Hover_BorderColor: #ffbddb;
362
328
  --sapButton_Reject_Hover_TextColor: #aa0808;
363
329
  --sapButton_Reject_Active_Background: #fff;
364
- --sapButton_Reject_Active_BorderColor: #f53232;
330
+ --sapButton_Reject_Active_BorderColor: #e90b0b;
365
331
  --sapButton_Reject_Active_TextColor: #aa0808;
366
- --sapButton_Reject_TextColor: #aa0808;
367
332
  --sapButton_Reject_Selected_Background: #fff;
368
- --sapButton_Reject_Selected_BorderColor: #f53232;
333
+ --sapButton_Reject_Selected_BorderColor: #e90b0b;
369
334
  --sapButton_Reject_Selected_TextColor: #aa0808;
370
- --sapButton_Reject_Selected_Hover_Background: #fff;
371
- --sapButton_Reject_Selected_Hover_BorderColor: #f53232;
335
+ --sapButton_Reject_Selected_Hover_Background: #ffbddb;
336
+ --sapButton_Reject_Selected_Hover_BorderColor: #e90b0b;
372
337
  --sapButton_Accept_Background: #ebf5cb;
373
- --sapButton_Accept_BorderColor: #ebf5cb;
374
- --sapButton_Accept_Hover_Background: #fff;
375
- --sapButton_Accept_Hover_BorderColor: #fff;
338
+ --sapButton_Accept_BorderColor: #dbeda0;
339
+ --sapButton_Accept_TextColor: #256f3a;
340
+ --sapButton_Accept_Hover_Background: #e3f1b6;
341
+ --sapButton_Accept_Hover_BorderColor: #e3f1b6;
376
342
  --sapButton_Accept_Hover_TextColor: #256f3a;
377
343
  --sapButton_Accept_Active_Background: #fff;
378
344
  --sapButton_Accept_Active_BorderColor: #30914c;
379
345
  --sapButton_Accept_Active_TextColor: #256f3a;
380
- --sapButton_Accept_TextColor: #256f3a;
381
346
  --sapButton_Accept_Selected_Background: #fff;
382
347
  --sapButton_Accept_Selected_BorderColor: #30914c;
383
348
  --sapButton_Accept_Selected_TextColor: #256f3a;
384
- --sapButton_Accept_Selected_Hover_Background: #fff;
349
+ --sapButton_Accept_Selected_Hover_Background: #e3f1b6;
385
350
  --sapButton_Accept_Selected_Hover_BorderColor: #30914c;
386
351
  --sapButton_Lite_Background: transparent;
387
352
  --sapButton_Lite_BorderColor: transparent;
388
353
  --sapButton_Lite_TextColor: #0064d9;
389
- --sapButton_Lite_Hover_Background: #fff;
390
- --sapButton_Lite_Hover_BorderColor: #fff;
354
+ --sapButton_Lite_Hover_Background: #eaecee;
355
+ --sapButton_Lite_Hover_BorderColor: #bcc3ca;
391
356
  --sapButton_Lite_Hover_TextColor: #0064d9;
392
357
  --sapButton_Lite_Active_Background: #fff;
393
- --sapButton_Lite_Active_BorderColor: #0070f2;
358
+ --sapButton_Lite_Active_BorderColor: #0064d9;
394
359
  --sapButton_Selected_Background: #fff;
395
- --sapButton_Selected_BorderColor: #0070f2;
396
- --sapButton_Selected_TextColor: #0070f2;
397
- --sapButton_Selected_Hover_Background: #fff;
398
- --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;
399
364
  --sapButton_Attention_Background: #fff3b7;
400
- --sapButton_Attention_BorderColor: #fff3b7;
401
- --sapButton_Attention_TextColor: #b95100;
402
- --sapButton_Attention_Hover_Background: #fff;
403
- --sapButton_Attention_Hover_BorderColor: #fff;
404
- --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;
405
370
  --sapButton_Attention_Active_Background: #fff;
406
- --sapButton_Attention_Active_BorderColor: #ff8d34;
407
- --sapButton_Attention_Active_TextColor: #b95100;
371
+ --sapButton_Attention_Active_BorderColor: #dd6100;
372
+ --sapButton_Attention_Active_TextColor: #b44f00;
408
373
  --sapButton_Attention_Selected_Background: #fff;
409
- --sapButton_Attention_Selected_BorderColor: #ff8d34;
410
- --sapButton_Attention_Selected_TextColor: #b95100;
411
- --sapButton_Attention_Selected_Hover_Background: #fff;
412
- --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;
413
378
  --sapButton_Negative_Background: #f53232;
414
379
  --sapButton_Negative_BorderColor: #f53232;
415
380
  --sapButton_Negative_TextColor: #fff;
416
381
  --sapButton_Negative_Hover_Background: #e90b0b;
417
382
  --sapButton_Negative_Hover_BorderColor: #e90b0b;
418
383
  --sapButton_Negative_Hover_TextColor: #fff;
419
- --sapButton_Negative_Active_Background: #d50a0a;
420
- --sapButton_Negative_Active_BorderColor: #d50a0a;
421
- --sapButton_Negative_Active_TextColor: #fff;
384
+ --sapButton_Negative_Active_Background: #fff;
385
+ --sapButton_Negative_Active_BorderColor: #f53232;
386
+ --sapButton_Negative_Active_TextColor: #aa0808;
422
387
  --sapButton_Critical_Background: #e76500;
423
388
  --sapButton_Critical_BorderColor: #e76500;
424
389
  --sapButton_Critical_TextColor: #fff;
425
390
  --sapButton_Critical_Hover_Background: #dd6100;
426
391
  --sapButton_Critical_Hover_BorderColor: #dd6100;
427
392
  --sapButton_Critical_Hover_TextColor: #fff;
428
- --sapButton_Critical_Active_Background: #d35c00;
429
- --sapButton_Critical_Active_BorderColor: #d35c00;
430
- --sapButton_Critical_Active_TextColor: #fff;
393
+ --sapButton_Critical_Active_Background: #fff;
394
+ --sapButton_Critical_Active_BorderColor: #dd6100;
395
+ --sapButton_Critical_Active_TextColor: #b44f00;
431
396
  --sapButton_Success_Background: #30914c;
432
397
  --sapButton_Success_BorderColor: #30914c;
433
398
  --sapButton_Success_TextColor: #fff;
434
399
  --sapButton_Success_Hover_Background: #2c8646;
435
400
  --sapButton_Success_Hover_BorderColor: #2c8646;
436
401
  --sapButton_Success_Hover_TextColor: #fff;
437
- --sapButton_Success_Active_Background: #287a40;
438
- --sapButton_Success_Active_BorderColor: #287a40;
439
- --sapButton_Success_Active_TextColor: #fff;
440
- --sapButton_Information_Background: #0070f2;
441
- --sapButton_Information_BorderColor: #0070f2;
442
- --sapButton_Information_TextColor: #fff;
443
- --sapButton_Information_Hover_Background: #0064d9;
444
- --sapButton_Information_Hover_BorderColor: #0064d9;
445
- --sapButton_Information_Hover_TextColor: #fff;
446
- --sapButton_Information_Active_Background: #0058bf;
447
- --sapButton_Information_Active_BorderColor: #0058bf;
448
- --sapButton_Information_Active_TextColor: #fff;
449
- --sapButton_Neutral_Background: #788fa6;
450
- --sapButton_Neutral_BorderColor: #788fa6;
451
- --sapButton_Neutral_TextColor: #fff;
452
- --sapButton_Neutral_Hover_Background: #637d97;
453
- --sapButton_Neutral_Hover_BorderColor: #637d97;
454
- --sapButton_Neutral_Hover_TextColor: #fff;
455
- --sapButton_Neutral_Active_Background: #5d758e;
456
- --sapButton_Neutral_Active_BorderColor: #5d758e;
457
- --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;
458
423
  --sapButton_Track_Background: #788fa6;
459
424
  --sapButton_Track_BorderColor: #788fa6;
460
425
  --sapButton_Track_TextColor: #fff;
461
426
  --sapButton_Track_Hover_Background: #637d97;
462
427
  --sapButton_Track_Hover_BorderColor: #637d97;
463
- --sapButton_Track_Selected_Background: #0070f2;
464
- --sapButton_Track_Selected_BorderColor: #0070f2;
428
+ --sapButton_Track_Selected_Background: #0064d9;
429
+ --sapButton_Track_Selected_BorderColor: #0064d9;
465
430
  --sapButton_Track_Selected_TextColor: #fff;
466
- --sapButton_Track_Selected_Hover_Background: #0064d9;
467
- --sapButton_Track_Selected_Hover_BorderColor: #0064d9;
431
+ --sapButton_Track_Selected_Hover_Background: #0058c0;
432
+ --sapButton_Track_Selected_Hover_BorderColor: #0058c0;
468
433
  --sapButton_Handle_Background: #fff;
469
434
  --sapButton_Handle_BorderColor: #fff;
470
435
  --sapButton_Handle_TextColor: #1d2d3e;
@@ -472,7 +437,7 @@
472
437
  --sapButton_Handle_Hover_BorderColor: rgba(255,255,255,0.5);
473
438
  --sapButton_Handle_Selected_Background: #fff;
474
439
  --sapButton_Handle_Selected_BorderColor: #fff;
475
- --sapButton_Handle_Selected_TextColor: #0070f2;
440
+ --sapButton_Handle_Selected_TextColor: #0064d9;
476
441
  --sapButton_Handle_Selected_Hover_Background: #fff;
477
442
  --sapButton_Handle_Selected_Hover_BorderColor: rgba(255,255,255,0.5);
478
443
  --sapButton_Track_Negative_Background: #f53232;
@@ -496,50 +461,60 @@
496
461
  --sapButton_Handle_Positive_Hover_Background: #fff;
497
462
  --sapButton_Handle_Positive_Hover_BorderColor: rgba(255,255,255,0.5);
498
463
  --sapButton_TokenBackground: #fff;
499
- --sapButton_TokenBorderColor: #758ca4;
500
- --sapField_Background: #eff1f2;
464
+ --sapButton_TokenBorderColor: #bcc3ca;
465
+ --sapField_Background: #fff;
501
466
  --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
502
467
  --sapField_TextColor: #131e29;
503
468
  --sapField_PlaceholderTextColor: #556b82;
504
469
  --sapField_BorderColor: #556b81;
505
- --sapField_HelpBackground: #eff1f2;
470
+ --sapField_HelpBackground: #fff;
506
471
  --sapField_BorderWidth: .0625rem;
507
472
  --sapField_BorderStyle: none;
508
473
  --sapField_BorderCornerRadius: .25rem;
474
+ --sapField_Shadow: inset 0 0 0 0.0625rem rgba(85,107,129,0.25);
509
475
  --sapField_Hover_Background: #fff;
510
- --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
511
- --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;
512
478
  --sapField_Hover_HelpBackground: #fff;
513
- --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;
514
485
  --sapField_Focus_Background: #fff;
515
- --sapField_Focus_BorderColor: #0070f2;
486
+ --sapField_Focus_BorderColor: #0032a5;
516
487
  --sapField_Focus_HelpBackground: #fff;
517
- --sapField_ReadOnly_Background: transparent;
488
+ --sapField_ReadOnly_Background: #eaecee;
518
489
  --sapField_ReadOnly_BackgroundStyle: 0 100% / 0.375rem .0625rem repeat-x linear-gradient(90deg, #556b81 0, #556b81 0.25rem, transparent 0.25rem) border-box;
519
490
  --sapField_ReadOnly_BorderColor: #556b81;
520
491
  --sapField_ReadOnly_BorderStyle: none;
521
- --sapField_ReadOnly_HelpBackground: transparent;
492
+ --sapField_ReadOnly_HelpBackground: #eaecee;
522
493
  --sapField_RequiredColor: #ba066c;
523
- --sapField_InvalidColor: #f53232;
494
+ --sapField_InvalidColor: #e90b0b;
524
495
  --sapField_InvalidBackground: #ffeaf4;
525
- --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;
526
497
  --sapField_InvalidBorderWidth: .125rem;
527
498
  --sapField_InvalidBorderStyle: none;
528
- --sapField_WarningColor: #e76500;
499
+ --sapField_InvalidShadow: inset 0 0 0 0.0625rem rgba(255,142,196,0.45);
500
+ --sapField_WarningColor: #dd6100;
529
501
  --sapField_WarningBackground: #fff8d6;
530
- --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;
531
503
  --sapField_WarningBorderWidth: .125rem;
532
504
  --sapField_WarningBorderStyle: none;
505
+ --sapField_WarningShadow: inset 0 0 0 0.0625rem rgba(255,213,10,0.4);
533
506
  --sapField_SuccessColor: #30914c;
534
507
  --sapField_SuccessBackground: #f5fae5;
535
508
  --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
536
509
  --sapField_SuccessBorderWidth: .0625rem;
537
510
  --sapField_SuccessBorderStyle: none;
511
+ --sapField_SuccessShadow: inset 0 0 0 0.0625rem rgba(48,145,76,0.18);
538
512
  --sapField_InformationColor: #0070f2;
539
513
  --sapField_InformationBackground: #e1f4ff;
540
514
  --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
541
515
  --sapField_InformationBorderWidth: .125rem;
542
516
  --sapField_InformationBorderStyle: none;
517
+ --sapField_InformationShadow: inset 0 0 0 0.0625rem rgba(104,174,255,0.5);
543
518
  --sapGroup_TitleBackground: #fff;
544
519
  --sapGroup_TitleBorderColor: #a8b2bd;
545
520
  --sapGroup_TitleTextColor: #1d2d3e;
@@ -549,19 +524,18 @@
549
524
  --sapGroup_BorderWidth: .0625rem;
550
525
  --sapGroup_BorderCornerRadius: .5rem;
551
526
  --sapGroup_FooterBackground: transparent;
552
- --sapPopover_BorderCornerRadius: .5rem;
553
527
  --sapToolbar_Background: #fff;
554
528
  --sapToolbar_SeparatorColor: #d9d9d9;
555
529
  --sapList_HeaderBackground: #fff;
556
530
  --sapList_HeaderBorderColor: #a8b2bd;
557
531
  --sapList_HeaderTextColor: #1d2d3e;
558
532
  --sapList_BorderColor: #e5e5e5;
533
+ --sapList_BorderWidth: .0625rem;
559
534
  --sapList_TextColor: #1d2d3e;
560
535
  --sapList_Active_TextColor: #1d2d3e;
561
- --sapList_BorderWidth: .0625rem;
562
536
  --sapList_Active_Background: #dee2e5;
563
537
  --sapList_SelectionBackgroundColor: #ebf8ff;
564
- --sapList_SelectionBorderColor: #0070f2;
538
+ --sapList_SelectionBorderColor: #0064d9;
565
539
  --sapList_Hover_SelectionBackground: #dcf3ff;
566
540
  --sapList_Background: #fff;
567
541
  --sapList_Hover_Background: #eaecee;
@@ -569,17 +543,18 @@
569
543
  --sapList_GroupHeaderBackground: #fff;
570
544
  --sapList_GroupHeaderBorderColor: #a8b2bd;
571
545
  --sapList_GroupHeaderTextColor: #1d2d3e;
572
- --sapList_FooterBackground: #fff;
573
- --sapList_FooterTextColor: #1d2d3e;
574
546
  --sapList_TableGroupHeaderBackground: #eff1f2;
575
547
  --sapList_TableGroupHeaderBorderColor: #a8b2bd;
576
548
  --sapList_TableGroupHeaderTextColor: #1d2d3e;
549
+ --sapList_FooterBackground: #fff;
550
+ --sapList_FooterTextColor: #1d2d3e;
577
551
  --sapList_TableFooterBorder: #a8b2bd;
578
552
  --sapList_TableFixedBorderColor: #8c8c8c;
579
553
  --sapMessage_ErrorBorderColor: #ff8ec4;
580
554
  --sapMessage_WarningBorderColor: #ffe770;
581
555
  --sapMessage_SuccessBorderColor: #cee67e;
582
556
  --sapMessage_InformationBorderColor: #7bcfff;
557
+ --sapPopover_BorderCornerRadius: .5rem;
583
558
  --sapProgress_Background: #d5dadd;
584
559
  --sapProgress_BorderColor: #d5dadd;
585
560
  --sapProgress_TextColor: #1d2d3e;
@@ -597,7 +572,7 @@
597
572
  --sapProgress_InformationBorderColor: #cdedff;
598
573
  --sapProgress_InformationTextColor: #1d2d3e;
599
574
  --sapProgress_Value_Background: #788fa6;
600
- --sapProgress_Value_BorderColor: #d5dadd;
575
+ --sapProgress_Value_BorderColor: #788fa6;
601
576
  --sapProgress_Value_TextColor: #788fa6;
602
577
  --sapProgress_Value_NegativeBackground: #f53232;
603
578
  --sapProgress_Value_NegativeBorderColor: #f53232;
@@ -614,21 +589,21 @@
614
589
  --sapScrollBar_FaceColor: #7b91a8;
615
590
  --sapScrollBar_TrackColor: #fff;
616
591
  --sapScrollBar_BorderColor: #7b91a8;
617
- --sapScrollBar_SymbolColor: #1d2d3e;
592
+ --sapScrollBar_SymbolColor: #0064d9;
618
593
  --sapScrollBar_Dimension: .75rem;
619
- --sapScrollBar_Hover_FaceColor: #6f87a0;
594
+ --sapScrollBar_Hover_FaceColor: #5b728b;
620
595
  --sapSlider_Background: #d5dadd;
621
596
  --sapSlider_BorderColor: #d5dadd;
622
- --sapSlider_Selected_Background: #0070f2;
623
- --sapSlider_Selected_BorderColor: #0070f2;
597
+ --sapSlider_Selected_Background: #0064d9;
598
+ --sapSlider_Selected_BorderColor: #0064d9;
624
599
  --sapSlider_HandleBackground: #fff;
625
- --sapSlider_HandleBorderColor: #fff;
600
+ --sapSlider_HandleBorderColor: #b0d5ff;
626
601
  --sapSlider_RangeHandleBackground: #fff;
627
- --sapSlider_Hover_HandleBackground: #fff;
628
- --sapSlider_Hover_HandleBorderColor: #0070f2;
629
- --sapSlider_Hover_RangeHandleBackground: transparent;
602
+ --sapSlider_Hover_HandleBackground: #e3f0ff;
603
+ --sapSlider_Hover_HandleBorderColor: #b0d5ff;
604
+ --sapSlider_Hover_RangeHandleBackground: #e3f0ff;
630
605
  --sapSlider_Active_HandleBackground: #fff;
631
- --sapSlider_Active_HandleBorderColor: #fff;
606
+ --sapSlider_Active_HandleBorderColor: #0064d9;
632
607
  --sapSlider_Active_RangeHandleBackground: transparent;
633
608
  --sapPageHeader_Background: #fff;
634
609
  --sapPageHeader_BorderColor: #d9d9d9;
@@ -642,17 +617,17 @@
642
617
  --sapInfobar_NonInteractive_Background: #f5f6f7;
643
618
  --sapInfobar_TextColor: #046c7a;
644
619
  --sapObjectHeader_Background: #fff;
645
- --sapObjectHeader_BorderColor: #d9d9d9;
646
620
  --sapObjectHeader_Hover_Background: #eaecee;
621
+ --sapObjectHeader_BorderColor: #d9d9d9;
647
622
  --sapObjectHeader_Title_TextColor: #1d2d3e;
648
- --sapObjectHeader_Title_FontSize: 2rem;
623
+ --sapObjectHeader_Title_FontSize: 1.5rem;
649
624
  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
650
625
  --sapObjectHeader_Title_FontFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
651
626
  --sapObjectHeader_Subtitle_TextColor: #556b82;
652
627
  --sapBlockLayer_Background: #000;
653
628
  --sapTile_Background: #fff;
654
- --sapTile_Hover_Background: #fff;
655
- --sapTile_Active_Background: #f5f5f5;
629
+ --sapTile_Hover_Background: #eaecee;
630
+ --sapTile_Active_Background: #dee2e5;
656
631
  --sapTile_BorderColor: transparent;
657
632
  --sapTile_BorderCornerRadius: 1rem;
658
633
  --sapTile_TitleTextColor: #1d2d3e;
@@ -660,7 +635,7 @@
660
635
  --sapTile_IconColor: #556b82;
661
636
  --sapTile_SeparatorColor: #ccc;
662
637
  --sapTile_Interactive_BorderColor: #b3b3b3;
663
- --sapTile_OverlayBackground: rgba(255,255,255,0.96);
638
+ --sapTile_OverlayBackground: #fff;
664
639
  --sapTile_OverlayForegroundColor: #1d2d3e;
665
640
  --sapAccentColor1: #d27700;
666
641
  --sapAccentColor2: #aa0808;
@@ -682,6 +657,146 @@
682
657
  --sapAccentBackgroundColor8: #ebf5cb;
683
658
  --sapAccentBackgroundColor9: #ddccf0;
684
659
  --sapAccentBackgroundColor10: #eaecee;
660
+ --sapIndicationColor_1: #840606;
661
+ --sapIndicationColor_1_Background: #840606;
662
+ --sapIndicationColor_1_BorderColor: #840606;
663
+ --sapIndicationColor_1_TextColor: #fff;
664
+ --sapIndicationColor_1_Hover_Background: #6c0505;
665
+ --sapIndicationColor_1_Active_Background: #fff;
666
+ --sapIndicationColor_1_Active_BorderColor: #fb9d9d;
667
+ --sapIndicationColor_1_Active_TextColor: #840606;
668
+ --sapIndicationColor_1_Selected_Background: #fff;
669
+ --sapIndicationColor_1_Selected_BorderColor: #fb9d9d;
670
+ --sapIndicationColor_1_Selected_TextColor: #840606;
671
+ --sapIndicationColor_1b: #fb9d9d;
672
+ --sapIndicationColor_1b_BorderColor: #fb9d9d;
673
+ --sapIndicationColor_1b_Hover_Background: #fa8585;
674
+ --sapIndicationColor_2: #aa0808;
675
+ --sapIndicationColor_2_Background: #aa0808;
676
+ --sapIndicationColor_2_BorderColor: #aa0808;
677
+ --sapIndicationColor_2_TextColor: #fff;
678
+ --sapIndicationColor_2_Hover_Background: #920707;
679
+ --sapIndicationColor_2_Active_Background: #fff;
680
+ --sapIndicationColor_2_Active_BorderColor: #fcc4c4;
681
+ --sapIndicationColor_2_Active_TextColor: #aa0808;
682
+ --sapIndicationColor_2_Selected_Background: #fff;
683
+ --sapIndicationColor_2_Selected_BorderColor: #fcc4c4;
684
+ --sapIndicationColor_2_Selected_TextColor: #aa0808;
685
+ --sapIndicationColor_2b: #fcc4c4;
686
+ --sapIndicationColor_2b_BorderColor: #fcc4c4;
687
+ --sapIndicationColor_2b_Hover_Background: #fbacac;
688
+ --sapIndicationColor_3: #b95100;
689
+ --sapIndicationColor_3_Background: #e76500;
690
+ --sapIndicationColor_3_BorderColor: #e76500;
691
+ --sapIndicationColor_3_TextColor: #fff;
692
+ --sapIndicationColor_3_Hover_Background: #d85e00;
693
+ --sapIndicationColor_3_Active_Background: #fff;
694
+ --sapIndicationColor_3_Active_BorderColor: #fff2c0;
695
+ --sapIndicationColor_3_Active_TextColor: #b95100;
696
+ --sapIndicationColor_3_Selected_Background: #fff;
697
+ --sapIndicationColor_3_Selected_BorderColor: #fff2c0;
698
+ --sapIndicationColor_3_Selected_TextColor: #b95100;
699
+ --sapIndicationColor_3b: #fff2c0;
700
+ --sapIndicationColor_3b_BorderColor: #fff2c0;
701
+ --sapIndicationColor_3b_Hover_Background: #ffeda6;
702
+ --sapIndicationColor_4: #256f3a;
703
+ --sapIndicationColor_4_Background: #256f3a;
704
+ --sapIndicationColor_4_BorderColor: #256f3a;
705
+ --sapIndicationColor_4_TextColor: #fff;
706
+ --sapIndicationColor_4_Hover_Background: #1f5c30;
707
+ --sapIndicationColor_4_Active_Background: #fff;
708
+ --sapIndicationColor_4_Active_BorderColor: #bae8bc;
709
+ --sapIndicationColor_4_Active_TextColor: #256f3a;
710
+ --sapIndicationColor_4_Selected_Background: #fff;
711
+ --sapIndicationColor_4_Selected_BorderColor: #bae8bc;
712
+ --sapIndicationColor_4_Selected_TextColor: #256f3a;
713
+ --sapIndicationColor_4b: #bae8bc;
714
+ --sapIndicationColor_4b_BorderColor: #bae8bc;
715
+ --sapIndicationColor_4b_Hover_Background: #a7e2a9;
716
+ --sapIndicationColor_5: #0070f2;
717
+ --sapIndicationColor_5_Background: #0070f2;
718
+ --sapIndicationColor_5_BorderColor: #0070f2;
719
+ --sapIndicationColor_5_TextColor: #fff;
720
+ --sapIndicationColor_5_Hover_Background: #0064d9;
721
+ --sapIndicationColor_5_Active_Background: #fff;
722
+ --sapIndicationColor_5_Active_BorderColor: #d3effd;
723
+ --sapIndicationColor_5_Active_TextColor: #0070f2;
724
+ --sapIndicationColor_5_Selected_Background: #fff;
725
+ --sapIndicationColor_5_Selected_BorderColor: #d3effd;
726
+ --sapIndicationColor_5_Selected_TextColor: #0070f2;
727
+ --sapIndicationColor_5b: #d3effd;
728
+ --sapIndicationColor_5b_BorderColor: #d3effd;
729
+ --sapIndicationColor_5b_Hover_Background: #bbe6fc;
730
+ --sapIndicationColor_6: #046c7a;
731
+ --sapIndicationColor_6_Background: #046c7a;
732
+ --sapIndicationColor_6_BorderColor: #046c7a;
733
+ --sapIndicationColor_6_TextColor: #fff;
734
+ --sapIndicationColor_6_Hover_Background: #035661;
735
+ --sapIndicationColor_6_Active_Background: #fff;
736
+ --sapIndicationColor_6_Active_BorderColor: #cdf5ec;
737
+ --sapIndicationColor_6_Active_TextColor: #046c7a;
738
+ --sapIndicationColor_6_Selected_Background: #fff;
739
+ --sapIndicationColor_6_Selected_BorderColor: #cdf5ec;
740
+ --sapIndicationColor_6_Selected_TextColor: #046c7a;
741
+ --sapIndicationColor_6b: #cdf5ec;
742
+ --sapIndicationColor_6b_BorderColor: #cdf5ec;
743
+ --sapIndicationColor_6b_Hover_Background: #b8f1e4;
744
+ --sapIndicationColor_7: #5d36ff;
745
+ --sapIndicationColor_7_Background: #5d36ff;
746
+ --sapIndicationColor_7_BorderColor: #5d36ff;
747
+ --sapIndicationColor_7_TextColor: #fff;
748
+ --sapIndicationColor_7_Hover_Background: #481cff;
749
+ --sapIndicationColor_7_Active_Background: #fff;
750
+ --sapIndicationColor_7_Active_BorderColor: #e2dbff;
751
+ --sapIndicationColor_7_Active_TextColor: #5d36ff;
752
+ --sapIndicationColor_7_Selected_Background: #fff;
753
+ --sapIndicationColor_7_Selected_BorderColor: #e2dbff;
754
+ --sapIndicationColor_7_Selected_TextColor: #5d36ff;
755
+ --sapIndicationColor_7b: #e2dbff;
756
+ --sapIndicationColor_7b_BorderColor: #e2dbff;
757
+ --sapIndicationColor_7b_Hover_Background: #cdc2ff;
758
+ --sapIndicationColor_8: #a100c2;
759
+ --sapIndicationColor_8_Background: #a100c2;
760
+ --sapIndicationColor_8_BorderColor: #a100c2;
761
+ --sapIndicationColor_8_TextColor: #fff;
762
+ --sapIndicationColor_8_Hover_Background: #8c00a9;
763
+ --sapIndicationColor_8_Active_Background: #fff;
764
+ --sapIndicationColor_8_Active_BorderColor: #f8d6ff;
765
+ --sapIndicationColor_8_Active_TextColor: #a100c2;
766
+ --sapIndicationColor_8_Selected_Background: #fff;
767
+ --sapIndicationColor_8_Selected_BorderColor: #f8d6ff;
768
+ --sapIndicationColor_8_Selected_TextColor: #a100c2;
769
+ --sapIndicationColor_8b: #f8d6ff;
770
+ --sapIndicationColor_8b_BorderColor: #f8d6ff;
771
+ --sapIndicationColor_8b_Hover_Background: #f4bdff;
772
+ --sapIndicationColor_9: #1d2d3e;
773
+ --sapIndicationColor_9_Background: #1d2d3e;
774
+ --sapIndicationColor_9_BorderColor: #1d2d3e;
775
+ --sapIndicationColor_9_TextColor: #fff;
776
+ --sapIndicationColor_9_Hover_Background: #15202d;
777
+ --sapIndicationColor_9_Active_Background: #fff;
778
+ --sapIndicationColor_9_Active_BorderColor: #d9d9d9;
779
+ --sapIndicationColor_9_Active_TextColor: #1d2d3e;
780
+ --sapIndicationColor_9_Selected_Background: #fff;
781
+ --sapIndicationColor_9_Selected_BorderColor: #d9d9d9;
782
+ --sapIndicationColor_9_Selected_TextColor: #1d2d3e;
783
+ --sapIndicationColor_9b: #fff;
784
+ --sapIndicationColor_9b_BorderColor: #d9d9d9;
785
+ --sapIndicationColor_9b_Hover_Background: #f2f2f2;
786
+ --sapIndicationColor_10: #45484a;
787
+ --sapIndicationColor_10_Background: #83888b;
788
+ --sapIndicationColor_10_BorderColor: #83888b;
789
+ --sapIndicationColor_10_TextColor: #fff;
790
+ --sapIndicationColor_10_Hover_Background: #767b7e;
791
+ --sapIndicationColor_10_Active_Background: #fff;
792
+ --sapIndicationColor_10_Active_BorderColor: #eaecee;
793
+ --sapIndicationColor_10_Active_TextColor: #45484a;
794
+ --sapIndicationColor_10_Selected_Background: #fff;
795
+ --sapIndicationColor_10_Selected_BorderColor: #eaecee;
796
+ --sapIndicationColor_10_Selected_TextColor: #45484a;
797
+ --sapIndicationColor_10b: #eaecee;
798
+ --sapIndicationColor_10b_BorderColor: #eaecee;
799
+ --sapIndicationColor_10b_Hover_Background: #dcdfe3;
685
800
  --sapLegend_WorkingBackground: #fff;
686
801
  --sapLegend_NonWorkingBackground: #ebebeb;
687
802
  --sapLegend_CurrentDateTime: #a100c2;
@@ -755,9 +870,9 @@
755
870
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
756
871
  --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
757
872
  --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
758
- --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
759
- --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
760
- --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
873
+ --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.ttf');
874
+ --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff');
875
+ --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff2');
761
876
  --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.ttf');
762
877
  --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff');
763
878
  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff2');
@@ -819,3 +934,13 @@
819
934
  .background-image--sapShell_BackgroundImage {
820
935
  background-image: var(--sapShell_BackgroundImage);
821
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
+