@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,12 +1,22 @@
1
1
  /**
2
2
  * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  *
4
- * Theming Engine 1.23011.0-20221202113725
5
- * data:{"Path": "Base.baseLib.sap_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "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_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "Engine": {"Name": "theming-engine", "Version": "1.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230728102440", "Source": "11.6.4"}}
6
+ */
7
+
8
+ .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "Engine": {"Name": "theming-engine", "Version": "1.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230728102440", "Source": "11.6.4"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "Engine": {"Name": "theming-engine", "Version": "1.23071.0-20230727072504+103a4b0abd3804e9712812399620a8b1ef82147d"}, "Version": { "Build": "11.6.4.20230728102440", "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_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "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_fiori_3.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_base_fiori","baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_belize", "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: #0a6ed1;
12
22
  --sapHighlightColor: #0854a0;
@@ -14,33 +24,15 @@
14
24
  --sapShellColor: #354a5f;
15
25
  --sapBackgroundColor: #f7f7f7;
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", "72full", Arial, Helvetica, sans-serif;
23
27
  --sapFontSize: .875rem;
24
- --sapFontSmallSize: .75rem;
25
- --sapFontLargeSize: 1rem;
26
- --sapFontHeader1Size: 2.25rem;
27
- --sapFontHeader2Size: 1.5rem;
28
- --sapFontHeader3Size: 1.25rem;
29
- --sapFontHeader4Size: 1.125rem;
30
- --sapFontHeader5Size: 1rem;
31
- --sapFontHeader6Size: .875rem;
32
28
  --sapTextColor: #32363a;
33
29
  --sapLinkColor: #0a6ed1;
34
- --sapLink_Hover_Color: #0854a0;
35
- --sapLink_Active_Color: #0a6ed1;
36
- --sapLink_Visited_Color: #0a6ed1;
37
- --sapLink_InvertedColor: #d3e8fd;
38
- --sapLink_SubtleColor: #074888;
39
30
  --sapCompanyLogo: none;
40
31
  --sapBackgroundImage: none;
41
32
  --sapBackgroundImageOpacity: 1.0;
42
33
  --sapBackgroundImageRepeat: false;
43
34
  --sapSelectedColor: #0854a0;
35
+ --sapHoverColor: #ededed;
44
36
  --sapActiveColor: #0854a0;
45
37
  --sapHighlightTextColor: #fff;
46
38
  --sapTitleColor: #32363a;
@@ -55,72 +47,24 @@
55
47
  --sapInformativeElementColor: #0a6ed1;
56
48
  --sapNeutralElementColor: #6a6d70;
57
49
  --sapNegativeTextColor: #bb0000;
58
- --sapPositiveTextColor: #107e3e;
59
50
  --sapCriticalTextColor: #b3590a;
51
+ --sapPositiveTextColor: #107e3e;
60
52
  --sapInformativeTextColor: #0a6ed1;
61
53
  --sapNeutralTextColor: #6a6d70;
62
- --sapNeutralBorderColor: #6a6d70;
63
54
  --sapErrorColor: #bb0000;
64
- --sapErrorBorderColor: #bb0000;
65
55
  --sapWarningColor: #df6e0c;
66
- --sapWarningBorderColor: #df6e0c;
67
56
  --sapSuccessColor: #107e3e;
68
- --sapSuccessBorderColor: #107e3e;
69
57
  --sapInformationColor: #0a6ed1;
70
- --sapInformationBorderColor: #0a6ed1;
71
58
  --sapErrorBackground: #ffebeb;
72
59
  --sapWarningBackground: #fef7f1;
73
60
  --sapSuccessBackground: #f1fdf6;
74
61
  --sapInformationBackground: #f5faff;
75
62
  --sapNeutralBackground: #f4f4f4;
76
- --sapIndicationColor_1: #880000;
77
- --sapIndicationColor_1_Background: #880000;
78
- --sapIndicationColor_1_BorderColor: #880000;
79
- --sapIndicationColor_1_Hover_Background: #6f0000;
80
- --sapIndicationColor_1_Active_Background: #500;
81
- --sapIndicationColor_1_TextColor: #fff;
82
- --sapIndicationColor_2: #bb0000;
83
- --sapIndicationColor_2_Background: #bb0000;
84
- --sapIndicationColor_2_BorderColor: #bb0000;
85
- --sapIndicationColor_2_Hover_Background: #a20000;
86
- --sapIndicationColor_2_Active_Background: #800;
87
- --sapIndicationColor_2_TextColor: #fff;
88
- --sapIndicationColor_3: #df6e0c;
89
- --sapIndicationColor_3_Background: #df6e0c;
90
- --sapIndicationColor_3_BorderColor: #df6e0c;
91
- --sapIndicationColor_3_Hover_Background: #d0670b;
92
- --sapIndicationColor_3_Active_Background: #c2600a;
93
- --sapIndicationColor_3_TextColor: #fff;
94
- --sapIndicationColor_4: #107e3e;
95
- --sapIndicationColor_4_Background: #107e3e;
96
- --sapIndicationColor_4_BorderColor: #107e3e;
97
- --sapIndicationColor_4_Hover_Background: #0d6733;
98
- --sapIndicationColor_4_Active_Background: #0a5128;
99
- --sapIndicationColor_4_TextColor: #fff;
100
- --sapIndicationColor_5: #0a6ed1;
101
- --sapIndicationColor_5_Background: #0a6ed1;
102
- --sapIndicationColor_5_BorderColor: #0a6ed1;
103
- --sapIndicationColor_5_Hover_Background: #0961b9;
104
- --sapIndicationColor_5_Active_Background: #0854a0;
105
- --sapIndicationColor_5_TextColor: #fff;
106
- --sapIndicationColor_6: #0f828f;
107
- --sapIndicationColor_6_Background: #0f828f;
108
- --sapIndicationColor_6_BorderColor: #0f828f;
109
- --sapIndicationColor_6_Hover_Background: #0d6d78;
110
- --sapIndicationColor_6_Active_Background: #0a5861;
111
- --sapIndicationColor_6_TextColor: #fff;
112
- --sapIndicationColor_7: #925ace;
113
- --sapIndicationColor_7_Background: #925ace;
114
- --sapIndicationColor_7_BorderColor: #925ace;
115
- --sapIndicationColor_7_Hover_Background: #8546c8;
116
- --sapIndicationColor_7_Active_Background: #7838bd;
117
- --sapIndicationColor_7_TextColor: #fff;
118
- --sapIndicationColor_8: #c0399f;
119
- --sapIndicationColor_8_Background: #c0399f;
120
- --sapIndicationColor_8_BorderColor: #c0399f;
121
- --sapIndicationColor_8_Hover_Background: #ac338f;
122
- --sapIndicationColor_8_Active_Background: #992d7e;
123
- --sapIndicationColor_8_TextColor: #fff;
63
+ --sapErrorBorderColor: #bb0000;
64
+ --sapWarningBorderColor: #df6e0c;
65
+ --sapSuccessBorderColor: #107e3e;
66
+ --sapInformationBorderColor: #0a6ed1;
67
+ --sapNeutralBorderColor: #6a6d70;
124
68
  --sapElement_LineHeight: 2.75rem;
125
69
  --sapElement_Height: 2.25rem;
126
70
  --sapElement_BorderWidth: .0625rem;
@@ -138,6 +82,8 @@
138
82
  --sapContent_MarkerTextColor: #0e7581;
139
83
  --sapContent_MeasureIndicatorColor: #89919a;
140
84
  --sapContent_Selected_MeasureIndicatorColor: #89919a;
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: #ccc;
142
88
  --sapContent_ImagePlaceholderForegroundColor: #fff;
143
89
  --sapContent_RatedColor: #d08014;
@@ -178,11 +124,9 @@
178
124
  --sapContent_ForegroundTextColor: #32363a;
179
125
  --sapContent_BadgeBackground: #d04343;
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
127
  --sapContent_DragAndDropActiveColor: #0854a0;
184
- --sapContent_Selected_Background: #0854a0;
185
128
  --sapContent_Selected_TextColor: #fff;
129
+ --sapContent_Selected_Background: #0854a0;
186
130
  --sapContent_Selected_Hover_Background: #095caf;
187
131
  --sapContent_Selected_ForegroundColor: #0854a0;
188
132
  --sapContent_ForcedColorAdjust: none;
@@ -206,9 +150,30 @@
206
150
  --sapContent_Illustrative_Color18: #d9ddde;
207
151
  --sapContent_Illustrative_Color19: #ccd0d2;
208
152
  --sapContent_Illustrative_Color20: #bec4c6;
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", "72full", Arial, Helvetica, sans-serif;
159
+ --sapFontSmallSize: .75rem;
160
+ --sapFontLargeSize: 1rem;
161
+ --sapFontHeader1Size: 2.25rem;
162
+ --sapFontHeader2Size: 1.5rem;
163
+ --sapFontHeader3Size: 1.25rem;
164
+ --sapFontHeader4Size: 1.125rem;
165
+ --sapFontHeader5Size: 1rem;
166
+ --sapFontHeader6Size: .875rem;
167
+ --sapLink_TextDecoration: none;
168
+ --sapLink_Hover_Color: #0854a0;
169
+ --sapLink_Hover_TextDecoration: underline;
170
+ --sapLink_Active_Color: #0a6ed1;
171
+ --sapLink_Active_TextDecoration: underline;
172
+ --sapLink_Visited_Color: #0a6ed1;
173
+ --sapLink_InvertedColor: #d3e8fd;
174
+ --sapLink_SubtleColor: #074888;
209
175
  --sapShell_Background: #edeff0;
210
176
  --sapShell_BackgroundImage: linear-gradient(to bottom, #dfe3e4, #f3f4f5);
211
- --sapShell_BackgroundGradient: linear-gradient(to bottom, #dfe3e4, #f3f4f5);
212
177
  --sapShell_BackgroundImageOpacity: 1.0;
213
178
  --sapShell_BackgroundImageRepeat: false;
214
179
  --sapShell_BorderColor: #354a5f;
@@ -226,12 +191,12 @@
226
191
  --sapShell_Selected_Hover_Background: #23303e;
227
192
  --sapShell_Favicon: none;
228
193
  --sapShell_Navigation_Background: #354a5f;
194
+ --sapShell_Navigation_Hover_Background: #283848;
229
195
  --sapShell_Navigation_SelectedColor: #d1e8ff;
230
196
  --sapShell_Navigation_Selected_TextColor: #d1e8ff;
231
197
  --sapShell_Navigation_TextColor: #fff;
232
- --sapShell_Navigation_Hover_Background: #283848;
233
- --sapShell_Navigation_Active_Background: #23303e;
234
198
  --sapShell_Navigation_Active_TextColor: #fff;
199
+ --sapShell_Navigation_Active_Background: #23303e;
235
200
  --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.08), inset 0 -0.0625rem 0 0 rgba(0,0,0,0.18);
236
201
  --sapShell_NegativeColor: #f88;
237
202
  --sapShell_CriticalColor: #f8b67d;
@@ -332,10 +297,10 @@
332
297
  --sapAvatar_10_Background: #647987;
333
298
  --sapAvatar_10_BorderColor: #647987;
334
299
  --sapAvatar_10_TextColor: #fff;
335
- --sapButton_BorderWidth: .0625rem;
336
- --sapButton_BorderCornerRadius: .25rem;
337
300
  --sapButton_Background: #fff;
338
301
  --sapButton_BorderColor: #0854a0;
302
+ --sapButton_BorderWidth: .0625rem;
303
+ --sapButton_BorderCornerRadius: .25rem;
339
304
  --sapButton_TextColor: #0854a0;
340
305
  --sapButton_Hover_Background: #ebf5fe;
341
306
  --sapButton_Hover_BorderColor: #0854a0;
@@ -357,13 +322,13 @@
357
322
  --sapButton_Emphasized_FontWeight: bold;
358
323
  --sapButton_Reject_Background: #fff;
359
324
  --sapButton_Reject_BorderColor: #bb0000;
325
+ --sapButton_Reject_TextColor: #b00;
360
326
  --sapButton_Reject_Hover_Background: #ffebeb;
361
327
  --sapButton_Reject_Hover_BorderColor: #bb0000;
362
328
  --sapButton_Reject_Hover_TextColor: #b00;
363
329
  --sapButton_Reject_Active_Background: #a20000;
364
330
  --sapButton_Reject_Active_BorderColor: #a20000;
365
331
  --sapButton_Reject_Active_TextColor: #fff;
366
- --sapButton_Reject_TextColor: #b00;
367
332
  --sapButton_Reject_Selected_Background: #a20000;
368
333
  --sapButton_Reject_Selected_BorderColor: #a20000;
369
334
  --sapButton_Reject_Selected_TextColor: #fff;
@@ -371,13 +336,13 @@
371
336
  --sapButton_Reject_Selected_Hover_BorderColor: #b00;
372
337
  --sapButton_Accept_Background: #fff;
373
338
  --sapButton_Accept_BorderColor: #107e3e;
339
+ --sapButton_Accept_TextColor: #107e3e;
374
340
  --sapButton_Accept_Hover_Background: #f1fdf6;
375
341
  --sapButton_Accept_Hover_BorderColor: #107e3e;
376
342
  --sapButton_Accept_Hover_TextColor: #107e3e;
377
343
  --sapButton_Accept_Active_Background: #0d6733;
378
344
  --sapButton_Accept_Active_BorderColor: #0d6733;
379
345
  --sapButton_Accept_Active_TextColor: #fff;
380
- --sapButton_Accept_TextColor: #107e3e;
381
346
  --sapButton_Accept_Selected_Background: #0d6733;
382
347
  --sapButton_Accept_Selected_BorderColor: #0d6733;
383
348
  --sapButton_Accept_Selected_TextColor: #fff;
@@ -506,10 +471,16 @@
506
471
  --sapField_BorderWidth: .0625rem;
507
472
  --sapField_BorderStyle: solid;
508
473
  --sapField_BorderCornerRadius: .125rem;
474
+ --sapField_Shadow: none;
509
475
  --sapField_Hover_Background: #fff;
510
476
  --sapField_Hover_BackgroundStyle: none;
511
477
  --sapField_Hover_BorderColor: #0854a0;
512
478
  --sapField_Hover_HelpBackground: #ebf5fe;
479
+ --sapField_Hover_Shadow: none;
480
+ --sapField_Hover_InvalidShadow: none;
481
+ --sapField_Hover_WarningShadow: none;
482
+ --sapField_Hover_SuccessShadow: none;
483
+ --sapField_Hover_InformationShadow: none;
513
484
  --sapField_Active_BorderColor: #0854a0;
514
485
  --sapField_Focus_Background: #fff;
515
486
  --sapField_Focus_BorderColor: #89919a;
@@ -525,21 +496,25 @@
525
496
  --sapField_InvalidBackgroundStyle: none;
526
497
  --sapField_InvalidBorderWidth: .125rem;
527
498
  --sapField_InvalidBorderStyle: solid;
499
+ --sapField_InvalidShadow: none;
528
500
  --sapField_WarningColor: #df6e0c;
529
501
  --sapField_WarningBackground: #fff;
530
502
  --sapField_WarningBackgroundStyle: none;
531
503
  --sapField_WarningBorderWidth: .125rem;
532
504
  --sapField_WarningBorderStyle: solid;
505
+ --sapField_WarningShadow: none;
533
506
  --sapField_SuccessColor: #107e3e;
534
507
  --sapField_SuccessBackground: #fff;
535
508
  --sapField_SuccessBackgroundStyle: none;
536
509
  --sapField_SuccessBorderWidth: .0625rem;
537
510
  --sapField_SuccessBorderStyle: solid;
511
+ --sapField_SuccessShadow: none;
538
512
  --sapField_InformationColor: #0a6ed1;
539
513
  --sapField_InformationBackground: #fff;
540
514
  --sapField_InformationBackgroundStyle: none;
541
515
  --sapField_InformationBorderWidth: .125rem;
542
516
  --sapField_InformationBorderStyle: solid;
517
+ --sapField_InformationShadow: none;
543
518
  --sapGroup_TitleBackground: transparent;
544
519
  --sapGroup_TitleBorderColor: #d9d9d9;
545
520
  --sapGroup_TitleTextColor: #32363a;
@@ -549,16 +524,15 @@
549
524
  --sapGroup_BorderWidth: .0625rem;
550
525
  --sapGroup_BorderCornerRadius: 0;
551
526
  --sapGroup_FooterBackground: transparent;
552
- --sapPopover_BorderCornerRadius: .25rem;
553
527
  --sapToolbar_Background: transparent;
554
528
  --sapToolbar_SeparatorColor: #d9d9d9;
555
529
  --sapList_HeaderBackground: #f2f2f2;
556
530
  --sapList_HeaderBorderColor: #e5e5e5;
557
531
  --sapList_HeaderTextColor: #32363a;
558
532
  --sapList_BorderColor: #e5e5e5;
533
+ --sapList_BorderWidth: .0625rem;
559
534
  --sapList_TextColor: #32363a;
560
535
  --sapList_Active_TextColor: #fff;
561
- --sapList_BorderWidth: .0625rem;
562
536
  --sapList_Active_Background: #0854a0;
563
537
  --sapList_SelectionBackgroundColor: #e5f0fa;
564
538
  --sapList_SelectionBorderColor: #0854a0;
@@ -569,17 +543,18 @@
569
543
  --sapList_GroupHeaderBackground: #fff;
570
544
  --sapList_GroupHeaderBorderColor: #d9d9d9;
571
545
  --sapList_GroupHeaderTextColor: #32363a;
572
- --sapList_FooterBackground: #fafafa;
573
- --sapList_FooterTextColor: #32363a;
574
546
  --sapList_TableGroupHeaderBackground: #efefef;
575
547
  --sapList_TableGroupHeaderBorderColor: #d9d9d9;
576
548
  --sapList_TableGroupHeaderTextColor: #32363a;
549
+ --sapList_FooterBackground: #fafafa;
550
+ --sapList_FooterTextColor: #32363a;
577
551
  --sapList_TableFooterBorder: #d9d9d9;
578
552
  --sapList_TableFixedBorderColor: #8c8c8c;
579
553
  --sapMessage_ErrorBorderColor: #bb0000;
580
554
  --sapMessage_WarningBorderColor: #df6e0c;
581
555
  --sapMessage_SuccessBorderColor: #107e3e;
582
556
  --sapMessage_InformationBorderColor: #0a6ed1;
557
+ --sapPopover_BorderCornerRadius: .25rem;
583
558
  --sapProgress_Background: #fff;
584
559
  --sapProgress_BorderColor: #89919a;
585
560
  --sapProgress_TextColor: #32363a;
@@ -626,7 +601,7 @@
626
601
  --sapSlider_RangeHandleBackground: transparent;
627
602
  --sapSlider_Hover_HandleBackground: #ebf5fe;
628
603
  --sapSlider_Hover_HandleBorderColor: #0854a0;
629
- --sapSlider_Hover_RangeHandleBackground: transparent;
604
+ --sapSlider_Hover_RangeHandleBackground: #ebf5fe;
630
605
  --sapSlider_Active_HandleBackground: #0854a0;
631
606
  --sapSlider_Active_HandleBorderColor: #0854a0;
632
607
  --sapSlider_Active_RangeHandleBackground: transparent;
@@ -642,8 +617,8 @@
642
617
  --sapInfobar_NonInteractive_Background: #e6e6e6;
643
618
  --sapInfobar_TextColor: #fff;
644
619
  --sapObjectHeader_Background: #fff;
645
- --sapObjectHeader_BorderColor: #d9d9d9;
646
620
  --sapObjectHeader_Hover_Background: #f5f5f5;
621
+ --sapObjectHeader_BorderColor: #d9d9d9;
647
622
  --sapObjectHeader_Title_TextColor: #32363a;
648
623
  --sapObjectHeader_Title_FontSize: 1.25rem;
649
624
  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
@@ -682,6 +657,146 @@
682
657
  --sapAccentBackgroundColor8: #ebf5cb;
683
658
  --sapAccentBackgroundColor9: #dafdf5;
684
659
  --sapAccentBackgroundColor10: #eaecee;
660
+ --sapIndicationColor_1: #880000;
661
+ --sapIndicationColor_1_Background: #880000;
662
+ --sapIndicationColor_1_BorderColor: #880000;
663
+ --sapIndicationColor_1_TextColor: #fff;
664
+ --sapIndicationColor_1_Hover_Background: #6f0000;
665
+ --sapIndicationColor_1_Active_Background: #500;
666
+ --sapIndicationColor_1_Active_BorderColor: #880000;
667
+ --sapIndicationColor_1_Active_TextColor: #fff;
668
+ --sapIndicationColor_1_Selected_Background: #500;
669
+ --sapIndicationColor_1_Selected_BorderColor: #880000;
670
+ --sapIndicationColor_1_Selected_TextColor: #fff;
671
+ --sapIndicationColor_1b: #fb9d9d;
672
+ --sapIndicationColor_1b_BorderColor: #fb9d9d;
673
+ --sapIndicationColor_1b_Hover_Background: #fa8585;
674
+ --sapIndicationColor_2: #bb0000;
675
+ --sapIndicationColor_2_Background: #bb0000;
676
+ --sapIndicationColor_2_BorderColor: #bb0000;
677
+ --sapIndicationColor_2_TextColor: #fff;
678
+ --sapIndicationColor_2_Hover_Background: #a20000;
679
+ --sapIndicationColor_2_Active_Background: #800;
680
+ --sapIndicationColor_2_Active_BorderColor: #bb0000;
681
+ --sapIndicationColor_2_Active_TextColor: #fff;
682
+ --sapIndicationColor_2_Selected_Background: #800;
683
+ --sapIndicationColor_2_Selected_BorderColor: #bb0000;
684
+ --sapIndicationColor_2_Selected_TextColor: #fff;
685
+ --sapIndicationColor_2b: #fcc4c4;
686
+ --sapIndicationColor_2b_BorderColor: #fcc4c4;
687
+ --sapIndicationColor_2b_Hover_Background: #fbacac;
688
+ --sapIndicationColor_3: #df6e0c;
689
+ --sapIndicationColor_3_Background: #df6e0c;
690
+ --sapIndicationColor_3_BorderColor: #df6e0c;
691
+ --sapIndicationColor_3_TextColor: #fff;
692
+ --sapIndicationColor_3_Hover_Background: #d0670b;
693
+ --sapIndicationColor_3_Active_Background: #c2600a;
694
+ --sapIndicationColor_3_Active_BorderColor: #df6e0c;
695
+ --sapIndicationColor_3_Active_TextColor: #fff;
696
+ --sapIndicationColor_3_Selected_Background: #c2600a;
697
+ --sapIndicationColor_3_Selected_BorderColor: #df6e0c;
698
+ --sapIndicationColor_3_Selected_TextColor: #fff;
699
+ --sapIndicationColor_3b: #fff2c0;
700
+ --sapIndicationColor_3b_BorderColor: #fff2c0;
701
+ --sapIndicationColor_3b_Hover_Background: #ffeda6;
702
+ --sapIndicationColor_4: #107e3e;
703
+ --sapIndicationColor_4_Background: #107e3e;
704
+ --sapIndicationColor_4_BorderColor: #107e3e;
705
+ --sapIndicationColor_4_TextColor: #fff;
706
+ --sapIndicationColor_4_Hover_Background: #0d6733;
707
+ --sapIndicationColor_4_Active_Background: #0a5128;
708
+ --sapIndicationColor_4_Active_BorderColor: #107e3e;
709
+ --sapIndicationColor_4_Active_TextColor: #fff;
710
+ --sapIndicationColor_4_Selected_Background: #0a5128;
711
+ --sapIndicationColor_4_Selected_BorderColor: #107e3e;
712
+ --sapIndicationColor_4_Selected_TextColor: #fff;
713
+ --sapIndicationColor_4b: #bae8bc;
714
+ --sapIndicationColor_4b_BorderColor: #bae8bc;
715
+ --sapIndicationColor_4b_Hover_Background: #a7e2a9;
716
+ --sapIndicationColor_5: #0a6ed1;
717
+ --sapIndicationColor_5_Background: #0a6ed1;
718
+ --sapIndicationColor_5_BorderColor: #0a6ed1;
719
+ --sapIndicationColor_5_TextColor: #fff;
720
+ --sapIndicationColor_5_Hover_Background: #0961b9;
721
+ --sapIndicationColor_5_Active_Background: #0854a0;
722
+ --sapIndicationColor_5_Active_BorderColor: #0a6ed1;
723
+ --sapIndicationColor_5_Active_TextColor: #fff;
724
+ --sapIndicationColor_5_Selected_Background: #0854a0;
725
+ --sapIndicationColor_5_Selected_BorderColor: #0a6ed1;
726
+ --sapIndicationColor_5_Selected_TextColor: #fff;
727
+ --sapIndicationColor_5b: #d3effd;
728
+ --sapIndicationColor_5b_BorderColor: #d3effd;
729
+ --sapIndicationColor_5b_Hover_Background: #bbe6fc;
730
+ --sapIndicationColor_6: #0f828f;
731
+ --sapIndicationColor_6_Background: #0f828f;
732
+ --sapIndicationColor_6_BorderColor: #0f828f;
733
+ --sapIndicationColor_6_TextColor: #fff;
734
+ --sapIndicationColor_6_Hover_Background: #0d6d78;
735
+ --sapIndicationColor_6_Active_Background: #0a5861;
736
+ --sapIndicationColor_6_Active_BorderColor: #0f828f;
737
+ --sapIndicationColor_6_Active_TextColor: #fff;
738
+ --sapIndicationColor_6_Selected_Background: #0a5861;
739
+ --sapIndicationColor_6_Selected_BorderColor: #0f828f;
740
+ --sapIndicationColor_6_Selected_TextColor: #fff;
741
+ --sapIndicationColor_6b: #cdf5ec;
742
+ --sapIndicationColor_6b_BorderColor: #cdf5ec;
743
+ --sapIndicationColor_6b_Hover_Background: #b8f1e4;
744
+ --sapIndicationColor_7: #925ace;
745
+ --sapIndicationColor_7_Background: #925ace;
746
+ --sapIndicationColor_7_BorderColor: #925ace;
747
+ --sapIndicationColor_7_TextColor: #fff;
748
+ --sapIndicationColor_7_Hover_Background: #8546c8;
749
+ --sapIndicationColor_7_Active_Background: #7838bd;
750
+ --sapIndicationColor_7_Active_BorderColor: #925ace;
751
+ --sapIndicationColor_7_Active_TextColor: #fff;
752
+ --sapIndicationColor_7_Selected_Background: #7838bd;
753
+ --sapIndicationColor_7_Selected_BorderColor: #925ace;
754
+ --sapIndicationColor_7_Selected_TextColor: #fff;
755
+ --sapIndicationColor_7b: #e2dbff;
756
+ --sapIndicationColor_7b_BorderColor: #e2dbff;
757
+ --sapIndicationColor_7b_Hover_Background: #cdc2ff;
758
+ --sapIndicationColor_8: #c0399f;
759
+ --sapIndicationColor_8_Background: #c0399f;
760
+ --sapIndicationColor_8_BorderColor: #c0399f;
761
+ --sapIndicationColor_8_TextColor: #fff;
762
+ --sapIndicationColor_8_Hover_Background: #ac338f;
763
+ --sapIndicationColor_8_Active_Background: #992d7e;
764
+ --sapIndicationColor_8_Active_BorderColor: #c0399f;
765
+ --sapIndicationColor_8_Active_TextColor: #fff;
766
+ --sapIndicationColor_8_Selected_Background: #992d7e;
767
+ --sapIndicationColor_8_Selected_BorderColor: #c0399f;
768
+ --sapIndicationColor_8_Selected_TextColor: #fff;
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: #0d141b;
778
+ --sapIndicationColor_9_Active_BorderColor: #1d2d3e;
779
+ --sapIndicationColor_9_Active_TextColor: #fff;
780
+ --sapIndicationColor_9_Selected_Background: #0d141b;
781
+ --sapIndicationColor_9_Selected_BorderColor: #1d2d3e;
782
+ --sapIndicationColor_9_Selected_TextColor: #fff;
783
+ --sapIndicationColor_9b: #fff;
784
+ --sapIndicationColor_9b_BorderColor: #d9d9d9;
785
+ --sapIndicationColor_9b_Hover_Background: #f2f2f2;
786
+ --sapIndicationColor_10: #45484a;
787
+ --sapIndicationColor_10_Background: #45484a;
788
+ --sapIndicationColor_10_BorderColor: #45484a;
789
+ --sapIndicationColor_10_TextColor: #fff;
790
+ --sapIndicationColor_10_Hover_Background: #393b3d;
791
+ --sapIndicationColor_10_Active_Background: #2c2e30;
792
+ --sapIndicationColor_10_Active_BorderColor: #45484a;
793
+ --sapIndicationColor_10_Active_TextColor: #fff;
794
+ --sapIndicationColor_10_Selected_Background: #2c2e30;
795
+ --sapIndicationColor_10_Selected_BorderColor: #45484a;
796
+ --sapIndicationColor_10_Selected_TextColor: #fff;
797
+ --sapIndicationColor_10b: #eaecee;
798
+ --sapIndicationColor_10b_BorderColor: #eaecee;
799
+ --sapIndicationColor_10b_Hover_Background: #dcdfe3;
685
800
  --sapLegend_WorkingBackground: #fafafa;
686
801
  --sapLegend_NonWorkingBackground: #dedede;
687
802
  --sapLegend_CurrentDateTime: #c0399f;
@@ -819,3 +934,23 @@
819
934
  .background-image--sapShell_BackgroundImage {
820
935
  background-image: var(--sapShell_BackgroundImage);
821
936
  }
937
+
938
+ /**
939
+ * Base.baseLib.sap_base_fiori.base (Version 11.6.4)
940
+ */
941
+
942
+
943
+ /**
944
+ * Base.baseLib.sap_base_fiori.css_variables (Version 11.6.4)
945
+ */
946
+
947
+
948
+ /**
949
+ * Base.baseLib.sap_fiori_3.base (Version 11.6.4)
950
+ */
951
+
952
+
953
+ /**
954
+ * Base.baseLib.sap_fiori_3.css_variables (Version 11.6.4)
955
+ */
956
+