@ui5/webcomponents-theming 0.0.0-1e08ebdef → 0.0.0-235d4ecde

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 (114) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +512 -0
  3. package/README.md +5 -6
  4. package/config/postcss.themes/{postcss.config.js → postcss.config.cjs} +3 -3
  5. package/css-vars-usage.json +164 -53
  6. package/dist/Assets-static.d.ts +1 -0
  7. package/dist/Assets-static.js +1 -0
  8. package/dist/Assets-static.js.map +1 -0
  9. package/dist/Assets.d.ts +1 -0
  10. package/dist/Assets.js +1 -0
  11. package/dist/Assets.js.map +1 -0
  12. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  19. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  20. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  21. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  22. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  23. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  24. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  25. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  26. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  27. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  34. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  35. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  36. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -0
  37. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  39. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -0
  40. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  41. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -0
  42. package/dist/generated/json-imports/Themes-static.js +15 -3
  43. package/dist/generated/json-imports/Themes.js +9 -3
  44. package/dist/generated/themes/sap_belize/parameters-bundle.css.d.ts +3 -0
  45. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +3 -1
  46. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -0
  47. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.d.ts +3 -0
  48. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +3 -1
  49. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -0
  50. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.d.ts +3 -0
  51. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +3 -1
  52. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -0
  53. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +3 -0
  54. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +3 -1
  55. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  56. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +3 -0
  57. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +3 -1
  58. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  59. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +3 -0
  60. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +3 -1
  61. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  62. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +3 -0
  63. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +3 -1
  64. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  65. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +3 -0
  66. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +3 -1
  67. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  68. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +3 -0
  69. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +3 -0
  70. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  71. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +3 -0
  72. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +3 -0
  73. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -0
  74. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +3 -0
  75. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +3 -1
  76. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -0
  77. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +3 -0
  78. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +3 -0
  79. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  80. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +3 -0
  81. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +3 -0
  82. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -0
  83. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +3 -0
  84. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +3 -0
  85. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  86. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +3 -0
  87. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +3 -0
  88. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -0
  89. package/dist/themes/sap_belize/css_variables.css +465 -92
  90. package/dist/themes/sap_belize_hcb/css_variables.css +522 -140
  91. package/dist/themes/sap_belize_hcw/css_variables.css +483 -91
  92. package/dist/themes/sap_fiori_3/css_variables.css +465 -93
  93. package/dist/themes/sap_fiori_3_dark/css_variables.css +466 -84
  94. package/dist/themes/sap_fiori_3_hcb/css_variables.css +525 -143
  95. package/dist/themes/sap_fiori_3_hcw/css_variables.css +486 -94
  96. package/dist/themes/sap_horizon/css_variables.css +608 -246
  97. package/dist/themes/sap_horizon_dark/css_variables.css +956 -0
  98. package/dist/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  99. package/dist/themes/sap_horizon_dark_exp/css_variables.css +956 -0
  100. package/dist/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  101. package/dist/themes/sap_horizon_exp/css_variables.css +677 -315
  102. package/dist/themes/sap_horizon_hcb/css_variables.css +956 -0
  103. package/dist/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  104. package/dist/themes/sap_horizon_hcb_exp/css_variables.css +956 -0
  105. package/dist/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  106. package/dist/themes/sap_horizon_hcw/css_variables.css +966 -0
  107. package/dist/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  108. package/dist/themes/sap_horizon_hcw_exp/css_variables.css +966 -0
  109. package/dist/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  110. package/lib/generate-css-vars-usage-report/index.js +23 -14
  111. package/{package-scripts.js → package-scripts.cjs} +8 -8
  112. package/package.json +9 -11
  113. package/tsconfig.json +15 -0
  114. package/hash.txt +0 -1
@@ -1,11 +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.51.0
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", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}
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", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}');}
9
20
  :root {
10
21
  --sapBrandColor: #0a6ed1;
11
22
  --sapHighlightColor: #0854a0;
@@ -13,31 +24,15 @@
13
24
  --sapShellColor: #354a5f;
14
25
  --sapBackgroundColor: #f7f7f7;
15
26
  --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
16
- --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
17
- --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
18
- --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
19
- --sapFontHeaderFamily: "72", "72full", Arial, Helvetica, sans-serif;
20
27
  --sapFontSize: .875rem;
21
- --sapFontSmallSize: .75rem;
22
- --sapFontLargeSize: 1rem;
23
- --sapFontHeader1Size: 2.25rem;
24
- --sapFontHeader2Size: 1.5rem;
25
- --sapFontHeader3Size: 1.25rem;
26
- --sapFontHeader4Size: 1.125rem;
27
- --sapFontHeader5Size: 1rem;
28
- --sapFontHeader6Size: .875rem;
29
28
  --sapTextColor: #32363a;
30
29
  --sapLinkColor: #0a6ed1;
31
- --sapLink_Hover_Color: #0854a0;
32
- --sapLink_Active_Color: #0a6ed1;
33
- --sapLink_Visited_Color: #0a6ed1;
34
- --sapLink_InvertedColor: #d3e8fd;
35
- --sapLink_SubtleColor: #074888;
36
30
  --sapCompanyLogo: none;
37
31
  --sapBackgroundImage: none;
38
32
  --sapBackgroundImageOpacity: 1.0;
39
33
  --sapBackgroundImageRepeat: false;
40
34
  --sapSelectedColor: #0854a0;
35
+ --sapHoverColor: #ededed;
41
36
  --sapActiveColor: #0854a0;
42
37
  --sapHighlightTextColor: #fff;
43
38
  --sapTitleColor: #32363a;
@@ -52,56 +47,24 @@
52
47
  --sapInformativeElementColor: #0a6ed1;
53
48
  --sapNeutralElementColor: #6a6d70;
54
49
  --sapNegativeTextColor: #bb0000;
50
+ --sapCriticalTextColor: #b3590a;
55
51
  --sapPositiveTextColor: #107e3e;
56
- --sapCriticalTextColor: #df6e0c;
57
52
  --sapInformativeTextColor: #0a6ed1;
58
53
  --sapNeutralTextColor: #6a6d70;
59
- --sapNeutralBorderColor: #6a6d70;
60
54
  --sapErrorColor: #bb0000;
61
- --sapErrorBorderColor: #bb0000;
62
55
  --sapWarningColor: #df6e0c;
63
- --sapWarningBorderColor: #df6e0c;
64
56
  --sapSuccessColor: #107e3e;
65
- --sapSuccessBorderColor: #107e3e;
66
57
  --sapInformationColor: #0a6ed1;
67
- --sapInformationBorderColor: #0a6ed1;
68
58
  --sapErrorBackground: #ffebeb;
69
59
  --sapWarningBackground: #fef7f1;
70
60
  --sapSuccessBackground: #f1fdf6;
71
61
  --sapInformationBackground: #f5faff;
72
62
  --sapNeutralBackground: #f4f4f4;
73
- --sapIndicationColor_1: #880000;
74
- --sapIndicationColor_1_Hover_Background: #6f0000;
75
- --sapIndicationColor_1_Active_Background: #500;
76
- --sapIndicationColor_1_TextColor: #fff;
77
- --sapIndicationColor_2: #bb0000;
78
- --sapIndicationColor_2_Hover_Background: #a20000;
79
- --sapIndicationColor_2_Active_Background: #800;
80
- --sapIndicationColor_2_TextColor: #fff;
81
- --sapIndicationColor_3: #df6e0c;
82
- --sapIndicationColor_3_Hover_Background: #d0670b;
83
- --sapIndicationColor_3_Active_Background: #c2600a;
84
- --sapIndicationColor_3_TextColor: #fff;
85
- --sapIndicationColor_4: #107e3e;
86
- --sapIndicationColor_4_Hover_Background: #0d6733;
87
- --sapIndicationColor_4_Active_Background: #0a5128;
88
- --sapIndicationColor_4_TextColor: #fff;
89
- --sapIndicationColor_5: #0a6ed1;
90
- --sapIndicationColor_5_Hover_Background: #0961b9;
91
- --sapIndicationColor_5_Active_Background: #0854a0;
92
- --sapIndicationColor_5_TextColor: #fff;
93
- --sapIndicationColor_6: #0f828f;
94
- --sapIndicationColor_6_Hover_Background: #0d6d78;
95
- --sapIndicationColor_6_Active_Background: #0a5861;
96
- --sapIndicationColor_6_TextColor: #fff;
97
- --sapIndicationColor_7: #925ace;
98
- --sapIndicationColor_7_Hover_Background: #8546c8;
99
- --sapIndicationColor_7_Active_Background: #7838bd;
100
- --sapIndicationColor_7_TextColor: #fff;
101
- --sapIndicationColor_8: #c0399f;
102
- --sapIndicationColor_8_Hover_Background: #ac338f;
103
- --sapIndicationColor_8_Active_Background: #992d7e;
104
- --sapIndicationColor_8_TextColor: #fff;
63
+ --sapErrorBorderColor: #bb0000;
64
+ --sapWarningBorderColor: #df6e0c;
65
+ --sapSuccessBorderColor: #107e3e;
66
+ --sapInformationBorderColor: #0a6ed1;
67
+ --sapNeutralBorderColor: #6a6d70;
105
68
  --sapElement_LineHeight: 2.75rem;
106
69
  --sapElement_Height: 2.25rem;
107
70
  --sapElement_BorderWidth: .0625rem;
@@ -117,10 +80,15 @@
117
80
  --sapContent_NonInteractiveIconColor: #6a6d70;
118
81
  --sapContent_MarkerIconColor: #286eb4;
119
82
  --sapContent_MarkerTextColor: #0e7581;
83
+ --sapContent_MeasureIndicatorColor: #89919a;
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%);
120
87
  --sapContent_ImagePlaceholderBackground: #ccc;
121
88
  --sapContent_ImagePlaceholderForegroundColor: #fff;
122
89
  --sapContent_RatedColor: #d08014;
123
90
  --sapContent_UnratedColor: #89919a;
91
+ --sapContent_BusyColor: #0854a0;
124
92
  --sapContent_FocusColor: #000;
125
93
  --sapContent_FocusStyle: dotted;
126
94
  --sapContent_FocusWidth: .0625rem;
@@ -133,7 +101,7 @@
133
101
  --sapContent_Shadow3: 0 0 0 0.0625rem rgba(0,0,0,0.42), 0 1.25rem 5rem 0 rgba(0,0,0,0.3);
134
102
  --sapContent_TextShadow: 0 0 0.125rem #fff;
135
103
  --sapContent_ContrastTextShadow: 0 0 0.0625rem rgba(0,0,0,0.7);
136
- --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(0,0,0,0.15), inset 0 -0.0625rem 0 0 #d9d9d9;
104
+ --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
137
105
  --sapContent_Interaction_Shadow: none;
138
106
  --sapContent_Selected_Shadow: none;
139
107
  --sapContent_Negative_Shadow: none;
@@ -156,13 +124,12 @@
156
124
  --sapContent_ForegroundTextColor: #32363a;
157
125
  --sapContent_BadgeBackground: #d04343;
158
126
  --sapContent_BadgeTextColor: #fff;
159
- --sapContent_Placeholderloading_Background: #ccc;
160
- --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
161
127
  --sapContent_DragAndDropActiveColor: #0854a0;
162
- --sapContent_Selected_Background: #0854a0;
163
128
  --sapContent_Selected_TextColor: #fff;
129
+ --sapContent_Selected_Background: #0854a0;
164
130
  --sapContent_Selected_Hover_Background: #095caf;
165
131
  --sapContent_Selected_ForegroundColor: #0854a0;
132
+ --sapContent_ForcedColorAdjust: none;
166
133
  --sapContent_Illustrative_Color1: #0a6ed1;
167
134
  --sapContent_Illustrative_Color2: #72b5f8;
168
135
  --sapContent_Illustrative_Color3: #ffba10;
@@ -183,9 +150,30 @@
183
150
  --sapContent_Illustrative_Color18: #d9ddde;
184
151
  --sapContent_Illustrative_Color19: #ccd0d2;
185
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;
186
175
  --sapShell_Background: #edeff0;
187
176
  --sapShell_BackgroundImage: linear-gradient(to bottom, #dfe3e4, #f3f4f5);
188
- --sapShell_BackgroundGradient: linear-gradient(to bottom, #dfe3e4, #f3f4f5);
189
177
  --sapShell_BackgroundImageOpacity: 1.0;
190
178
  --sapShell_BackgroundImageRepeat: false;
191
179
  --sapShell_BorderColor: #354a5f;
@@ -203,22 +191,116 @@
203
191
  --sapShell_Selected_Hover_Background: #23303e;
204
192
  --sapShell_Favicon: none;
205
193
  --sapShell_Navigation_Background: #354a5f;
194
+ --sapShell_Navigation_Hover_Background: #283848;
206
195
  --sapShell_Navigation_SelectedColor: #d1e8ff;
207
196
  --sapShell_Navigation_Selected_TextColor: #d1e8ff;
208
197
  --sapShell_Navigation_TextColor: #fff;
209
- --sapShell_Navigation_Hover_Background: #283848;
210
- --sapShell_Navigation_Active_Background: #23303e;
211
198
  --sapShell_Navigation_Active_TextColor: #fff;
212
- --sapShell_Shadow: 0 0 0.25rem 0 rgba(0,0,0,0.4), inset 0 -0.0625rem 0 0 rgba(0,0,0,0.2);
199
+ --sapShell_Navigation_Active_Background: #23303e;
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);
213
201
  --sapShell_NegativeColor: #f88;
214
202
  --sapShell_CriticalColor: #f8b67d;
215
203
  --sapShell_PositiveColor: #abe2c2;
216
204
  --sapShell_InformativeColor: #b1d6fb;
217
205
  --sapShell_NeutralColor: #d4d6d7;
218
- --sapButton_BorderWidth: .0625rem;
219
- --sapButton_BorderCornerRadius: .25rem;
206
+ --sapShell_Category_1_Background: #286eb4;
207
+ --sapShell_Category_1_BorderColor: #286eb4;
208
+ --sapShell_Category_1_TextColor: #fff;
209
+ --sapShell_Category_1_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
210
+ --sapShell_Category_2_Background: #db1f77;
211
+ --sapShell_Category_2_BorderColor: #db1f77;
212
+ --sapShell_Category_2_TextColor: #fff;
213
+ --sapShell_Category_2_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
214
+ --sapShell_Category_3_Background: #d58215;
215
+ --sapShell_Category_3_BorderColor: #d58215;
216
+ --sapShell_Category_3_TextColor: #fff;
217
+ --sapShell_Category_3_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
218
+ --sapShell_Category_4_Background: #892971;
219
+ --sapShell_Category_4_BorderColor: #892971;
220
+ --sapShell_Category_4_TextColor: #fff;
221
+ --sapShell_Category_4_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
222
+ --sapShell_Category_5_Background: #bb2f2f;
223
+ --sapShell_Category_5_BorderColor: #bb2f2f;
224
+ --sapShell_Category_5_TextColor: #fff;
225
+ --sapShell_Category_5_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
226
+ --sapShell_Category_6_Background: #1193a2;
227
+ --sapShell_Category_6_BorderColor: #1193a2;
228
+ --sapShell_Category_6_TextColor: #fff;
229
+ --sapShell_Category_6_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
230
+ --sapShell_Category_7_Background: #cf5db3;
231
+ --sapShell_Category_7_BorderColor: #cf5db3;
232
+ --sapShell_Category_7_TextColor: #fff;
233
+ --sapShell_Category_7_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
234
+ --sapShell_Category_8_Background: #8b9668;
235
+ --sapShell_Category_8_BorderColor: #8b9668;
236
+ --sapShell_Category_8_TextColor: #fff;
237
+ --sapShell_Category_8_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
238
+ --sapShell_Category_9_Background: #597da1;
239
+ --sapShell_Category_9_BorderColor: #597da1;
240
+ --sapShell_Category_9_TextColor: #fff;
241
+ --sapShell_Category_9_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
242
+ --sapShell_Category_10_Background: #647987;
243
+ --sapShell_Category_10_BorderColor: #647987;
244
+ --sapShell_Category_10_TextColor: #fff;
245
+ --sapShell_Category_10_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
246
+ --sapShell_Category_11_Background: #dc5b5b;
247
+ --sapShell_Category_11_BorderColor: #dc5b5b;
248
+ --sapShell_Category_11_TextColor: #fff;
249
+ --sapShell_Category_11_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
250
+ --sapShell_Category_12_Background: #5154bd;
251
+ --sapShell_Category_12_BorderColor: #5154bd;
252
+ --sapShell_Category_12_TextColor: #fff;
253
+ --sapShell_Category_12_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
254
+ --sapShell_Category_13_Background: #bc1b66;
255
+ --sapShell_Category_13_BorderColor: #bc1b66;
256
+ --sapShell_Category_13_TextColor: #fff;
257
+ --sapShell_Category_13_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
258
+ --sapShell_Category_14_Background: #49797e;
259
+ --sapShell_Category_14_BorderColor: #49797e;
260
+ --sapShell_Category_14_TextColor: #fff;
261
+ --sapShell_Category_14_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
262
+ --sapShell_Category_15_Background: #476380;
263
+ --sapShell_Category_15_BorderColor: #476380;
264
+ --sapShell_Category_15_TextColor: #fff;
265
+ --sapShell_Category_15_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
266
+ --sapShell_Category_16_Background: #687a33;
267
+ --sapShell_Category_16_BorderColor: #687a33;
268
+ --sapShell_Category_16_TextColor: #fff;
269
+ --sapShell_Category_16_TextShadow: 0 0 .0625rem rgba(0,0,0,0.7);
270
+ --sapAvatar_1_Background: #d08014;
271
+ --sapAvatar_1_BorderColor: #d08014;
272
+ --sapAvatar_1_TextColor: #fff;
273
+ --sapAvatar_2_Background: #d04343;
274
+ --sapAvatar_2_BorderColor: #d04343;
275
+ --sapAvatar_2_TextColor: #fff;
276
+ --sapAvatar_3_Background: #db1f77;
277
+ --sapAvatar_3_BorderColor: #db1f77;
278
+ --sapAvatar_3_TextColor: #fff;
279
+ --sapAvatar_4_Background: #c0399f;
280
+ --sapAvatar_4_BorderColor: #c0399f;
281
+ --sapAvatar_4_TextColor: #fff;
282
+ --sapAvatar_5_Background: #6367de;
283
+ --sapAvatar_5_BorderColor: #6367de;
284
+ --sapAvatar_5_TextColor: #fff;
285
+ --sapAvatar_6_Background: #286eb4;
286
+ --sapAvatar_6_BorderColor: #286eb4;
287
+ --sapAvatar_6_TextColor: #fff;
288
+ --sapAvatar_7_Background: #0f828f;
289
+ --sapAvatar_7_BorderColor: #0f828f;
290
+ --sapAvatar_7_TextColor: #fff;
291
+ --sapAvatar_8_Background: #7ca10c;
292
+ --sapAvatar_8_BorderColor: #7ca10c;
293
+ --sapAvatar_8_TextColor: #fff;
294
+ --sapAvatar_9_Background: #925ace;
295
+ --sapAvatar_9_BorderColor: #925ace;
296
+ --sapAvatar_9_TextColor: #fff;
297
+ --sapAvatar_10_Background: #647987;
298
+ --sapAvatar_10_BorderColor: #647987;
299
+ --sapAvatar_10_TextColor: #fff;
220
300
  --sapButton_Background: #fff;
221
301
  --sapButton_BorderColor: #0854a0;
302
+ --sapButton_BorderWidth: .0625rem;
303
+ --sapButton_BorderCornerRadius: .25rem;
222
304
  --sapButton_TextColor: #0854a0;
223
305
  --sapButton_Hover_Background: #ebf5fe;
224
306
  --sapButton_Hover_BorderColor: #0854a0;
@@ -237,15 +319,16 @@
237
319
  --sapButton_Emphasized_Active_BorderColor: #0854a0;
238
320
  --sapButton_Emphasized_Active_TextColor: #fff;
239
321
  --sapButton_Emphasized_TextShadow: transparent;
322
+ --sapButton_Emphasized_FontWeight: bold;
240
323
  --sapButton_Reject_Background: #fff;
241
324
  --sapButton_Reject_BorderColor: #bb0000;
325
+ --sapButton_Reject_TextColor: #b00;
242
326
  --sapButton_Reject_Hover_Background: #ffebeb;
243
327
  --sapButton_Reject_Hover_BorderColor: #bb0000;
244
328
  --sapButton_Reject_Hover_TextColor: #b00;
245
329
  --sapButton_Reject_Active_Background: #a20000;
246
330
  --sapButton_Reject_Active_BorderColor: #a20000;
247
331
  --sapButton_Reject_Active_TextColor: #fff;
248
- --sapButton_Reject_TextColor: #b00;
249
332
  --sapButton_Reject_Selected_Background: #a20000;
250
333
  --sapButton_Reject_Selected_BorderColor: #a20000;
251
334
  --sapButton_Reject_Selected_TextColor: #fff;
@@ -253,13 +336,13 @@
253
336
  --sapButton_Reject_Selected_Hover_BorderColor: #b00;
254
337
  --sapButton_Accept_Background: #fff;
255
338
  --sapButton_Accept_BorderColor: #107e3e;
339
+ --sapButton_Accept_TextColor: #107e3e;
256
340
  --sapButton_Accept_Hover_Background: #f1fdf6;
257
341
  --sapButton_Accept_Hover_BorderColor: #107e3e;
258
342
  --sapButton_Accept_Hover_TextColor: #107e3e;
259
343
  --sapButton_Accept_Active_Background: #0d6733;
260
344
  --sapButton_Accept_Active_BorderColor: #0d6733;
261
345
  --sapButton_Accept_Active_TextColor: #fff;
262
- --sapButton_Accept_TextColor: #107e3e;
263
346
  --sapButton_Accept_Selected_Background: #0d6733;
264
347
  --sapButton_Accept_Selected_BorderColor: #0d6733;
265
348
  --sapButton_Accept_Selected_TextColor: #fff;
@@ -327,6 +410,7 @@
327
410
  --sapButton_Information_Hover_TextColor: #fff;
328
411
  --sapButton_Information_Active_Background: #0854a0;
329
412
  --sapButton_Information_Active_BorderColor: #0854a0;
413
+ --sapButton_Information_Active_TextColor: #fff;
330
414
  --sapButton_Neutral_Background: #6a6d70;
331
415
  --sapButton_Neutral_BorderColor: #6a6d70;
332
416
  --sapButton_Neutral_TextColor: #fff;
@@ -336,49 +420,105 @@
336
420
  --sapButton_Neutral_Active_Background: #515456;
337
421
  --sapButton_Neutral_Active_BorderColor: #515456;
338
422
  --sapButton_Neutral_Active_TextColor: #fff;
339
- --sapButton_Track_Selected_Background: #ebf5fe;
340
- --sapButton_Track_Selected_TextColor: #32363a;
341
423
  --sapButton_Track_Background: #ededed;
424
+ --sapButton_Track_BorderColor: #89919a;
342
425
  --sapButton_Track_TextColor: #32363a;
426
+ --sapButton_Track_Hover_Background: #ededed;
427
+ --sapButton_Track_Hover_BorderColor: #0854a0;
428
+ --sapButton_Track_Selected_Background: #ebf5fe;
429
+ --sapButton_Track_Selected_BorderColor: #0854a0;
430
+ --sapButton_Track_Selected_TextColor: #32363a;
431
+ --sapButton_Track_Selected_Hover_Background: #ebf5fe;
432
+ --sapButton_Track_Selected_Hover_BorderColor: #095caf;
433
+ --sapButton_Handle_Background: #fff;
434
+ --sapButton_Handle_BorderColor: #89919a;
435
+ --sapButton_Handle_TextColor: #32363a;
436
+ --sapButton_Handle_Hover_Background: #ebf5fe;
437
+ --sapButton_Handle_Hover_BorderColor: #0854a0;
438
+ --sapButton_Handle_Selected_Background: #0854a0;
439
+ --sapButton_Handle_Selected_BorderColor: #0854a0;
440
+ --sapButton_Handle_Selected_TextColor: #fff;
441
+ --sapButton_Handle_Selected_Hover_Background: #095caf;
442
+ --sapButton_Handle_Selected_Hover_BorderColor: #095caf;
443
+ --sapButton_Track_Negative_Background: #ffebeb;
444
+ --sapButton_Track_Negative_BorderColor: #bb0000;
445
+ --sapButton_Track_Negative_TextColor: #b00;
446
+ --sapButton_Track_Negative_Hover_Background: #ffebeb;
447
+ --sapButton_Track_Negative_Hover_BorderColor: #bb0000;
448
+ --sapButton_Handle_Negative_Background: #fff;
449
+ --sapButton_Handle_Negative_BorderColor: #bb0000;
450
+ --sapButton_Handle_Negative_TextColor: #b00;
451
+ --sapButton_Handle_Negative_Hover_Background: #ffebeb;
452
+ --sapButton_Handle_Negative_Hover_BorderColor: #bb0000;
453
+ --sapButton_Track_Positive_Background: #f1fdf6;
454
+ --sapButton_Track_Positive_BorderColor: #107e3e;
455
+ --sapButton_Track_Positive_TextColor: #107e3e;
456
+ --sapButton_Track_Positive_Hover_Background: #f1fdf6;
457
+ --sapButton_Track_Positive_Hover_BorderColor: #107e3e;
458
+ --sapButton_Handle_Positive_Background: #fff;
459
+ --sapButton_Handle_Positive_BorderColor: #107e3e;
460
+ --sapButton_Handle_Positive_TextColor: #107e3e;
461
+ --sapButton_Handle_Positive_Hover_Background: #f1fdf6;
462
+ --sapButton_Handle_Positive_Hover_BorderColor: #107e3e;
343
463
  --sapButton_TokenBackground: #fafafa;
344
464
  --sapButton_TokenBorderColor: #c2c2c2;
345
465
  --sapField_Background: #fff;
466
+ --sapField_BackgroundStyle: none;
346
467
  --sapField_TextColor: #32363a;
347
468
  --sapField_PlaceholderTextColor: #74777a;
348
469
  --sapField_BorderColor: #89919a;
349
470
  --sapField_HelpBackground: #fff;
350
471
  --sapField_BorderWidth: .0625rem;
472
+ --sapField_BorderStyle: solid;
351
473
  --sapField_BorderCornerRadius: .125rem;
474
+ --sapField_Shadow: none;
352
475
  --sapField_Hover_Background: #fff;
476
+ --sapField_Hover_BackgroundStyle: none;
353
477
  --sapField_Hover_BorderColor: #0854a0;
354
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;
355
484
  --sapField_Active_BorderColor: #0854a0;
356
485
  --sapField_Focus_Background: #fff;
357
486
  --sapField_Focus_BorderColor: #89919a;
358
487
  --sapField_Focus_HelpBackground: #fff;
359
488
  --sapField_ReadOnly_Background: rgba(242,242,242,0.5);
489
+ --sapField_ReadOnly_BackgroundStyle: none;
360
490
  --sapField_ReadOnly_BorderColor: #89919a;
491
+ --sapField_ReadOnly_BorderStyle: solid;
361
492
  --sapField_ReadOnly_HelpBackground: rgba(242,242,242,0.5);
362
493
  --sapField_RequiredColor: #ce3b3b;
363
494
  --sapField_InvalidColor: #bb0000;
364
495
  --sapField_InvalidBackground: #fff;
496
+ --sapField_InvalidBackgroundStyle: none;
365
497
  --sapField_InvalidBorderWidth: .125rem;
366
498
  --sapField_InvalidBorderStyle: solid;
499
+ --sapField_InvalidShadow: none;
367
500
  --sapField_WarningColor: #df6e0c;
368
501
  --sapField_WarningBackground: #fff;
502
+ --sapField_WarningBackgroundStyle: none;
369
503
  --sapField_WarningBorderWidth: .125rem;
370
504
  --sapField_WarningBorderStyle: solid;
505
+ --sapField_WarningShadow: none;
371
506
  --sapField_SuccessColor: #107e3e;
372
507
  --sapField_SuccessBackground: #fff;
508
+ --sapField_SuccessBackgroundStyle: none;
373
509
  --sapField_SuccessBorderWidth: .0625rem;
374
510
  --sapField_SuccessBorderStyle: solid;
511
+ --sapField_SuccessShadow: none;
375
512
  --sapField_InformationColor: #0a6ed1;
376
513
  --sapField_InformationBackground: #fff;
514
+ --sapField_InformationBackgroundStyle: none;
377
515
  --sapField_InformationBorderWidth: .125rem;
378
516
  --sapField_InformationBorderStyle: solid;
517
+ --sapField_InformationShadow: none;
379
518
  --sapGroup_TitleBackground: transparent;
380
519
  --sapGroup_TitleBorderColor: #d9d9d9;
381
520
  --sapGroup_TitleTextColor: #32363a;
521
+ --sapGroup_Title_FontSize: 1.125rem;
382
522
  --sapGroup_ContentBackground: #fff;
383
523
  --sapGroup_ContentBorderColor: #d9d9d9;
384
524
  --sapGroup_BorderWidth: .0625rem;
@@ -390,9 +530,9 @@
390
530
  --sapList_HeaderBorderColor: #e5e5e5;
391
531
  --sapList_HeaderTextColor: #32363a;
392
532
  --sapList_BorderColor: #e5e5e5;
533
+ --sapList_BorderWidth: .0625rem;
393
534
  --sapList_TextColor: #32363a;
394
535
  --sapList_Active_TextColor: #fff;
395
- --sapList_BorderWidth: .0625rem;
396
536
  --sapList_Active_Background: #0854a0;
397
537
  --sapList_SelectionBackgroundColor: #e5f0fa;
398
538
  --sapList_SelectionBorderColor: #0854a0;
@@ -403,20 +543,68 @@
403
543
  --sapList_GroupHeaderBackground: #fff;
404
544
  --sapList_GroupHeaderBorderColor: #d9d9d9;
405
545
  --sapList_GroupHeaderTextColor: #32363a;
406
- --sapList_FooterBackground: #fafafa;
407
- --sapList_FooterTextColor: #32363a;
408
546
  --sapList_TableGroupHeaderBackground: #efefef;
409
547
  --sapList_TableGroupHeaderBorderColor: #d9d9d9;
410
548
  --sapList_TableGroupHeaderTextColor: #32363a;
549
+ --sapList_FooterBackground: #fafafa;
550
+ --sapList_FooterTextColor: #32363a;
411
551
  --sapList_TableFooterBorder: #d9d9d9;
412
552
  --sapList_TableFixedBorderColor: #8c8c8c;
413
- --sapList_Active_Background: #0854a0;
553
+ --sapMessage_ErrorBorderColor: #bb0000;
554
+ --sapMessage_WarningBorderColor: #df6e0c;
555
+ --sapMessage_SuccessBorderColor: #107e3e;
556
+ --sapMessage_InformationBorderColor: #0a6ed1;
557
+ --sapPopover_BorderCornerRadius: .25rem;
558
+ --sapProgress_Background: #fff;
559
+ --sapProgress_BorderColor: #89919a;
560
+ --sapProgress_TextColor: #32363a;
561
+ --sapProgress_FontSize: .75rem;
562
+ --sapProgress_NegativeBackground: #fff;
563
+ --sapProgress_NegativeBorderColor: #89919a;
564
+ --sapProgress_NegativeTextColor: #32363a;
565
+ --sapProgress_CriticalBackground: #fff;
566
+ --sapProgress_CriticalBorderColor: #89919a;
567
+ --sapProgress_CriticalTextColor: #32363a;
568
+ --sapProgress_PositiveBackground: #fff;
569
+ --sapProgress_PositiveBorderColor: #89919a;
570
+ --sapProgress_PositiveTextColor: #32363a;
571
+ --sapProgress_InformationBackground: #fff;
572
+ --sapProgress_InformationBorderColor: #89919a;
573
+ --sapProgress_InformationTextColor: #32363a;
574
+ --sapProgress_Value_Background: #6a6d70;
575
+ --sapProgress_Value_BorderColor: #89919a;
576
+ --sapProgress_Value_TextColor: #32363a;
577
+ --sapProgress_Value_NegativeBackground: #bb0000;
578
+ --sapProgress_Value_NegativeBorderColor: #fff;
579
+ --sapProgress_Value_NegativeTextColor: #32363a;
580
+ --sapProgress_Value_CriticalBackground: #df6e0c;
581
+ --sapProgress_Value_CriticalBorderColor: #fff;
582
+ --sapProgress_Value_CriticalTextColor: #32363a;
583
+ --sapProgress_Value_PositiveBackground: #107e3e;
584
+ --sapProgress_Value_PositiveBorderColor: #fff;
585
+ --sapProgress_Value_PositiveTextColor: #32363a;
586
+ --sapProgress_Value_InformationBackground: #0a6ed1;
587
+ --sapProgress_Value_InformationBorderColor: #fff;
588
+ --sapProgress_Value_InformationTextColor: #32363a;
414
589
  --sapScrollBar_FaceColor: #949494;
415
590
  --sapScrollBar_TrackColor: #fff;
416
591
  --sapScrollBar_BorderColor: #949494;
417
592
  --sapScrollBar_SymbolColor: #0854a0;
418
593
  --sapScrollBar_Dimension: .75rem;
419
594
  --sapScrollBar_Hover_FaceColor: #8c8c8c;
595
+ --sapSlider_Background: #89919a;
596
+ --sapSlider_BorderColor: #89919a;
597
+ --sapSlider_Selected_Background: #0854a0;
598
+ --sapSlider_Selected_BorderColor: #0854a0;
599
+ --sapSlider_HandleBackground: #fff;
600
+ --sapSlider_HandleBorderColor: #89919a;
601
+ --sapSlider_RangeHandleBackground: transparent;
602
+ --sapSlider_Hover_HandleBackground: #ebf5fe;
603
+ --sapSlider_Hover_HandleBorderColor: #0854a0;
604
+ --sapSlider_Hover_RangeHandleBackground: #ebf5fe;
605
+ --sapSlider_Active_HandleBackground: #0854a0;
606
+ --sapSlider_Active_HandleBorderColor: #0854a0;
607
+ --sapSlider_Active_RangeHandleBackground: transparent;
420
608
  --sapPageHeader_Background: #fff;
421
609
  --sapPageHeader_BorderColor: #d9d9d9;
422
610
  --sapPageHeader_TextColor: #32363a;
@@ -429,13 +617,19 @@
429
617
  --sapInfobar_NonInteractive_Background: #e6e6e6;
430
618
  --sapInfobar_TextColor: #fff;
431
619
  --sapObjectHeader_Background: #fff;
432
- --sapObjectHeader_BorderColor: #d9d9d9;
433
620
  --sapObjectHeader_Hover_Background: #f5f5f5;
621
+ --sapObjectHeader_BorderColor: #d9d9d9;
622
+ --sapObjectHeader_Title_TextColor: #32363a;
623
+ --sapObjectHeader_Title_FontSize: 1.25rem;
624
+ --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
625
+ --sapObjectHeader_Title_FontFamily: "72", "72full", Arial, Helvetica, sans-serif;
626
+ --sapObjectHeader_Subtitle_TextColor: #6a6d70;
434
627
  --sapBlockLayer_Background: #000;
435
628
  --sapTile_Background: #fff;
436
629
  --sapTile_Hover_Background: #f5f5f5;
437
630
  --sapTile_Active_Background: #f5f5f5;
438
631
  --sapTile_BorderColor: transparent;
632
+ --sapTile_BorderCornerRadius: .25rem;
439
633
  --sapTile_TitleTextColor: #32363a;
440
634
  --sapTile_TextColor: #6a6d70;
441
635
  --sapTile_IconColor: #5a7da0;
@@ -463,6 +657,146 @@
463
657
  --sapAccentBackgroundColor8: #ebf5cb;
464
658
  --sapAccentBackgroundColor9: #dafdf5;
465
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;
466
800
  --sapLegend_WorkingBackground: #fafafa;
467
801
  --sapLegend_NonWorkingBackground: #dedede;
468
802
  --sapLegend_CurrentDateTime: #c0399f;
@@ -506,31 +840,31 @@
506
840
  --sapLegendBackgroundColor18: #f5f7ed;
507
841
  --sapLegendBackgroundColor19: #ebf2f9;
508
842
  --sapLegendBackgroundColor20: #ecedf8;
509
- --sapChart_OrderedColor_1: #5899da;
510
- --sapChart_OrderedColor_2: #e8743b;
511
- --sapChart_OrderedColor_3: #19a979;
843
+ --sapChart_OrderedColor_1: #438cd5;
844
+ --sapChart_OrderedColor_2: #e66729;
845
+ --sapChart_OrderedColor_3: #16976c;
512
846
  --sapChart_OrderedColor_4: #ed4a7b;
513
847
  --sapChart_OrderedColor_5: #945ecf;
514
- --sapChart_OrderedColor_6: #13a4b4;
848
+ --sapChart_OrderedColor_6: #1193a2;
515
849
  --sapChart_OrderedColor_7: #525df4;
516
850
  --sapChart_OrderedColor_8: #bf399e;
517
851
  --sapChart_OrderedColor_9: #6c8893;
518
- --sapChart_OrderedColor_10: #ee6868;
852
+ --sapChart_OrderedColor_10: #ed5f5f;
519
853
  --sapChart_OrderedColor_11: #2f6497;
520
854
  --sapChart_Bad: #dc0d0e;
521
- --sapChart_Critical: #de890d;
522
- --sapChart_Good: #3fa45b;
855
+ --sapChart_Critical: #cb7d0c;
856
+ --sapChart_Good: #3c9d57;
523
857
  --sapChart_Neutral: #848f94;
524
- --sapChart_Sequence_1: #5899da;
525
- --sapChart_Sequence_2: #e8743b;
526
- --sapChart_Sequence_3: #19a979;
858
+ --sapChart_Sequence_1: #438cd5;
859
+ --sapChart_Sequence_2: #e66729;
860
+ --sapChart_Sequence_3: #16976c;
527
861
  --sapChart_Sequence_4: #ed4a7b;
528
862
  --sapChart_Sequence_5: #945ecf;
529
- --sapChart_Sequence_6: #13a4b4;
863
+ --sapChart_Sequence_6: #1193a2;
530
864
  --sapChart_Sequence_7: #525df4;
531
865
  --sapChart_Sequence_8: #bf399e;
532
866
  --sapChart_Sequence_9: #6c8893;
533
- --sapChart_Sequence_10: #ee6868;
867
+ --sapChart_Sequence_10: #ed5f5f;
534
868
  --sapChart_Sequence_11: #2f6497;
535
869
  --sapChart_Sequence_Neutral: #848f94;
536
870
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons.ttf');
@@ -544,26 +878,44 @@
544
878
  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
545
879
  --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
546
880
  --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
547
- --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
548
- --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
549
- --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
550
- --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
551
881
  --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
552
882
  --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
883
+ --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
884
+ --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
553
885
  --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
554
886
  --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
887
+ --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
888
+ --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
889
+ --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
890
+ --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
891
+ --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
892
+ --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
893
+ --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
894
+ --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
895
+ --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
896
+ --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
555
897
  --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
556
898
  --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
557
899
  --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
558
900
  --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
901
+ --sapFontUrl_72_Black_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff2');
902
+ --sapFontUrl_72_Black_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black-full.woff');
559
903
  --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
560
904
  --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
905
+ --sapFontUrl_72_BoldItalic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff2');
906
+ --sapFontUrl_72_BoldItalic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic-full.woff');
561
907
  --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
562
908
  --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
909
+ --sapFontUrl_72_Condensed_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff2');
910
+ --sapFontUrl_72_Condensed_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed-full.woff');
563
911
  --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
564
912
  --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
913
+ --sapFontUrl_72_CondensedBold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff2');
914
+ --sapFontUrl_72_CondensedBold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold-full.woff');
565
915
  --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
566
916
  --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
917
+ --sapFontUrl_72_Italic_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff2');
918
+ --sapFontUrl_72_Italic_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic-full.woff');
567
919
  --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
568
920
  --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
569
921
  --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');
@@ -582,3 +934,23 @@
582
934
  .background-image--sapShell_BackgroundImage {
583
935
  background-image: var(--sapShell_BackgroundImage);
584
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
+