@ui5/webcomponents-theming 0.0.0-111ecd79a

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 (100) hide show
  1. package/CHANGELOG.md +252 -0
  2. package/README.md +32 -0
  3. package/config/postcss.themes/postcss.config.js +24 -0
  4. package/css-vars-usage.json +419 -0
  5. package/dist/Assets-static.d.ts +1 -0
  6. package/dist/Assets-static.js +3 -0
  7. package/dist/Assets-static.js.map +1 -0
  8. package/dist/Assets.d.ts +1 -0
  9. package/dist/Assets.js +3 -0
  10. package/dist/Assets.js.map +1 -0
  11. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -0
  12. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -0
  13. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -0
  14. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -0
  15. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
  16. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
  17. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
  18. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -0
  19. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  20. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -0
  21. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  22. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  23. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -0
  24. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -0
  25. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -0
  26. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -0
  27. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -0
  28. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -0
  29. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -0
  30. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -0
  31. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  32. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -0
  33. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  34. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  35. package/dist/generated/json-imports/Themes-static.js +41 -0
  36. package/dist/generated/json-imports/Themes.js +30 -0
  37. package/dist/generated/themes/sap_belize/parameters-bundle.css.d.ts +3 -0
  38. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +3 -0
  39. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -0
  40. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.d.ts +3 -0
  41. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +3 -0
  42. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -0
  43. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.d.ts +3 -0
  44. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +3 -0
  45. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -0
  46. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +3 -0
  47. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -0
  48. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  49. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +3 -0
  50. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -0
  51. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  52. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +3 -0
  53. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -0
  54. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  55. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +3 -0
  56. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -0
  57. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  58. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +3 -0
  59. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -0
  60. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  61. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +3 -0
  62. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -0
  63. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  64. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +3 -0
  65. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +3 -0
  66. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -0
  67. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +3 -0
  68. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -0
  69. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  70. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +3 -0
  71. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -0
  72. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  73. package/dist/themes/sap_belize/css_variables.css +822 -0
  74. package/dist/themes/sap_belize/parameters-bundle.css +1 -0
  75. package/dist/themes/sap_belize_hcb/css_variables.css +821 -0
  76. package/dist/themes/sap_belize_hcb/parameters-bundle.css +1 -0
  77. package/dist/themes/sap_belize_hcw/css_variables.css +821 -0
  78. package/dist/themes/sap_belize_hcw/parameters-bundle.css +1 -0
  79. package/dist/themes/sap_fiori_3/css_variables.css +821 -0
  80. package/dist/themes/sap_fiori_3/parameters-bundle.css +1 -0
  81. package/dist/themes/sap_fiori_3_dark/css_variables.css +821 -0
  82. package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
  83. package/dist/themes/sap_fiori_3_hcb/css_variables.css +821 -0
  84. package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
  85. package/dist/themes/sap_fiori_3_hcw/css_variables.css +821 -0
  86. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
  87. package/dist/themes/sap_horizon/css_variables.css +821 -0
  88. package/dist/themes/sap_horizon/parameters-bundle.css +1 -0
  89. package/dist/themes/sap_horizon_dark/css_variables.css +821 -0
  90. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  91. package/dist/themes/sap_horizon_exp/css_variables.css +821 -0
  92. package/dist/themes/sap_horizon_exp/parameters-bundle.css +1 -0
  93. package/dist/themes/sap_horizon_hcb/css_variables.css +821 -0
  94. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  95. package/dist/themes/sap_horizon_hcw/css_variables.css +821 -0
  96. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  97. package/lib/generate-css-vars-usage-report/index.js +32 -0
  98. package/package-scripts.js +34 -0
  99. package/package.json +46 -0
  100. package/tsconfig.json +14 -0
@@ -0,0 +1,821 @@
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.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"}}
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.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
+ :root {
11
+ --sapBrandColor: #0070f2;
12
+ --sapHighlightColor: #0070f2;
13
+ --sapBaseColor: #fff;
14
+ --sapShellColor: #fff;
15
+ --sapBackgroundColor: #f5f6f7;
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
+ --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
+ --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
+ --sapTextColor: #1d2d3e;
33
+ --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
+ --sapCompanyLogo: none;
40
+ --sapBackgroundImage: none;
41
+ --sapBackgroundImageOpacity: 1.0;
42
+ --sapBackgroundImageRepeat: false;
43
+ --sapSelectedColor: #0070f2;
44
+ --sapActiveColor: #dee2e5;
45
+ --sapHighlightTextColor: #fff;
46
+ --sapTitleColor: #1d2d3e;
47
+ --sapNegativeColor: #aa0808;
48
+ --sapCriticalColor: #e76500;
49
+ --sapPositiveColor: #256f3a;
50
+ --sapInformativeColor: #0070f2;
51
+ --sapNeutralColor: #788fa6;
52
+ --sapNegativeElementColor: #f53232;
53
+ --sapCriticalElementColor: #e76500;
54
+ --sapPositiveElementColor: #30914c;
55
+ --sapInformativeElementColor: #0070f2;
56
+ --sapNeutralElementColor: #788fa6;
57
+ --sapNegativeTextColor: #aa0808;
58
+ --sapPositiveTextColor: #256f3a;
59
+ --sapCriticalTextColor: #b95100;
60
+ --sapInformativeTextColor: #0070f2;
61
+ --sapNeutralTextColor: #1d2d3e;
62
+ --sapNeutralBorderColor: #788fa6;
63
+ --sapErrorColor: #aa0808;
64
+ --sapErrorBorderColor: #f53232;
65
+ --sapWarningColor: #e76500;
66
+ --sapWarningBorderColor: #e76500;
67
+ --sapSuccessColor: #256f3a;
68
+ --sapSuccessBorderColor: #30914c;
69
+ --sapInformationColor: #0070f2;
70
+ --sapInformationBorderColor: #0070f2;
71
+ --sapErrorBackground: #ffeaf4;
72
+ --sapWarningBackground: #fff8d6;
73
+ --sapSuccessBackground: #f5fae5;
74
+ --sapInformationBackground: #e1f4ff;
75
+ --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;
124
+ --sapElement_LineHeight: 2.75rem;
125
+ --sapElement_Height: 2.25rem;
126
+ --sapElement_BorderWidth: .0625rem;
127
+ --sapElement_BorderCornerRadius: .75rem;
128
+ --sapElement_Compact_LineHeight: 2rem;
129
+ --sapElement_Compact_Height: 1.625rem;
130
+ --sapElement_Condensed_LineHeight: 1.5rem;
131
+ --sapElement_Condensed_Height: 1.375rem;
132
+ --sapContent_LineHeight: 1.5;
133
+ --sapContent_IconHeight: 1rem;
134
+ --sapContent_IconColor: #1d2d3e;
135
+ --sapContent_ContrastIconColor: #fff;
136
+ --sapContent_NonInteractiveIconColor: #758ca4;
137
+ --sapContent_MarkerIconColor: #5d36ff;
138
+ --sapContent_MarkerTextColor: #046c7a;
139
+ --sapContent_MeasureIndicatorColor: #556b81;
140
+ --sapContent_Selected_MeasureIndicatorColor: #0070f2;
141
+ --sapContent_ImagePlaceholderBackground: #eaecee;
142
+ --sapContent_ImagePlaceholderForegroundColor: #5b738b;
143
+ --sapContent_RatedColor: #d27700;
144
+ --sapContent_UnratedColor: #758ca4;
145
+ --sapContent_BusyColor: #0070f2;
146
+ --sapContent_FocusColor: #0070f2;
147
+ --sapContent_FocusStyle: solid;
148
+ --sapContent_FocusWidth: .125rem;
149
+ --sapContent_ContrastFocusColor: #fff;
150
+ --sapContent_ShadowColor: #556b82;
151
+ --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);
156
+ --sapContent_TextShadow: 0 0 0.125rem #fff;
157
+ --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);
166
+ --sapContent_SearchHighlightColor: #dafdf5;
167
+ --sapContent_HelpColor: #188918;
168
+ --sapContent_LabelColor: #556b82;
169
+ --sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;
170
+ --sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;
171
+ --sapContent_IconFontFamily: "SAP-icons";
172
+ --sapContent_DisabledTextColor: rgba(29,45,62,0.6);
173
+ --sapContent_DisabledOpacity: 0.4;
174
+ --sapContent_ContrastTextThreshold: 0.65;
175
+ --sapContent_ContrastTextColor: #fff;
176
+ --sapContent_ForegroundColor: #efefef;
177
+ --sapContent_ForegroundBorderColor: #758ca4;
178
+ --sapContent_ForegroundTextColor: #1d2d3e;
179
+ --sapContent_BadgeBackground: #aa0808;
180
+ --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;
184
+ --sapContent_Selected_Background: #fff;
185
+ --sapContent_Selected_TextColor: #0070f2;
186
+ --sapContent_Selected_Hover_Background: #fff;
187
+ --sapContent_Selected_ForegroundColor: #0070f2;
188
+ --sapContent_ForcedColorAdjust: none;
189
+ --sapContent_Illustrative_Color1: #5d36ff;
190
+ --sapContent_Illustrative_Color2: #0070f2;
191
+ --sapContent_Illustrative_Color3: #f58b00;
192
+ --sapContent_Illustrative_Color4: #00144a;
193
+ --sapContent_Illustrative_Color5: #a9b4be;
194
+ --sapContent_Illustrative_Color6: #d5dadd;
195
+ --sapContent_Illustrative_Color7: #ebf8ff;
196
+ --sapContent_Illustrative_Color8: #fff;
197
+ --sapContent_Illustrative_Color9: #64edd2;
198
+ --sapContent_Illustrative_Color10: #ebf8ff;
199
+ --sapContent_Illustrative_Color11: #f31ded;
200
+ --sapContent_Illustrative_Color12: #00a800;
201
+ --sapContent_Illustrative_Color13: #005dc9;
202
+ --sapContent_Illustrative_Color14: #004da5;
203
+ --sapContent_Illustrative_Color15: #cc7400;
204
+ --sapContent_Illustrative_Color16: #3b0ac6;
205
+ --sapContent_Illustrative_Color17: #00a58a;
206
+ --sapContent_Illustrative_Color18: #d1efff;
207
+ --sapContent_Illustrative_Color19: #b8e6ff;
208
+ --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);
212
+ --sapShell_BackgroundImageOpacity: 1.0;
213
+ --sapShell_BackgroundImageRepeat: false;
214
+ --sapShell_BorderColor: #fff;
215
+ --sapShell_TextColor: #1d2d3e;
216
+ --sapShell_InteractiveBackground: #eff1f2;
217
+ --sapShell_InteractiveTextColor: #1d2d3e;
218
+ --sapShell_InteractiveBorderColor: #556b81;
219
+ --sapShell_GroupTitleTextColor: #1d2d3e;
220
+ --sapShell_GroupTitleTextShadow: 0 0 .125rem #fff;
221
+ --sapShell_Hover_Background: #fff;
222
+ --sapShell_Active_Background: #fff;
223
+ --sapShell_Active_TextColor: #0070f2;
224
+ --sapShell_Selected_Background: #fff;
225
+ --sapShell_Selected_TextColor: #0070f2;
226
+ --sapShell_Selected_Hover_Background: #fff;
227
+ --sapShell_Favicon: none;
228
+ --sapShell_Navigation_Background: #fff;
229
+ --sapShell_Navigation_SelectedColor: #0070f2;
230
+ --sapShell_Navigation_Selected_TextColor: #0070f2;
231
+ --sapShell_Navigation_TextColor: #1d2d3e;
232
+ --sapShell_Navigation_Hover_Background: #fff;
233
+ --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);
236
+ --sapShell_NegativeColor: #aa0808;
237
+ --sapShell_CriticalColor: #b95100;
238
+ --sapShell_PositiveColor: #256f3a;
239
+ --sapShell_InformativeColor: #0070f2;
240
+ --sapShell_NeutralColor: #1d2d3e;
241
+ --sapShell_Category_1_Background: #0057d2;
242
+ --sapShell_Category_1_BorderColor: #0057d2;
243
+ --sapShell_Category_1_TextColor: #fff;
244
+ --sapShell_Category_1_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
245
+ --sapShell_Category_2_Background: #df1278;
246
+ --sapShell_Category_2_BorderColor: #df1278;
247
+ --sapShell_Category_2_TextColor: #fff;
248
+ --sapShell_Category_2_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
249
+ --sapShell_Category_3_Background: #e76500;
250
+ --sapShell_Category_3_BorderColor: #e76500;
251
+ --sapShell_Category_3_TextColor: #fff;
252
+ --sapShell_Category_3_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
253
+ --sapShell_Category_4_Background: #7800a4;
254
+ --sapShell_Category_4_BorderColor: #7800a4;
255
+ --sapShell_Category_4_TextColor: #fff;
256
+ --sapShell_Category_4_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
257
+ --sapShell_Category_5_Background: #aa2608;
258
+ --sapShell_Category_5_BorderColor: #aa2608;
259
+ --sapShell_Category_5_TextColor: #fff;
260
+ --sapShell_Category_5_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
261
+ --sapShell_Category_6_Background: #07838f;
262
+ --sapShell_Category_6_BorderColor: #07838f;
263
+ --sapShell_Category_6_TextColor: #fff;
264
+ --sapShell_Category_6_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
265
+ --sapShell_Category_7_Background: #f31ded;
266
+ --sapShell_Category_7_BorderColor: #f31ded;
267
+ --sapShell_Category_7_TextColor: #fff;
268
+ --sapShell_Category_7_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
269
+ --sapShell_Category_8_Background: #188918;
270
+ --sapShell_Category_8_BorderColor: #188918;
271
+ --sapShell_Category_8_TextColor: #fff;
272
+ --sapShell_Category_8_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
273
+ --sapShell_Category_9_Background: #002a86;
274
+ --sapShell_Category_9_BorderColor: #002a86;
275
+ --sapShell_Category_9_TextColor: #fff;
276
+ --sapShell_Category_9_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
277
+ --sapShell_Category_10_Background: #5b738b;
278
+ --sapShell_Category_10_BorderColor: #5b738b;
279
+ --sapShell_Category_10_TextColor: #fff;
280
+ --sapShell_Category_10_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
281
+ --sapShell_Category_11_Background: #d20a0a;
282
+ --sapShell_Category_11_BorderColor: #d20a0a;
283
+ --sapShell_Category_11_TextColor: #fff;
284
+ --sapShell_Category_11_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
285
+ --sapShell_Category_12_Background: #7858ff;
286
+ --sapShell_Category_12_BorderColor: #7858ff;
287
+ --sapShell_Category_12_TextColor: #fff;
288
+ --sapShell_Category_12_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
289
+ --sapShell_Category_13_Background: #a00875;
290
+ --sapShell_Category_13_BorderColor: #a00875;
291
+ --sapShell_Category_13_TextColor: #fff;
292
+ --sapShell_Category_13_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
293
+ --sapShell_Category_14_Background: #14565b;
294
+ --sapShell_Category_14_BorderColor: #14565b;
295
+ --sapShell_Category_14_TextColor: #fff;
296
+ --sapShell_Category_14_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
297
+ --sapShell_Category_15_Background: #223548;
298
+ --sapShell_Category_15_BorderColor: #223548;
299
+ --sapShell_Category_15_TextColor: #fff;
300
+ --sapShell_Category_15_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
301
+ --sapShell_Category_16_Background: #1e592f;
302
+ --sapShell_Category_16_BorderColor: #1e592f;
303
+ --sapShell_Category_16_TextColor: #fff;
304
+ --sapShell_Category_16_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
305
+ --sapAvatar_1_Background: #fff3b8;
306
+ --sapAvatar_1_BorderColor: #fff3b8;
307
+ --sapAvatar_1_TextColor: #a45d00;
308
+ --sapAvatar_2_Background: #ffd0e7;
309
+ --sapAvatar_2_BorderColor: #ffd0e7;
310
+ --sapAvatar_2_TextColor: #aa0808;
311
+ --sapAvatar_3_Background: #ffdbe7;
312
+ --sapAvatar_3_BorderColor: #ffdbe7;
313
+ --sapAvatar_3_TextColor: #ba066c;
314
+ --sapAvatar_4_Background: #ffdcf3;
315
+ --sapAvatar_4_BorderColor: #ffdcf3;
316
+ --sapAvatar_4_TextColor: #a100c2;
317
+ --sapAvatar_5_Background: #ded3ff;
318
+ --sapAvatar_5_BorderColor: #ded3ff;
319
+ --sapAvatar_5_TextColor: #552cff;
320
+ --sapAvatar_6_Background: #d1efff;
321
+ --sapAvatar_6_BorderColor: #d1efff;
322
+ --sapAvatar_6_TextColor: #0057d2;
323
+ --sapAvatar_7_Background: #c2fcee;
324
+ --sapAvatar_7_BorderColor: #c2fcee;
325
+ --sapAvatar_7_TextColor: #046c7a;
326
+ --sapAvatar_8_Background: #ebf5cb;
327
+ --sapAvatar_8_BorderColor: #ebf5cb;
328
+ --sapAvatar_8_TextColor: #256f3a;
329
+ --sapAvatar_9_Background: #ddccf0;
330
+ --sapAvatar_9_BorderColor: #ddccf0;
331
+ --sapAvatar_9_TextColor: #6c32a9;
332
+ --sapAvatar_10_Background: #eaecee;
333
+ --sapAvatar_10_BorderColor: #eaecee;
334
+ --sapAvatar_10_TextColor: #556b82;
335
+ --sapButton_BorderWidth: .0625rem;
336
+ --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;
344
+ --sapButton_Active_Background: #fff;
345
+ --sapButton_Active_BorderColor: #0070f2;
346
+ --sapButton_Active_TextColor: #0070f2;
347
+ --sapButton_Emphasized_Background: #0070f2;
348
+ --sapButton_Emphasized_BorderColor: #0070f2;
349
+ --sapButton_Emphasized_TextColor: #fff;
350
+ --sapButton_Emphasized_Hover_Background: #0064d9;
351
+ --sapButton_Emphasized_Hover_BorderColor: #0064d9;
352
+ --sapButton_Emphasized_Hover_TextColor: #fff;
353
+ --sapButton_Emphasized_Active_Background: #fff;
354
+ --sapButton_Emphasized_Active_BorderColor: #0070f2;
355
+ --sapButton_Emphasized_Active_TextColor: #0070f2;
356
+ --sapButton_Emphasized_TextShadow: transparent;
357
+ --sapButton_Emphasized_FontWeight: bold;
358
+ --sapButton_Reject_Background: #ffd6e9;
359
+ --sapButton_Reject_BorderColor: #ffd6e9;
360
+ --sapButton_Reject_Hover_Background: #fff;
361
+ --sapButton_Reject_Hover_BorderColor: #fff;
362
+ --sapButton_Reject_Hover_TextColor: #aa0808;
363
+ --sapButton_Reject_Active_Background: #fff;
364
+ --sapButton_Reject_Active_BorderColor: #f53232;
365
+ --sapButton_Reject_Active_TextColor: #aa0808;
366
+ --sapButton_Reject_TextColor: #aa0808;
367
+ --sapButton_Reject_Selected_Background: #fff;
368
+ --sapButton_Reject_Selected_BorderColor: #f53232;
369
+ --sapButton_Reject_Selected_TextColor: #aa0808;
370
+ --sapButton_Reject_Selected_Hover_Background: #fff;
371
+ --sapButton_Reject_Selected_Hover_BorderColor: #f53232;
372
+ --sapButton_Accept_Background: #ebf5cb;
373
+ --sapButton_Accept_BorderColor: #ebf5cb;
374
+ --sapButton_Accept_Hover_Background: #fff;
375
+ --sapButton_Accept_Hover_BorderColor: #fff;
376
+ --sapButton_Accept_Hover_TextColor: #256f3a;
377
+ --sapButton_Accept_Active_Background: #fff;
378
+ --sapButton_Accept_Active_BorderColor: #30914c;
379
+ --sapButton_Accept_Active_TextColor: #256f3a;
380
+ --sapButton_Accept_TextColor: #256f3a;
381
+ --sapButton_Accept_Selected_Background: #fff;
382
+ --sapButton_Accept_Selected_BorderColor: #30914c;
383
+ --sapButton_Accept_Selected_TextColor: #256f3a;
384
+ --sapButton_Accept_Selected_Hover_Background: #fff;
385
+ --sapButton_Accept_Selected_Hover_BorderColor: #30914c;
386
+ --sapButton_Lite_Background: transparent;
387
+ --sapButton_Lite_BorderColor: transparent;
388
+ --sapButton_Lite_TextColor: #0064d9;
389
+ --sapButton_Lite_Hover_Background: #fff;
390
+ --sapButton_Lite_Hover_BorderColor: #fff;
391
+ --sapButton_Lite_Hover_TextColor: #0064d9;
392
+ --sapButton_Lite_Active_Background: #fff;
393
+ --sapButton_Lite_Active_BorderColor: #0070f2;
394
+ --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;
399
+ --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;
405
+ --sapButton_Attention_Active_Background: #fff;
406
+ --sapButton_Attention_Active_BorderColor: #ff8d34;
407
+ --sapButton_Attention_Active_TextColor: #b95100;
408
+ --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;
413
+ --sapButton_Negative_Background: #f53232;
414
+ --sapButton_Negative_BorderColor: #f53232;
415
+ --sapButton_Negative_TextColor: #fff;
416
+ --sapButton_Negative_Hover_Background: #e90b0b;
417
+ --sapButton_Negative_Hover_BorderColor: #e90b0b;
418
+ --sapButton_Negative_Hover_TextColor: #fff;
419
+ --sapButton_Negative_Active_Background: #d50a0a;
420
+ --sapButton_Negative_Active_BorderColor: #d50a0a;
421
+ --sapButton_Negative_Active_TextColor: #fff;
422
+ --sapButton_Critical_Background: #e76500;
423
+ --sapButton_Critical_BorderColor: #e76500;
424
+ --sapButton_Critical_TextColor: #fff;
425
+ --sapButton_Critical_Hover_Background: #dd6100;
426
+ --sapButton_Critical_Hover_BorderColor: #dd6100;
427
+ --sapButton_Critical_Hover_TextColor: #fff;
428
+ --sapButton_Critical_Active_Background: #d35c00;
429
+ --sapButton_Critical_Active_BorderColor: #d35c00;
430
+ --sapButton_Critical_Active_TextColor: #fff;
431
+ --sapButton_Success_Background: #30914c;
432
+ --sapButton_Success_BorderColor: #30914c;
433
+ --sapButton_Success_TextColor: #fff;
434
+ --sapButton_Success_Hover_Background: #2c8646;
435
+ --sapButton_Success_Hover_BorderColor: #2c8646;
436
+ --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;
458
+ --sapButton_Track_Background: #788fa6;
459
+ --sapButton_Track_BorderColor: #788fa6;
460
+ --sapButton_Track_TextColor: #fff;
461
+ --sapButton_Track_Hover_Background: #637d97;
462
+ --sapButton_Track_Hover_BorderColor: #637d97;
463
+ --sapButton_Track_Selected_Background: #0070f2;
464
+ --sapButton_Track_Selected_BorderColor: #0070f2;
465
+ --sapButton_Track_Selected_TextColor: #fff;
466
+ --sapButton_Track_Selected_Hover_Background: #0064d9;
467
+ --sapButton_Track_Selected_Hover_BorderColor: #0064d9;
468
+ --sapButton_Handle_Background: #fff;
469
+ --sapButton_Handle_BorderColor: #fff;
470
+ --sapButton_Handle_TextColor: #1d2d3e;
471
+ --sapButton_Handle_Hover_Background: #fff;
472
+ --sapButton_Handle_Hover_BorderColor: rgba(255,255,255,0.5);
473
+ --sapButton_Handle_Selected_Background: #fff;
474
+ --sapButton_Handle_Selected_BorderColor: #fff;
475
+ --sapButton_Handle_Selected_TextColor: #0070f2;
476
+ --sapButton_Handle_Selected_Hover_Background: #fff;
477
+ --sapButton_Handle_Selected_Hover_BorderColor: rgba(255,255,255,0.5);
478
+ --sapButton_Track_Negative_Background: #f53232;
479
+ --sapButton_Track_Negative_BorderColor: #f53232;
480
+ --sapButton_Track_Negative_TextColor: #fff;
481
+ --sapButton_Track_Negative_Hover_Background: #e90b0b;
482
+ --sapButton_Track_Negative_Hover_BorderColor: #e90b0b;
483
+ --sapButton_Handle_Negative_Background: #fff;
484
+ --sapButton_Handle_Negative_BorderColor: #fff;
485
+ --sapButton_Handle_Negative_TextColor: #aa0808;
486
+ --sapButton_Handle_Negative_Hover_Background: #fff;
487
+ --sapButton_Handle_Negative_Hover_BorderColor: rgba(255,255,255,0.5);
488
+ --sapButton_Track_Positive_Background: #30914c;
489
+ --sapButton_Track_Positive_BorderColor: #30914c;
490
+ --sapButton_Track_Positive_TextColor: #fff;
491
+ --sapButton_Track_Positive_Hover_Background: #2c8646;
492
+ --sapButton_Track_Positive_Hover_BorderColor: #2c8646;
493
+ --sapButton_Handle_Positive_Background: #fff;
494
+ --sapButton_Handle_Positive_BorderColor: #fff;
495
+ --sapButton_Handle_Positive_TextColor: #256f3a;
496
+ --sapButton_Handle_Positive_Hover_Background: #fff;
497
+ --sapButton_Handle_Positive_Hover_BorderColor: rgba(255,255,255,0.5);
498
+ --sapButton_TokenBackground: #fff;
499
+ --sapButton_TokenBorderColor: #758ca4;
500
+ --sapField_Background: #eff1f2;
501
+ --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
502
+ --sapField_TextColor: #131e29;
503
+ --sapField_PlaceholderTextColor: #556b82;
504
+ --sapField_BorderColor: #556b81;
505
+ --sapField_HelpBackground: #eff1f2;
506
+ --sapField_BorderWidth: .0625rem;
507
+ --sapField_BorderStyle: none;
508
+ --sapField_BorderCornerRadius: .25rem;
509
+ --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;
512
+ --sapField_Hover_HelpBackground: #fff;
513
+ --sapField_Active_BorderColor: #0070f2;
514
+ --sapField_Focus_Background: #fff;
515
+ --sapField_Focus_BorderColor: #0070f2;
516
+ --sapField_Focus_HelpBackground: #fff;
517
+ --sapField_ReadOnly_Background: transparent;
518
+ --sapField_ReadOnly_BackgroundStyle: 0 100% / 0.375rem .0625rem repeat-x linear-gradient(90deg, #556b81 0, #556b81 0.25rem, transparent 0.25rem) border-box;
519
+ --sapField_ReadOnly_BorderColor: #556b81;
520
+ --sapField_ReadOnly_BorderStyle: none;
521
+ --sapField_ReadOnly_HelpBackground: transparent;
522
+ --sapField_RequiredColor: #ba066c;
523
+ --sapField_InvalidColor: #f53232;
524
+ --sapField_InvalidBackground: #ffeaf4;
525
+ --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f53232, #f53232) border-box;
526
+ --sapField_InvalidBorderWidth: .125rem;
527
+ --sapField_InvalidBorderStyle: none;
528
+ --sapField_WarningColor: #e76500;
529
+ --sapField_WarningBackground: #fff8d6;
530
+ --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e76500, #e76500) border-box;
531
+ --sapField_WarningBorderWidth: .125rem;
532
+ --sapField_WarningBorderStyle: none;
533
+ --sapField_SuccessColor: #30914c;
534
+ --sapField_SuccessBackground: #f5fae5;
535
+ --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
536
+ --sapField_SuccessBorderWidth: .0625rem;
537
+ --sapField_SuccessBorderStyle: none;
538
+ --sapField_InformationColor: #0070f2;
539
+ --sapField_InformationBackground: #e1f4ff;
540
+ --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
541
+ --sapField_InformationBorderWidth: .125rem;
542
+ --sapField_InformationBorderStyle: none;
543
+ --sapGroup_TitleBackground: #fff;
544
+ --sapGroup_TitleBorderColor: #a8b2bd;
545
+ --sapGroup_TitleTextColor: #1d2d3e;
546
+ --sapGroup_Title_FontSize: 1rem;
547
+ --sapGroup_ContentBackground: #fff;
548
+ --sapGroup_ContentBorderColor: #d9d9d9;
549
+ --sapGroup_BorderWidth: .0625rem;
550
+ --sapGroup_BorderCornerRadius: .5rem;
551
+ --sapGroup_FooterBackground: transparent;
552
+ --sapPopover_BorderCornerRadius: .5rem;
553
+ --sapToolbar_Background: #fff;
554
+ --sapToolbar_SeparatorColor: #d9d9d9;
555
+ --sapList_HeaderBackground: #fff;
556
+ --sapList_HeaderBorderColor: #a8b2bd;
557
+ --sapList_HeaderTextColor: #1d2d3e;
558
+ --sapList_BorderColor: #e5e5e5;
559
+ --sapList_TextColor: #1d2d3e;
560
+ --sapList_Active_TextColor: #1d2d3e;
561
+ --sapList_BorderWidth: .0625rem;
562
+ --sapList_Active_Background: #dee2e5;
563
+ --sapList_SelectionBackgroundColor: #ebf8ff;
564
+ --sapList_SelectionBorderColor: #0070f2;
565
+ --sapList_Hover_SelectionBackground: #dcf3ff;
566
+ --sapList_Background: #fff;
567
+ --sapList_Hover_Background: #eaecee;
568
+ --sapList_AlternatingBackground: #f5f6f7;
569
+ --sapList_GroupHeaderBackground: #fff;
570
+ --sapList_GroupHeaderBorderColor: #a8b2bd;
571
+ --sapList_GroupHeaderTextColor: #1d2d3e;
572
+ --sapList_FooterBackground: #fff;
573
+ --sapList_FooterTextColor: #1d2d3e;
574
+ --sapList_TableGroupHeaderBackground: #eff1f2;
575
+ --sapList_TableGroupHeaderBorderColor: #a8b2bd;
576
+ --sapList_TableGroupHeaderTextColor: #1d2d3e;
577
+ --sapList_TableFooterBorder: #a8b2bd;
578
+ --sapList_TableFixedBorderColor: #8c8c8c;
579
+ --sapMessage_ErrorBorderColor: #ff8ec4;
580
+ --sapMessage_WarningBorderColor: #ffe770;
581
+ --sapMessage_SuccessBorderColor: #cee67e;
582
+ --sapMessage_InformationBorderColor: #7bcfff;
583
+ --sapProgress_Background: #d5dadd;
584
+ --sapProgress_BorderColor: #d5dadd;
585
+ --sapProgress_TextColor: #1d2d3e;
586
+ --sapProgress_FontSize: .875rem;
587
+ --sapProgress_NegativeBackground: #ffdbec;
588
+ --sapProgress_NegativeBorderColor: #ffdbec;
589
+ --sapProgress_NegativeTextColor: #1d2d3e;
590
+ --sapProgress_CriticalBackground: #fff4bd;
591
+ --sapProgress_CriticalBorderColor: #fff4bd;
592
+ --sapProgress_CriticalTextColor: #1d2d3e;
593
+ --sapProgress_PositiveBackground: #e5f2ba;
594
+ --sapProgress_PositiveBorderColor: #e5f2ba;
595
+ --sapProgress_PositiveTextColor: #1d2d3e;
596
+ --sapProgress_InformationBackground: #cdedff;
597
+ --sapProgress_InformationBorderColor: #cdedff;
598
+ --sapProgress_InformationTextColor: #1d2d3e;
599
+ --sapProgress_Value_Background: #788fa6;
600
+ --sapProgress_Value_BorderColor: #d5dadd;
601
+ --sapProgress_Value_TextColor: #788fa6;
602
+ --sapProgress_Value_NegativeBackground: #f53232;
603
+ --sapProgress_Value_NegativeBorderColor: #f53232;
604
+ --sapProgress_Value_NegativeTextColor: #f53232;
605
+ --sapProgress_Value_CriticalBackground: #e76500;
606
+ --sapProgress_Value_CriticalBorderColor: #e76500;
607
+ --sapProgress_Value_CriticalTextColor: #e76500;
608
+ --sapProgress_Value_PositiveBackground: #30914c;
609
+ --sapProgress_Value_PositiveBorderColor: #30914c;
610
+ --sapProgress_Value_PositiveTextColor: #30914c;
611
+ --sapProgress_Value_InformationBackground: #0070f2;
612
+ --sapProgress_Value_InformationBorderColor: #0070f2;
613
+ --sapProgress_Value_InformationTextColor: #0070f2;
614
+ --sapScrollBar_FaceColor: #7b91a8;
615
+ --sapScrollBar_TrackColor: #fff;
616
+ --sapScrollBar_BorderColor: #7b91a8;
617
+ --sapScrollBar_SymbolColor: #1d2d3e;
618
+ --sapScrollBar_Dimension: .75rem;
619
+ --sapScrollBar_Hover_FaceColor: #6f87a0;
620
+ --sapSlider_Background: #d5dadd;
621
+ --sapSlider_BorderColor: #d5dadd;
622
+ --sapSlider_Selected_Background: #0070f2;
623
+ --sapSlider_Selected_BorderColor: #0070f2;
624
+ --sapSlider_HandleBackground: #fff;
625
+ --sapSlider_HandleBorderColor: #fff;
626
+ --sapSlider_RangeHandleBackground: #fff;
627
+ --sapSlider_Hover_HandleBackground: #fff;
628
+ --sapSlider_Hover_HandleBorderColor: #0070f2;
629
+ --sapSlider_Hover_RangeHandleBackground: transparent;
630
+ --sapSlider_Active_HandleBackground: #fff;
631
+ --sapSlider_Active_HandleBorderColor: #fff;
632
+ --sapSlider_Active_RangeHandleBackground: transparent;
633
+ --sapPageHeader_Background: #fff;
634
+ --sapPageHeader_BorderColor: #d9d9d9;
635
+ --sapPageHeader_TextColor: #1d2d3e;
636
+ --sapPageFooter_Background: #fff;
637
+ --sapPageFooter_BorderColor: #d9d9d9;
638
+ --sapPageFooter_TextColor: #1d2d3e;
639
+ --sapInfobar_Background: #c2fcee;
640
+ --sapInfobar_Hover_Background: #fff;
641
+ --sapInfobar_Active_Background: #fff;
642
+ --sapInfobar_NonInteractive_Background: #f5f6f7;
643
+ --sapInfobar_TextColor: #046c7a;
644
+ --sapObjectHeader_Background: #fff;
645
+ --sapObjectHeader_BorderColor: #d9d9d9;
646
+ --sapObjectHeader_Hover_Background: #eaecee;
647
+ --sapObjectHeader_Title_TextColor: #1d2d3e;
648
+ --sapObjectHeader_Title_FontSize: 2rem;
649
+ --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
650
+ --sapObjectHeader_Title_FontFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
651
+ --sapObjectHeader_Subtitle_TextColor: #556b82;
652
+ --sapBlockLayer_Background: #000;
653
+ --sapTile_Background: #fff;
654
+ --sapTile_Hover_Background: #fff;
655
+ --sapTile_Active_Background: #f5f5f5;
656
+ --sapTile_BorderColor: transparent;
657
+ --sapTile_BorderCornerRadius: 1rem;
658
+ --sapTile_TitleTextColor: #1d2d3e;
659
+ --sapTile_TextColor: #556b82;
660
+ --sapTile_IconColor: #556b82;
661
+ --sapTile_SeparatorColor: #ccc;
662
+ --sapTile_Interactive_BorderColor: #b3b3b3;
663
+ --sapTile_OverlayBackground: rgba(255,255,255,0.96);
664
+ --sapTile_OverlayForegroundColor: #1d2d3e;
665
+ --sapAccentColor1: #d27700;
666
+ --sapAccentColor2: #aa0808;
667
+ --sapAccentColor3: #ba066c;
668
+ --sapAccentColor4: #a100c2;
669
+ --sapAccentColor5: #5d36ff;
670
+ --sapAccentColor6: #0057d2;
671
+ --sapAccentColor7: #046c7a;
672
+ --sapAccentColor8: #256f3a;
673
+ --sapAccentColor9: #6c32a9;
674
+ --sapAccentColor10: #5b738b;
675
+ --sapAccentBackgroundColor1: #fff3b8;
676
+ --sapAccentBackgroundColor2: #ffd0e7;
677
+ --sapAccentBackgroundColor3: #ffdbe7;
678
+ --sapAccentBackgroundColor4: #ffdcf3;
679
+ --sapAccentBackgroundColor5: #ded3ff;
680
+ --sapAccentBackgroundColor6: #d1efff;
681
+ --sapAccentBackgroundColor7: #c2fcee;
682
+ --sapAccentBackgroundColor8: #ebf5cb;
683
+ --sapAccentBackgroundColor9: #ddccf0;
684
+ --sapAccentBackgroundColor10: #eaecee;
685
+ --sapLegend_WorkingBackground: #fff;
686
+ --sapLegend_NonWorkingBackground: #ebebeb;
687
+ --sapLegend_CurrentDateTime: #a100c2;
688
+ --sapLegendColor1: #c35500;
689
+ --sapLegendColor2: #d23a0a;
690
+ --sapLegendColor3: #df1278;
691
+ --sapLegendColor4: #840606;
692
+ --sapLegendColor5: #cc00dc;
693
+ --sapLegendColor6: #0057d2;
694
+ --sapLegendColor7: #07838f;
695
+ --sapLegendColor8: #188918;
696
+ --sapLegendColor9: #5b738b;
697
+ --sapLegendColor10: #7800a4;
698
+ --sapLegendColor11: #a93e00;
699
+ --sapLegendColor12: #aa2608;
700
+ --sapLegendColor13: #ba066c;
701
+ --sapLegendColor14: #8d2a00;
702
+ --sapLegendColor15: #4e247a;
703
+ --sapLegendColor16: #002a86;
704
+ --sapLegendColor17: #035663;
705
+ --sapLegendColor18: #1e592f;
706
+ --sapLegendColor19: #1a4796;
707
+ --sapLegendColor20: #470ced;
708
+ --sapLegendBackgroundColor1: #ffef9f;
709
+ --sapLegendBackgroundColor2: #feeae1;
710
+ --sapLegendBackgroundColor3: #fbf6f8;
711
+ --sapLegendBackgroundColor4: #fbebeb;
712
+ --sapLegendBackgroundColor5: #ffe5fe;
713
+ --sapLegendBackgroundColor6: #d1efff;
714
+ --sapLegendBackgroundColor7: #c2fcee;
715
+ --sapLegendBackgroundColor8: #f5fae5;
716
+ --sapLegendBackgroundColor9: #f5f6f7;
717
+ --sapLegendBackgroundColor10: #fff0fa;
718
+ --sapLegendBackgroundColor11: #fff8d6;
719
+ --sapLegendBackgroundColor12: #fff6f6;
720
+ --sapLegendBackgroundColor13: #f7ebef;
721
+ --sapLegendBackgroundColor14: #f1ecd5;
722
+ --sapLegendBackgroundColor15: #f0e7f8;
723
+ --sapLegendBackgroundColor16: #ebf8ff;
724
+ --sapLegendBackgroundColor17: #dafdf5;
725
+ --sapLegendBackgroundColor18: #ebf5cb;
726
+ --sapLegendBackgroundColor19: #fafdff;
727
+ --sapLegendBackgroundColor20: #eceeff;
728
+ --sapChart_OrderedColor_1: #1b90ff;
729
+ --sapChart_OrderedColor_2: #f26018;
730
+ --sapChart_OrderedColor_3: #179c6f;
731
+ --sapChart_OrderedColor_4: #f62866;
732
+ --sapChart_OrderedColor_5: #863fd5;
733
+ --sapChart_OrderedColor_6: #04a29d;
734
+ --sapChart_OrderedColor_7: #0070f2;
735
+ --sapChart_OrderedColor_8: #cc00dc;
736
+ --sapChart_OrderedColor_9: #8396a8;
737
+ --sapChart_OrderedColor_10: #f54747;
738
+ --sapChart_OrderedColor_11: #20578c;
739
+ --sapChart_Bad: #f53232;
740
+ --sapChart_Critical: #e76500;
741
+ --sapChart_Good: #30914c;
742
+ --sapChart_Neutral: #788fa6;
743
+ --sapChart_Sequence_1: #1b90ff;
744
+ --sapChart_Sequence_2: #f26018;
745
+ --sapChart_Sequence_3: #179c6f;
746
+ --sapChart_Sequence_4: #f62866;
747
+ --sapChart_Sequence_5: #863fd5;
748
+ --sapChart_Sequence_6: #04a29d;
749
+ --sapChart_Sequence_7: #0070f2;
750
+ --sapChart_Sequence_8: #cc00dc;
751
+ --sapChart_Sequence_9: #8396a8;
752
+ --sapChart_Sequence_10: #f54747;
753
+ --sapChart_Sequence_11: #20578c;
754
+ --sapChart_Sequence_Neutral: #788fa6;
755
+ --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
756
+ --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
757
+ --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');
761
+ --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.ttf');
762
+ --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff');
763
+ --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff2');
764
+ --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
765
+ --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
766
+ --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
767
+ --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
768
+ --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
769
+ --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
770
+ --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
771
+ --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
772
+ --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
773
+ --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
774
+ --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
775
+ --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
776
+ --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
777
+ --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
778
+ --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
779
+ --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
780
+ --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
781
+ --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
782
+ --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
783
+ --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
784
+ --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
785
+ --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
786
+ --sapFontUrl_72_Black_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff2');
787
+ --sapFontUrl_72_Black_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff');
788
+ --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
789
+ --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
790
+ --sapFontUrl_72_BoldItalic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff2');
791
+ --sapFontUrl_72_BoldItalic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff');
792
+ --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
793
+ --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
794
+ --sapFontUrl_72_Condensed_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff2');
795
+ --sapFontUrl_72_Condensed_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff');
796
+ --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
797
+ --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
798
+ --sapFontUrl_72_CondensedBold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff2');
799
+ --sapFontUrl_72_CondensedBold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff');
800
+ --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
801
+ --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
802
+ --sapFontUrl_72_Italic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff2');
803
+ --sapFontUrl_72_Italic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff');
804
+ --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
805
+ --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
806
+ --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');
807
+ --sapFontUrl_72Mono_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff');
808
+ --sapFontUrl_72Mono_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff2');
809
+ --sapFontUrl_72Mono_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff');
810
+ --sapFontUrl_72Mono_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff2');
811
+ --sapFontUrl_72Mono_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff');
812
+ }
813
+ .background-image--sapCompanyLogo {
814
+ background-image: var(--sapCompanyLogo);
815
+ }
816
+ .background-image--sapBackgroundImage {
817
+ background-image: var(--sapBackgroundImage);
818
+ }
819
+ .background-image--sapShell_BackgroundImage {
820
+ background-image: var(--sapShell_BackgroundImage);
821
+ }