@ui5/webcomponents-theming 0.0.0-1e08ebdef → 0.0.0-35e2c9666

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 (57) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/css-vars-usage.json +9 -44
  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 -0
  12. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  14. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  15. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  16. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  17. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  18. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  19. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  24. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  26. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  27. package/dist/generated/json-imports/Themes-static.js +8 -2
  28. package/dist/generated/json-imports/Themes.js +4 -1
  29. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  30. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  31. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  32. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  33. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  34. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  35. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  36. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  37. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  38. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  39. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  40. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  41. package/dist/themes/sap_belize/css_variables.css +6 -4
  42. package/dist/themes/sap_belize_hcb/css_variables.css +5 -3
  43. package/dist/themes/sap_belize_hcw/css_variables.css +5 -3
  44. package/dist/themes/sap_fiori_3/css_variables.css +5 -3
  45. package/dist/themes/sap_fiori_3_dark/css_variables.css +5 -3
  46. package/dist/themes/sap_fiori_3_hcb/css_variables.css +5 -3
  47. package/dist/themes/sap_fiori_3_hcw/css_variables.css +5 -3
  48. package/dist/themes/sap_horizon/css_variables.css +118 -116
  49. package/dist/themes/sap_horizon_dark/css_variables.css +586 -0
  50. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  51. package/dist/themes/sap_horizon_exp/css_variables.css +118 -116
  52. package/dist/themes/sap_horizon_hcb/css_variables.css +586 -0
  53. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  54. package/dist/themes/sap_horizon_hcw/css_variables.css +586 -0
  55. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  56. package/hash.txt +1 -1
  57. package/package.json +7 -7
@@ -0,0 +1,586 @@
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.
3
+ *
4
+ * Theming Engine 1.68.3
5
+ * data:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}}
6
+ */
7
+
8
+ .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}};}
10
+ :root {
11
+ --sapBrandColor: #0070f2;
12
+ --sapHighlightColor: #4db1ff;
13
+ --sapBaseColor: #1d232a;
14
+ --sapShellColor: #1d232a;
15
+ --sapBackgroundColor: #12171c;
16
+ --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
+ --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
20
+ --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
21
+ --sapFontSize: .875rem;
22
+ --sapFontSmallSize: .75rem;
23
+ --sapFontLargeSize: 1rem;
24
+ --sapFontHeader1Size: 3rem;
25
+ --sapFontHeader2Size: 2rem;
26
+ --sapFontHeader3Size: 1.5rem;
27
+ --sapFontHeader4Size: 1.25rem;
28
+ --sapFontHeader5Size: 1rem;
29
+ --sapFontHeader6Size: .875rem;
30
+ --sapTextColor: #eaecee;
31
+ --sapLinkColor: #4db1ff;
32
+ --sapLink_Hover_Color: #29a1ff;
33
+ --sapLink_Active_Color: #4db1ff;
34
+ --sapLink_Visited_Color: #4db1ff;
35
+ --sapLink_InvertedColor: #bde2ff;
36
+ --sapLink_SubtleColor: #eaecee;
37
+ --sapCompanyLogo: none;
38
+ --sapBackgroundImage: none;
39
+ --sapBackgroundImageOpacity: 1.0;
40
+ --sapBackgroundImageRepeat: false;
41
+ --sapSelectedColor: #4db1ff;
42
+ --sapActiveColor: #020303;
43
+ --sapHighlightTextColor: #1d232a;
44
+ --sapTitleColor: #eaecee;
45
+ --sapNegativeColor: #fa6161;
46
+ --sapCriticalColor: #ffdf72;
47
+ --sapPositiveColor: #97dd40;
48
+ --sapInformativeColor: #4db1ff;
49
+ --sapNeutralColor: #eaecee;
50
+ --sapNegativeElementColor: #fa6161;
51
+ --sapCriticalElementColor: #f7bf00;
52
+ --sapPositiveElementColor: #6dad1f;
53
+ --sapInformativeElementColor: #4db1ff;
54
+ --sapNeutralElementColor: #a9b4be;
55
+ --sapNegativeTextColor: #fa6161;
56
+ --sapPositiveTextColor: #97dd40;
57
+ --sapCriticalTextColor: #ffdf72;
58
+ --sapInformativeTextColor: #4db1ff;
59
+ --sapNeutralTextColor: #eaecee;
60
+ --sapNeutralBorderColor: #a9b4be;
61
+ --sapErrorColor: #fa6161;
62
+ --sapErrorBorderColor: #fa6161;
63
+ --sapWarningColor: #ffdf72;
64
+ --sapWarningBorderColor: #f7bf00;
65
+ --sapSuccessColor: #97dd40;
66
+ --sapSuccessBorderColor: #6dad1f;
67
+ --sapInformationColor: #4db1ff;
68
+ --sapInformationBorderColor: #4db1ff;
69
+ --sapErrorBackground: #350000;
70
+ --sapWarningBackground: #382700;
71
+ --sapSuccessBackground: #11331a;
72
+ --sapInformationBackground: #00144a;
73
+ --sapNeutralBackground: #242e38;
74
+ --sapIndicationColor_1: #fd3535;
75
+ --sapIndicationColor_1_Hover_Background: #fd4e4e;
76
+ --sapIndicationColor_1_Active_Background: #fe6767;
77
+ --sapIndicationColor_1_TextColor: #eaecee;
78
+ --sapIndicationColor_2: #ff8f8f;
79
+ --sapIndicationColor_2_Hover_Background: #ffa9a9;
80
+ --sapIndicationColor_2_Active_Background: #ffc2c2;
81
+ --sapIndicationColor_2_TextColor: #1d232a;
82
+ --sapIndicationColor_3: #ffc933;
83
+ --sapIndicationColor_3_Hover_Background: #ffcd42;
84
+ --sapIndicationColor_3_Active_Background: #ffd152;
85
+ --sapIndicationColor_3_TextColor: #1d232a;
86
+ --sapIndicationColor_4: #bde986;
87
+ --sapIndicationColor_4_Hover_Background: #c9ed9c;
88
+ --sapIndicationColor_4_Active_Background: #d5f1b1;
89
+ --sapIndicationColor_4_TextColor: #1d232a;
90
+ --sapIndicationColor_5: #a6e0ff;
91
+ --sapIndicationColor_5_Hover_Background: #c0e9ff;
92
+ --sapIndicationColor_5_Active_Background: #d9f2ff;
93
+ --sapIndicationColor_5_TextColor: #1d232a;
94
+ --sapIndicationColor_6: #64edd2;
95
+ --sapIndicationColor_6_Hover_Background: #7bf0d9;
96
+ --sapIndicationColor_6_Active_Background: #92f2df;
97
+ --sapIndicationColor_6_TextColor: #1d232a;
98
+ --sapIndicationColor_7: #d3b6ff;
99
+ --sapIndicationColor_7_Hover_Background: #e2d0ff;
100
+ --sapIndicationColor_7_Active_Background: #f2e9ff;
101
+ --sapIndicationColor_7_TextColor: #1d232a;
102
+ --sapIndicationColor_8: #ff8af0;
103
+ --sapIndicationColor_8_Hover_Background: #ffa3f3;
104
+ --sapIndicationColor_8_Active_Background: #ffbdf7;
105
+ --sapIndicationColor_8_TextColor: #1d232a;
106
+ --sapElement_LineHeight: 2.75rem;
107
+ --sapElement_Height: 2.25rem;
108
+ --sapElement_BorderWidth: .0625rem;
109
+ --sapElement_BorderCornerRadius: .75rem;
110
+ --sapElement_Compact_LineHeight: 2rem;
111
+ --sapElement_Compact_Height: 1.625rem;
112
+ --sapElement_Condensed_LineHeight: 1.5rem;
113
+ --sapElement_Condensed_Height: 1.375rem;
114
+ --sapContent_LineHeight: 1.5;
115
+ --sapContent_IconHeight: 1rem;
116
+ --sapContent_IconColor: #eaecee;
117
+ --sapContent_ContrastIconColor: #1d232a;
118
+ --sapContent_NonInteractiveIconColor: #eaecee;
119
+ --sapContent_MarkerIconColor: #d3b6ff;
120
+ --sapContent_MarkerTextColor: #64edd2;
121
+ --sapContent_ImagePlaceholderBackground: #45617c;
122
+ --sapContent_ImagePlaceholderForegroundColor: #d5dadd;
123
+ --sapContent_RatedColor: #ffdf72;
124
+ --sapContent_UnratedColor: #a9b4be;
125
+ --sapContent_FocusColor: #4db1ff;
126
+ --sapContent_FocusStyle: solid;
127
+ --sapContent_FocusWidth: .125rem;
128
+ --sapContent_ContrastFocusColor: #fff;
129
+ --sapContent_ShadowColor: #000;
130
+ --sapContent_ContrastShadowColor: #fff;
131
+ --sapContent_Shadow0: 0 0 0.125rem 0 rgba(255,255,255,0.2), 0 0.125rem 0.5rem 0 rgba(0,0,0,0.3);
132
+ --sapContent_Shadow1: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 0.125rem 0.5rem 0 rgba(0,0,0,0.6);
133
+ --sapContent_Shadow2: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 0.625rem 1.875rem 0 rgba(0,0,0,0.6);
134
+ --sapContent_Shadow3: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 1.25rem 5rem 0 rgba(0,0,0,0.6);
135
+ --sapContent_TextShadow: 0 0 0.125rem #000;
136
+ --sapContent_ContrastTextShadow: none;
137
+ --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 #2e3742;
138
+ --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(234,236,238,0.72);
139
+ --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(77,177,255,0.72);
140
+ --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(250,97,97,0.72);
141
+ --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(255,223,114,0.72);
142
+ --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(151,221,64,0.72);
143
+ --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(77,177,255,0.72);
144
+ --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(234,236,238,0.72);
145
+ --sapContent_SearchHighlightColor: #046c7a;
146
+ --sapContent_HelpColor: #5dc122;
147
+ --sapContent_LabelColor: #8396A8;
148
+ --sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;
149
+ --sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;
150
+ --sapContent_IconFontFamily: "SAP-icons";
151
+ --sapContent_DisabledTextColor: rgba(234,236,238,0.6);
152
+ --sapContent_DisabledOpacity: 0.4;
153
+ --sapContent_ContrastTextThreshold: 0.5;
154
+ --sapContent_ContrastTextColor: #1d232a;
155
+ --sapContent_ForegroundColor: #101418;
156
+ --sapContent_ForegroundBorderColor: #a9b4be;
157
+ --sapContent_ForegroundTextColor: #eaecee;
158
+ --sapContent_BadgeBackground: #ff8cb2;
159
+ --sapContent_BadgeTextColor: #1d232a;
160
+ --sapContent_Placeholderloading_Background: #475566;
161
+ --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #475566 0%, #475566 20%, #74879f 50%, #475566 80%, #475566 100%);
162
+ --sapContent_DragAndDropActiveColor: #4db1ff;
163
+ --sapContent_Selected_Background: #1d232a;
164
+ --sapContent_Selected_TextColor: #4db1ff;
165
+ --sapContent_Selected_Hover_Background: #1d232a;
166
+ --sapContent_Selected_ForegroundColor: #4db1ff;
167
+ --sapContent_Illustrative_Color1: #5d36ff;
168
+ --sapContent_Illustrative_Color2: #4098ff;
169
+ --sapContent_Illustrative_Color3: #f58b00;
170
+ --sapContent_Illustrative_Color4: #5581ae;
171
+ --sapContent_Illustrative_Color5: #fff;
172
+ --sapContent_Illustrative_Color6: #b9c1c6;
173
+ --sapContent_Illustrative_Color7: #223548;
174
+ --sapContent_Illustrative_Color8: #fff;
175
+ --sapContent_Illustrative_Color9: #64edd2;
176
+ --sapContent_Illustrative_Color10: #ebf8ff;
177
+ --sapContent_Illustrative_Color11: #f31ded;
178
+ --sapContent_Illustrative_Color12: #00a800;
179
+ --sapContent_Illustrative_Color13: #1782ff;
180
+ --sapContent_Illustrative_Color14: #0070f3;
181
+ --sapContent_Illustrative_Color15: #cc7400;
182
+ --sapContent_Illustrative_Color16: #3b0ac6;
183
+ --sapContent_Illustrative_Color17: #00a58a;
184
+ --sapContent_Illustrative_Color18: #2a4259;
185
+ --sapContent_Illustrative_Color19: #324e6b;
186
+ --sapContent_Illustrative_Color20: #3b5b7c;
187
+ --sapShell_Background: #12171c;
188
+ --sapShell_BackgroundImage: linear-gradient(to bottom, #12171c, #12171c);
189
+ --sapShell_BackgroundGradient: linear-gradient(to bottom, #12171c, #12171c);
190
+ --sapShell_BackgroundImageOpacity: 1.0;
191
+ --sapShell_BackgroundImageRepeat: false;
192
+ --sapShell_BorderColor: #1d232a;
193
+ --sapShell_TextColor: #eaecee;
194
+ --sapShell_InteractiveBackground: #242e38;
195
+ --sapShell_InteractiveTextColor: #eaecee;
196
+ --sapShell_InteractiveBorderColor: #a9b4be;
197
+ --sapShell_GroupTitleTextColor: #eaecee;
198
+ --sapShell_GroupTitleTextShadow: 0 0 .125rem #000;
199
+ --sapShell_Hover_Background: #1d232a;
200
+ --sapShell_Active_Background: #1d232a;
201
+ --sapShell_Active_TextColor: #4db1ff;
202
+ --sapShell_Selected_Background: #1d232a;
203
+ --sapShell_Selected_TextColor: #4db1ff;
204
+ --sapShell_Selected_Hover_Background: #1d232a;
205
+ --sapShell_Favicon: none;
206
+ --sapShell_Navigation_Background: #1d232a;
207
+ --sapShell_Navigation_SelectedColor: #eaecee;
208
+ --sapShell_Navigation_Selected_TextColor: #eaecee;
209
+ --sapShell_Navigation_TextColor: #eaecee;
210
+ --sapShell_Navigation_Hover_Background: #1d232a;
211
+ --sapShell_Navigation_Active_Background: #1d232a;
212
+ --sapShell_Navigation_Active_TextColor: #4db1ff;
213
+ --sapShell_Shadow: 0 0 .5rem 0 rgba(0,0,0,0.8),inset 0 -0.0625rem 0 0 rgba(255,255,255,0.2);
214
+ --sapShell_NegativeColor: #fa6161;
215
+ --sapShell_CriticalColor: #ffdf72;
216
+ --sapShell_PositiveColor: #97dd40;
217
+ --sapShell_InformativeColor: #4db1ff;
218
+ --sapShell_NeutralColor: #eaecee;
219
+ --sapButton_BorderWidth: .0625rem;
220
+ --sapButton_BorderCornerRadius: .5rem;
221
+ --sapButton_Background: #2e3b47;
222
+ --sapButton_BorderColor: #2e3b47;
223
+ --sapButton_TextColor: #eaecee;
224
+ --sapButton_Hover_Background: #1d232a;
225
+ --sapButton_Hover_BorderColor: #1d232a;
226
+ --sapButton_Hover_TextColor: #eaecee;
227
+ --sapButton_IconColor: #eaecee;
228
+ --sapButton_Active_Background: #213131;
229
+ --sapButton_Active_BorderColor: #4db1ff;
230
+ --sapButton_Active_TextColor: #4db1ff;
231
+ --sapButton_Emphasized_Background: #0070f2;
232
+ --sapButton_Emphasized_BorderColor: #0070f2;
233
+ --sapButton_Emphasized_TextColor: #eaecee;
234
+ --sapButton_Emphasized_Hover_Background: #0064d9;
235
+ --sapButton_Emphasized_Hover_BorderColor: #0064d9;
236
+ --sapButton_Emphasized_Hover_TextColor: #eaecee;
237
+ --sapButton_Emphasized_Active_Background: #213131;
238
+ --sapButton_Emphasized_Active_BorderColor: #4db1ff;
239
+ --sapButton_Emphasized_Active_TextColor: #4db1ff;
240
+ --sapButton_Emphasized_TextShadow: transparent;
241
+ --sapButton_Reject_Background: #490000;
242
+ --sapButton_Reject_BorderColor: #490000;
243
+ --sapButton_Reject_Hover_Background: #1d232a;
244
+ --sapButton_Reject_Hover_BorderColor: #1d232a;
245
+ --sapButton_Reject_Hover_TextColor: #fa6161;
246
+ --sapButton_Reject_Active_Background: #213131;
247
+ --sapButton_Reject_Active_BorderColor: #fa6161;
248
+ --sapButton_Reject_Active_TextColor: #fa6161;
249
+ --sapButton_Reject_TextColor: #fa6161;
250
+ --sapButton_Reject_Selected_Background: #213131;
251
+ --sapButton_Reject_Selected_BorderColor: #fa6161;
252
+ --sapButton_Reject_Selected_TextColor: #fa6161;
253
+ --sapButton_Reject_Selected_Hover_Background: #213131;
254
+ --sapButton_Reject_Selected_Hover_BorderColor: #fa6161;
255
+ --sapButton_Accept_Background: #153e20;
256
+ --sapButton_Accept_BorderColor: #153e20;
257
+ --sapButton_Accept_Hover_Background: #1d232a;
258
+ --sapButton_Accept_Hover_BorderColor: #1d232a;
259
+ --sapButton_Accept_Hover_TextColor: #97dd40;
260
+ --sapButton_Accept_Active_Background: #213131;
261
+ --sapButton_Accept_Active_BorderColor: #6dad1f;
262
+ --sapButton_Accept_Active_TextColor: #97dd40;
263
+ --sapButton_Accept_TextColor: #97dd40;
264
+ --sapButton_Accept_Selected_Background: #213131;
265
+ --sapButton_Accept_Selected_BorderColor: #6dad1f;
266
+ --sapButton_Accept_Selected_TextColor: #97dd40;
267
+ --sapButton_Accept_Selected_Hover_Background: #1d232a;
268
+ --sapButton_Accept_Selected_Hover_BorderColor: #6dad1f;
269
+ --sapButton_Lite_Background: transparent;
270
+ --sapButton_Lite_BorderColor: transparent;
271
+ --sapButton_Lite_TextColor: #4db1ff;
272
+ --sapButton_Lite_Hover_Background: #1d232a;
273
+ --sapButton_Lite_Hover_BorderColor: #1d232a;
274
+ --sapButton_Lite_Hover_TextColor: #4db1ff;
275
+ --sapButton_Lite_Active_Background: #213131;
276
+ --sapButton_Lite_Active_BorderColor: #4db1ff;
277
+ --sapButton_Selected_Background: #1d232a;
278
+ --sapButton_Selected_BorderColor: #4db1ff;
279
+ --sapButton_Selected_TextColor: #4db1ff;
280
+ --sapButton_Selected_Hover_Background: #1d232a;
281
+ --sapButton_Selected_Hover_BorderColor: #4db1ff;
282
+ --sapButton_Attention_Background: #382700;
283
+ --sapButton_Attention_BorderColor: #382700;
284
+ --sapButton_Attention_TextColor: #ffdf72;
285
+ --sapButton_Attention_Hover_Background: #1d232a;
286
+ --sapButton_Attention_Hover_BorderColor: #1d232a;
287
+ --sapButton_Attention_Hover_TextColor: #ffdf72;
288
+ --sapButton_Attention_Active_Background: #213131;
289
+ --sapButton_Attention_Active_BorderColor: #f7bf00;
290
+ --sapButton_Attention_Active_TextColor: #ffdf72;
291
+ --sapButton_Attention_Selected_Background: #213131;
292
+ --sapButton_Attention_Selected_BorderColor: #f7bf00;
293
+ --sapButton_Attention_Selected_TextColor: #ffdf72;
294
+ --sapButton_Attention_Selected_Hover_Background: #213131;
295
+ --sapButton_Attention_Selected_Hover_BorderColor: #f7bf00;
296
+ --sapButton_Negative_Background: #fa6161;
297
+ --sapButton_Negative_BorderColor: #fa6161;
298
+ --sapButton_Negative_TextColor: #1d232a;
299
+ --sapButton_Negative_Hover_Background: #fb7a7a;
300
+ --sapButton_Negative_Hover_BorderColor: #fb7a7a;
301
+ --sapButton_Negative_Hover_TextColor: #1d232a;
302
+ --sapButton_Negative_Active_Background: #fc9292;
303
+ --sapButton_Negative_Active_BorderColor: #fc9292;
304
+ --sapButton_Negative_Active_TextColor: #1d232a;
305
+ --sapButton_Critical_Background: #f7bf00;
306
+ --sapButton_Critical_BorderColor: #f7bf00;
307
+ --sapButton_Critical_TextColor: #1d232a;
308
+ --sapButton_Critical_Hover_Background: #ffcf2b;
309
+ --sapButton_Critical_Hover_BorderColor: #ffcf2b;
310
+ --sapButton_Critical_Hover_TextColor: #1d232a;
311
+ --sapButton_Critical_Active_Background: #ffd43f;
312
+ --sapButton_Critical_Active_BorderColor: #ffd43f;
313
+ --sapButton_Critical_Active_TextColor: #1d232a;
314
+ --sapButton_Success_Background: #6dad1f;
315
+ --sapButton_Success_BorderColor: #6dad1f;
316
+ --sapButton_Success_TextColor: #1d232a;
317
+ --sapButton_Success_Hover_Background: #7bc323;
318
+ --sapButton_Success_Hover_BorderColor: #7bc323;
319
+ --sapButton_Success_Hover_TextColor: #1d232a;
320
+ --sapButton_Success_Active_Background: #88d827;
321
+ --sapButton_Success_Active_BorderColor: #88d827;
322
+ --sapButton_Success_Active_TextColor: #1d232a;
323
+ --sapButton_Information_Background: #4db1ff;
324
+ --sapButton_Information_BorderColor: #4db1ff;
325
+ --sapButton_Information_TextColor: #1d232a;
326
+ --sapButton_Information_Hover_Background: #67bcff;
327
+ --sapButton_Information_Hover_BorderColor: #67bcff;
328
+ --sapButton_Information_Hover_TextColor: #1d232a;
329
+ --sapButton_Information_Active_Background: #80c7ff;
330
+ --sapButton_Information_Active_BorderColor: #80c7ff;
331
+ --sapButton_Information_Active_TextColor: #1d232a;
332
+ --sapButton_Neutral_Background: #a9b4be;
333
+ --sapButton_Neutral_BorderColor: #a9b4be;
334
+ --sapButton_Neutral_TextColor: #1d232a;
335
+ --sapButton_Neutral_Hover_Background: #b8c1c9;
336
+ --sapButton_Neutral_Hover_BorderColor: #b8c1c9;
337
+ --sapButton_Neutral_Hover_TextColor: #1d232a;
338
+ --sapButton_Neutral_Active_Background: #c6cdd4;
339
+ --sapButton_Neutral_Active_BorderColor: #c6cdd4;
340
+ --sapButton_Neutral_Active_TextColor: #1d232a;
341
+ --sapButton_Track_Selected_Background: #4db1ff;
342
+ --sapButton_Track_Selected_TextColor: #4db1ff;
343
+ --sapButton_Track_Background: #a9b4be;
344
+ --sapButton_Track_TextColor: #1d232a;
345
+ --sapButton_TokenBackground: #1d232a;
346
+ --sapButton_TokenBorderColor: #a9b4be;
347
+ --sapField_Background: #242e38;
348
+ --sapField_TextColor: #fff;
349
+ --sapField_PlaceholderTextColor: #8396A8;
350
+ --sapField_BorderColor: #a9b4be;
351
+ --sapField_HelpBackground: #242e38;
352
+ --sapField_BorderWidth: .0625rem;
353
+ --sapField_BorderCornerRadius: .25rem;
354
+ --sapField_Hover_Background: #1d232a;
355
+ --sapField_Hover_BorderColor: #a9b4be;
356
+ --sapField_Hover_HelpBackground: #1d232a;
357
+ --sapField_Active_BorderColor: #4db1ff;
358
+ --sapField_Focus_Background: #1d232a;
359
+ --sapField_Focus_BorderColor: #4db1ff;
360
+ --sapField_Focus_HelpBackground: #1d232a;
361
+ --sapField_ReadOnly_Background: transparent;
362
+ --sapField_ReadOnly_BorderColor: #a9b4be;
363
+ --sapField_ReadOnly_HelpBackground: transparent;
364
+ --sapField_RequiredColor: #ff78a4;
365
+ --sapField_InvalidColor: #fa6161;
366
+ --sapField_InvalidBackground: #350000;
367
+ --sapField_InvalidBorderWidth: .125rem;
368
+ --sapField_InvalidBorderStyle: solid;
369
+ --sapField_WarningColor: #f7bf00;
370
+ --sapField_WarningBackground: #382700;
371
+ --sapField_WarningBorderWidth: .125rem;
372
+ --sapField_WarningBorderStyle: solid;
373
+ --sapField_SuccessColor: #6dad1f;
374
+ --sapField_SuccessBackground: #11331a;
375
+ --sapField_SuccessBorderWidth: .0625rem;
376
+ --sapField_SuccessBorderStyle: solid;
377
+ --sapField_InformationColor: #4db1ff;
378
+ --sapField_InformationBackground: #00144a;
379
+ --sapField_InformationBorderWidth: .125rem;
380
+ --sapField_InformationBorderStyle: solid;
381
+ --sapGroup_TitleBackground: #1d232a;
382
+ --sapGroup_TitleBorderColor: #3c4957;
383
+ --sapGroup_TitleTextColor: #eaecee;
384
+ --sapGroup_ContentBackground: #1d232a;
385
+ --sapGroup_ContentBorderColor: #323c48;
386
+ --sapGroup_BorderWidth: .0625rem;
387
+ --sapGroup_BorderCornerRadius: .5rem;
388
+ --sapGroup_FooterBackground: transparent;
389
+ --sapToolbar_Background: #1d232a;
390
+ --sapToolbar_SeparatorColor: #3c4957;
391
+ --sapList_HeaderBackground: #1d232a;
392
+ --sapList_HeaderBorderColor: #2e3742;
393
+ --sapList_HeaderTextColor: #eaecee;
394
+ --sapList_BorderColor: #2e3742;
395
+ --sapList_TextColor: #eaecee;
396
+ --sapList_Active_TextColor: #eaecee;
397
+ --sapList_BorderWidth: .0625rem;
398
+ --sapList_Active_Background: #020303;
399
+ --sapList_SelectionBackgroundColor: #1d2d3e;
400
+ --sapList_SelectionBorderColor: #4db1ff;
401
+ --sapList_Hover_SelectionBackground: #223548;
402
+ --sapList_Background: #1d232a;
403
+ --sapList_Hover_Background: #232b33;
404
+ --sapList_AlternatingBackground: #12171c;
405
+ --sapList_GroupHeaderBackground: #1d232a;
406
+ --sapList_GroupHeaderBorderColor: #4b5a6c;
407
+ --sapList_GroupHeaderTextColor: #eaecee;
408
+ --sapList_FooterBackground: #1d232a;
409
+ --sapList_FooterTextColor: #eaecee;
410
+ --sapList_TableGroupHeaderBackground: #0c0f13;
411
+ --sapList_TableGroupHeaderBorderColor: #4b5a6c;
412
+ --sapList_TableGroupHeaderTextColor: #eaecee;
413
+ --sapList_TableFooterBorder: #4b5a6c;
414
+ --sapList_TableFixedBorderColor: #6f829a;
415
+ --sapList_Active_Background: #020303;
416
+ --sapScrollBar_FaceColor: #647891;
417
+ --sapScrollBar_TrackColor: #1d232a;
418
+ --sapScrollBar_BorderColor: #647891;
419
+ --sapScrollBar_SymbolColor: #eaecee;
420
+ --sapScrollBar_Dimension: .75rem;
421
+ --sapScrollBar_Hover_FaceColor: #5c6e85;
422
+ --sapPageHeader_Background: #1d232a;
423
+ --sapPageHeader_BorderColor: #2e3742;
424
+ --sapPageHeader_TextColor: #eaecee;
425
+ --sapPageFooter_Background: #1d232a;
426
+ --sapPageFooter_BorderColor: #2e3742;
427
+ --sapPageFooter_TextColor: #eaecee;
428
+ --sapInfobar_Background: #036573;
429
+ --sapInfobar_Hover_Background: #1d232a;
430
+ --sapInfobar_Active_Background: #1d232a;
431
+ --sapInfobar_NonInteractive_Background: #12171c;
432
+ --sapInfobar_TextColor: #64edd2;
433
+ --sapObjectHeader_Background: #1d232a;
434
+ --sapObjectHeader_BorderColor: #2e3742;
435
+ --sapObjectHeader_Hover_Background: #232b33;
436
+ --sapBlockLayer_Background: #000;
437
+ --sapTile_Background: #1d232a;
438
+ --sapTile_Hover_Background: #1d232a;
439
+ --sapTile_Active_Background: #15191e;
440
+ --sapTile_BorderColor: transparent;
441
+ --sapTile_TitleTextColor: #eaecee;
442
+ --sapTile_TextColor: #8396a8;
443
+ --sapTile_IconColor: #8396a8;
444
+ --sapTile_SeparatorColor: #475566;
445
+ --sapTile_Interactive_BorderColor: #5b6e85;
446
+ --sapTile_OverlayBackground: rgba(29,35,42,0.96);
447
+ --sapTile_OverlayForegroundColor: #eaecee;
448
+ --sapAccentColor1: #ffdf72;
449
+ --sapAccentColor2: #ff8cb2;
450
+ --sapAccentColor3: #fecbda;
451
+ --sapAccentColor4: #ffafed;
452
+ --sapAccentColor5: #d3b6ff;
453
+ --sapAccentColor6: #a6e0ff;
454
+ --sapAccentColor7: #64edd2;
455
+ --sapAccentColor8: #bde986;
456
+ --sapAccentColor9: #b995e0;
457
+ --sapAccentColor10: #d5dadd;
458
+ --sapAccentBackgroundColor1: #ae4000;
459
+ --sapAccentBackgroundColor2: #890506;
460
+ --sapAccentBackgroundColor3: #b40569;
461
+ --sapAccentBackgroundColor4: #8700b8;
462
+ --sapAccentBackgroundColor5: #470cf1;
463
+ --sapAccentBackgroundColor6: #0054cc;
464
+ --sapAccentBackgroundColor7: #036573;
465
+ --sapAccentBackgroundColor8: #236c39;
466
+ --sapAccentBackgroundColor9: #4e247a;
467
+ --sapAccentBackgroundColor10: #45617c;
468
+ --sapLegend_WorkingBackground: #1d232a;
469
+ --sapLegend_NonWorkingBackground: #0c0f12;
470
+ --sapLegend_CurrentDateTime: #ffafed;
471
+ --sapLegendColor1: #ffb300;
472
+ --sapLegendColor2: #f5734b;
473
+ --sapLegendColor3: #feabc8;
474
+ --sapLegendColor4: #db7070;
475
+ --sapLegendColor5: #ff8af0;
476
+ --sapLegendColor6: #89d1ff;
477
+ --sapLegendColor7: #2ce0bf;
478
+ --sapLegendColor8: #97dd40;
479
+ --sapLegendColor9: #a9b4be;
480
+ --sapLegendColor10: #aa7dd9;
481
+ --sapLegendColor11: #f58b00;
482
+ --sapLegendColor12: #fbbfac;
483
+ --sapLegendColor13: #ffa1a1;
484
+ --sapLegendColor14: #ff9e74;
485
+ --sapLegendColor15: #af9cc3;
486
+ --sapLegendColor16: #aabce3;
487
+ --sapLegendColor17: #dafdf5;
488
+ --sapLegendColor18: #d5f1b1;
489
+ --sapLegendColor19: #d1efff;
490
+ --sapLegendColor20: #e2d8ff;
491
+ --sapLegendBackgroundColor1: #382700;
492
+ --sapLegendBackgroundColor2: #501605;
493
+ --sapLegendBackgroundColor3: #510136;
494
+ --sapLegendBackgroundColor4: #411c1c;
495
+ --sapLegendBackgroundColor5: #28004a;
496
+ --sapLegendBackgroundColor6: #00144a;
497
+ --sapLegendBackgroundColor7: #012931;
498
+ --sapLegendBackgroundColor8: #1f2519;
499
+ --sapLegendBackgroundColor9: #182430;
500
+ --sapLegendBackgroundColor10: #30164b;
501
+ --sapLegendBackgroundColor11: #571400;
502
+ --sapLegendBackgroundColor12: #360c03;
503
+ --sapLegendBackgroundColor13: #3d0000;
504
+ --sapLegendBackgroundColor14: #421502;
505
+ --sapLegendBackgroundColor15: #332640;
506
+ --sapLegendBackgroundColor16: #121d35;
507
+ --sapLegendBackgroundColor17: #013131;
508
+ --sapLegendBackgroundColor18: #1e3009;
509
+ --sapLegendBackgroundColor19: #0a285c;
510
+ --sapLegendBackgroundColor20: #1c0c6e;
511
+ --sapChart_OrderedColor_1: #1b90ff;
512
+ --sapChart_OrderedColor_2: #f26018;
513
+ --sapChart_OrderedColor_3: #179c6f;
514
+ --sapChart_OrderedColor_4: #f62866;
515
+ --sapChart_OrderedColor_5: #863fd5;
516
+ --sapChart_OrderedColor_6: #04a29d;
517
+ --sapChart_OrderedColor_7: #0070f2;
518
+ --sapChart_OrderedColor_8: #cc00dc;
519
+ --sapChart_OrderedColor_9: #8396a8;
520
+ --sapChart_OrderedColor_10: #f54747;
521
+ --sapChart_OrderedColor_11: #20578c;
522
+ --sapChart_Bad: #f53232;
523
+ --sapChart_Critical: #e76500;
524
+ --sapChart_Good: #30914c;
525
+ --sapChart_Neutral: #788fa6;
526
+ --sapChart_Sequence_1: #1b90ff;
527
+ --sapChart_Sequence_2: #f26018;
528
+ --sapChart_Sequence_3: #179c6f;
529
+ --sapChart_Sequence_4: #f62866;
530
+ --sapChart_Sequence_5: #863fd5;
531
+ --sapChart_Sequence_6: #04a29d;
532
+ --sapChart_Sequence_7: #0070f2;
533
+ --sapChart_Sequence_8: #cc00dc;
534
+ --sapChart_Sequence_9: #8396a8;
535
+ --sapChart_Sequence_10: #f54747;
536
+ --sapChart_Sequence_11: #20578c;
537
+ --sapChart_Sequence_Neutral: #788fa6;
538
+ --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
539
+ --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
540
+ --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
541
+ --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
542
+ --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
543
+ --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
544
+ --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.ttf');
545
+ --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff');
546
+ --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
547
+ --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
548
+ --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
549
+ --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
550
+ --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
551
+ --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
552
+ --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
553
+ --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
554
+ --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
555
+ --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
556
+ --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
557
+ --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
558
+ --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
559
+ --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
560
+ --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
561
+ --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
562
+ --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
563
+ --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
564
+ --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
565
+ --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
566
+ --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
567
+ --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
568
+ --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
569
+ --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
570
+ --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
571
+ --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');
572
+ --sapFontUrl_72Mono_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff');
573
+ --sapFontUrl_72Mono_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff2');
574
+ --sapFontUrl_72Mono_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff');
575
+ --sapFontUrl_72Mono_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff2');
576
+ --sapFontUrl_72Mono_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff');
577
+ }
578
+ .background-image--sapCompanyLogo {
579
+ background-image: var(--sapCompanyLogo);
580
+ }
581
+ .background-image--sapBackgroundImage {
582
+ background-image: var(--sapBackgroundImage);
583
+ }
584
+ .background-image--sapShell_BackgroundImage {
585
+ background-image: var(--sapShell_BackgroundImage);
586
+ }
@@ -0,0 +1 @@
1
+ @import "./css_variables.css";