@ui5/webcomponents-theming 0.0.0-35e2c9666 → 0.0.0-3e3654870

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 (111) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +529 -0
  3. package/README.md +6 -6
  4. package/config/postcss.themes/{postcss.config.js → postcss.config.cjs} +3 -3
  5. package/css-vars-usage.json +158 -13
  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 -1
  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 -1
  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 -1
  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 -1
  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 -1
  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 -1
  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 +9 -3
  43. package/dist/generated/json-imports/Themes.js +6 -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 -1
  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 -1
  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 -1
  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 -94
  90. package/dist/themes/sap_belize_hcb/css_variables.css +522 -142
  91. package/dist/themes/sap_belize_hcw/css_variables.css +483 -93
  92. package/dist/themes/sap_fiori_3/css_variables.css +466 -96
  93. package/dist/themes/sap_fiori_3_dark/css_variables.css +467 -87
  94. package/dist/themes/sap_fiori_3_hcb/css_variables.css +525 -145
  95. package/dist/themes/sap_fiori_3_hcw/css_variables.css +486 -96
  96. package/dist/themes/sap_horizon/css_variables.css +608 -248
  97. package/dist/themes/sap_horizon_dark/css_variables.css +573 -203
  98. package/dist/themes/sap_horizon_dark_exp/css_variables.css +956 -0
  99. package/dist/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  100. package/dist/themes/sap_horizon_exp/css_variables.css +588 -228
  101. package/dist/themes/sap_horizon_hcb/css_variables.css +479 -109
  102. package/dist/themes/sap_horizon_hcb_exp/css_variables.css +956 -0
  103. package/dist/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  104. package/dist/themes/sap_horizon_hcw/css_variables.css +478 -98
  105. package/dist/themes/sap_horizon_hcw_exp/css_variables.css +966 -0
  106. package/dist/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  107. package/lib/generate-css-vars-usage-report/index.js +23 -14
  108. package/{package-scripts.js → package-scripts.cjs} +8 -8
  109. package/package.json +7 -9
  110. package/tsconfig.json +15 -0
  111. package/hash.txt +0 -1
@@ -1,12 +1,22 @@
1
1
  /**
2
- * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
2
+ * Copyright (c) 2012-2023 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.68.3
5
- * data:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}}
4
+ * Theming Engine 1.23061.0
5
+ * data:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23061.0"}, "Version": { "Build": "11.6.8.20230911071338", "Source": "11.6.8"}}
6
+ */
7
+
8
+ .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23061.0"}, "Version": { "Build": "11.6.8.20230911071338", "Source": "11.6.8"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.23061.0"}, "Version": { "Build": "11.6.8.20230911071338", "Source": "11.6.8"}};}
10
+
11
+ /**
12
+ * Base.baseLib.baseTheme.base (Version 11.6.8)
13
+ */
14
+
15
+
16
+ /**
17
+ * Base.baseLib.baseTheme.css_variables (Version 11.6.8)
6
18
  */
7
19
 
8
- .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}}');}
9
- :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon_dark.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","DarkColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.35.20220214151218", "Source": "11.1.35"}};}
10
20
  :root {
11
21
  --sapBrandColor: #0070f2;
12
22
  --sapHighlightColor: #4db1ff;
@@ -14,31 +24,15 @@
14
24
  --sapShellColor: #1d232a;
15
25
  --sapBackgroundColor: #12171c;
16
26
  --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
17
- --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
18
- --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
19
- --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
20
- --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
21
27
  --sapFontSize: .875rem;
22
- --sapFontSmallSize: .75rem;
23
- --sapFontLargeSize: 1rem;
24
- --sapFontHeader1Size: 3rem;
25
- --sapFontHeader2Size: 2rem;
26
- --sapFontHeader3Size: 1.5rem;
27
- --sapFontHeader4Size: 1.25rem;
28
- --sapFontHeader5Size: 1rem;
29
- --sapFontHeader6Size: .875rem;
30
28
  --sapTextColor: #eaecee;
31
29
  --sapLinkColor: #4db1ff;
32
- --sapLink_Hover_Color: #29a1ff;
33
- --sapLink_Active_Color: #4db1ff;
34
- --sapLink_Visited_Color: #4db1ff;
35
- --sapLink_InvertedColor: #bde2ff;
36
- --sapLink_SubtleColor: #eaecee;
37
30
  --sapCompanyLogo: none;
38
31
  --sapBackgroundImage: none;
39
32
  --sapBackgroundImageOpacity: 1.0;
40
33
  --sapBackgroundImageRepeat: false;
41
34
  --sapSelectedColor: #4db1ff;
35
+ --sapHoverColor: #222b35;
42
36
  --sapActiveColor: #020303;
43
37
  --sapHighlightTextColor: #1d232a;
44
38
  --sapTitleColor: #eaecee;
@@ -46,63 +40,31 @@
46
40
  --sapCriticalColor: #ffdf72;
47
41
  --sapPositiveColor: #97dd40;
48
42
  --sapInformativeColor: #4db1ff;
49
- --sapNeutralColor: #eaecee;
43
+ --sapNeutralColor: #a9b4be;
50
44
  --sapNegativeElementColor: #fa6161;
51
45
  --sapCriticalElementColor: #f7bf00;
52
46
  --sapPositiveElementColor: #6dad1f;
53
47
  --sapInformativeElementColor: #4db1ff;
54
48
  --sapNeutralElementColor: #a9b4be;
55
49
  --sapNegativeTextColor: #fa6161;
56
- --sapPositiveTextColor: #97dd40;
57
50
  --sapCriticalTextColor: #ffdf72;
51
+ --sapPositiveTextColor: #97dd40;
58
52
  --sapInformativeTextColor: #4db1ff;
59
53
  --sapNeutralTextColor: #eaecee;
60
- --sapNeutralBorderColor: #a9b4be;
61
54
  --sapErrorColor: #fa6161;
62
- --sapErrorBorderColor: #fa6161;
63
55
  --sapWarningColor: #ffdf72;
64
- --sapWarningBorderColor: #f7bf00;
65
56
  --sapSuccessColor: #97dd40;
66
- --sapSuccessBorderColor: #6dad1f;
67
57
  --sapInformationColor: #4db1ff;
68
- --sapInformationBorderColor: #4db1ff;
69
58
  --sapErrorBackground: #350000;
70
59
  --sapWarningBackground: #382700;
71
60
  --sapSuccessBackground: #11331a;
72
61
  --sapInformationBackground: #00144a;
73
62
  --sapNeutralBackground: #242e38;
74
- --sapIndicationColor_1: #fd3535;
75
- --sapIndicationColor_1_Hover_Background: #fd4e4e;
76
- --sapIndicationColor_1_Active_Background: #fe6767;
77
- --sapIndicationColor_1_TextColor: #eaecee;
78
- --sapIndicationColor_2: #ff8f8f;
79
- --sapIndicationColor_2_Hover_Background: #ffa9a9;
80
- --sapIndicationColor_2_Active_Background: #ffc2c2;
81
- --sapIndicationColor_2_TextColor: #1d232a;
82
- --sapIndicationColor_3: #ffc933;
83
- --sapIndicationColor_3_Hover_Background: #ffcd42;
84
- --sapIndicationColor_3_Active_Background: #ffd152;
85
- --sapIndicationColor_3_TextColor: #1d232a;
86
- --sapIndicationColor_4: #bde986;
87
- --sapIndicationColor_4_Hover_Background: #c9ed9c;
88
- --sapIndicationColor_4_Active_Background: #d5f1b1;
89
- --sapIndicationColor_4_TextColor: #1d232a;
90
- --sapIndicationColor_5: #a6e0ff;
91
- --sapIndicationColor_5_Hover_Background: #c0e9ff;
92
- --sapIndicationColor_5_Active_Background: #d9f2ff;
93
- --sapIndicationColor_5_TextColor: #1d232a;
94
- --sapIndicationColor_6: #64edd2;
95
- --sapIndicationColor_6_Hover_Background: #7bf0d9;
96
- --sapIndicationColor_6_Active_Background: #92f2df;
97
- --sapIndicationColor_6_TextColor: #1d232a;
98
- --sapIndicationColor_7: #d3b6ff;
99
- --sapIndicationColor_7_Hover_Background: #e2d0ff;
100
- --sapIndicationColor_7_Active_Background: #f2e9ff;
101
- --sapIndicationColor_7_TextColor: #1d232a;
102
- --sapIndicationColor_8: #ff8af0;
103
- --sapIndicationColor_8_Hover_Background: #ffa3f3;
104
- --sapIndicationColor_8_Active_Background: #ffbdf7;
105
- --sapIndicationColor_8_TextColor: #1d232a;
63
+ --sapErrorBorderColor: #fa6161;
64
+ --sapWarningBorderColor: #f7bf00;
65
+ --sapSuccessBorderColor: #6dad1f;
66
+ --sapInformationBorderColor: #4db1ff;
67
+ --sapNeutralBorderColor: #a9b4be;
106
68
  --sapElement_LineHeight: 2.75rem;
107
69
  --sapElement_Height: 2.25rem;
108
70
  --sapElement_BorderWidth: .0625rem;
@@ -115,33 +77,38 @@
115
77
  --sapContent_IconHeight: 1rem;
116
78
  --sapContent_IconColor: #eaecee;
117
79
  --sapContent_ContrastIconColor: #1d232a;
118
- --sapContent_NonInteractiveIconColor: #eaecee;
80
+ --sapContent_NonInteractiveIconColor: #a9b4be;
119
81
  --sapContent_MarkerIconColor: #d3b6ff;
120
82
  --sapContent_MarkerTextColor: #64edd2;
83
+ --sapContent_MeasureIndicatorColor: #a9b4be;
84
+ --sapContent_Selected_MeasureIndicatorColor: #4db1ff;
85
+ --sapContent_Placeholderloading_Background: #475566;
86
+ --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #475566 0%, #475566 20%, #74879f 50%, #475566 80%, #475566 100%);
121
87
  --sapContent_ImagePlaceholderBackground: #45617c;
122
88
  --sapContent_ImagePlaceholderForegroundColor: #d5dadd;
123
89
  --sapContent_RatedColor: #ffdf72;
124
90
  --sapContent_UnratedColor: #a9b4be;
125
- --sapContent_FocusColor: #4db1ff;
91
+ --sapContent_BusyColor: #4db1ff;
92
+ --sapContent_FocusColor: #9ad3ff;
126
93
  --sapContent_FocusStyle: solid;
127
94
  --sapContent_FocusWidth: .125rem;
128
- --sapContent_ContrastFocusColor: #fff;
95
+ --sapContent_ContrastFocusColor: #000;
129
96
  --sapContent_ShadowColor: #000;
130
97
  --sapContent_ContrastShadowColor: #fff;
131
- --sapContent_Shadow0: 0 0 0.125rem 0 rgba(255,255,255,0.2), 0 0.125rem 0.5rem 0 rgba(0,0,0,0.3);
98
+ --sapContent_Shadow0: 0 0 0.125rem 0 rgba(255,255,255,0.6), 0 0.125rem 0.5rem 0 rgba(0,0,0,0.2);
132
99
  --sapContent_Shadow1: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 0.125rem 0.5rem 0 rgba(0,0,0,0.6);
133
100
  --sapContent_Shadow2: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 0.625rem 1.875rem 0 rgba(0,0,0,0.6);
134
101
  --sapContent_Shadow3: 0 0 0 0.0625rem rgba(255,255,255,0.35), 0 1.25rem 5rem 0 rgba(0,0,0,0.6);
135
102
  --sapContent_TextShadow: 0 0 0.125rem #000;
136
103
  --sapContent_ContrastTextShadow: none;
137
- --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 #2e3742;
138
- --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(234,236,238,0.72);
139
- --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(77,177,255,0.72);
140
- --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(250,97,97,0.72);
141
- --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(255,223,114,0.72);
142
- --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(151,221,64,0.72);
143
- --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(77,177,255,0.72);
144
- --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(234,236,238,0.72);
104
+ --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.2), inset 0 -0.0625rem 0 0 #2e3742;
105
+ --sapContent_Interaction_Shadow: inset 0 0 0 0.0625rem rgba(169,180,190,0.25);
106
+ --sapContent_Selected_Shadow: inset 0 0 0 0.0625rem rgba(77,177,255,0.3);
107
+ --sapContent_Negative_Shadow: inset 0 0 0 0.0625rem rgba(248,38,38,0.3);
108
+ --sapContent_Critical_Shadow: inset 0 0 0 0.0625rem rgba(132,92,0,0.5);
109
+ --sapContent_Positive_Shadow: inset 0 0 0 0.0625rem rgba(109,173,31,0.18);
110
+ --sapContent_Informative_Shadow: inset 0 0 0 0.0625rem rgba(77,177,255,0.3);
111
+ --sapContent_Neutral_Shadow: inset 0 0 0 0.0625rem rgba(169,180,190,0.3);
145
112
  --sapContent_SearchHighlightColor: #046c7a;
146
113
  --sapContent_HelpColor: #5dc122;
147
114
  --sapContent_LabelColor: #8396A8;
@@ -150,28 +117,27 @@
150
117
  --sapContent_IconFontFamily: "SAP-icons";
151
118
  --sapContent_DisabledTextColor: rgba(234,236,238,0.6);
152
119
  --sapContent_DisabledOpacity: 0.4;
153
- --sapContent_ContrastTextThreshold: 0.5;
120
+ --sapContent_ContrastTextThreshold: 0.386;
154
121
  --sapContent_ContrastTextColor: #1d232a;
155
122
  --sapContent_ForegroundColor: #101418;
156
123
  --sapContent_ForegroundBorderColor: #a9b4be;
157
124
  --sapContent_ForegroundTextColor: #eaecee;
158
125
  --sapContent_BadgeBackground: #ff8cb2;
159
126
  --sapContent_BadgeTextColor: #1d232a;
160
- --sapContent_Placeholderloading_Background: #475566;
161
- --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #475566 0%, #475566 20%, #74879f 50%, #475566 80%, #475566 100%);
162
127
  --sapContent_DragAndDropActiveColor: #4db1ff;
163
- --sapContent_Selected_Background: #1d232a;
164
128
  --sapContent_Selected_TextColor: #4db1ff;
165
- --sapContent_Selected_Hover_Background: #1d232a;
129
+ --sapContent_Selected_Background: #1d232a;
130
+ --sapContent_Selected_Hover_Background: #002b4d;
166
131
  --sapContent_Selected_ForegroundColor: #4db1ff;
132
+ --sapContent_ForcedColorAdjust: none;
167
133
  --sapContent_Illustrative_Color1: #5d36ff;
168
134
  --sapContent_Illustrative_Color2: #4098ff;
169
135
  --sapContent_Illustrative_Color3: #f58b00;
170
- --sapContent_Illustrative_Color4: #5581ae;
136
+ --sapContent_Illustrative_Color4: #688fb7;
171
137
  --sapContent_Illustrative_Color5: #fff;
172
- --sapContent_Illustrative_Color6: #b9c1c6;
138
+ --sapContent_Illustrative_Color6: #818f98;
173
139
  --sapContent_Illustrative_Color7: #223548;
174
- --sapContent_Illustrative_Color8: #fff;
140
+ --sapContent_Illustrative_Color8: #cedbe8;
175
141
  --sapContent_Illustrative_Color9: #64edd2;
176
142
  --sapContent_Illustrative_Color10: #ebf8ff;
177
143
  --sapContent_Illustrative_Color11: #f31ded;
@@ -184,18 +150,39 @@
184
150
  --sapContent_Illustrative_Color18: #2a4259;
185
151
  --sapContent_Illustrative_Color19: #324e6b;
186
152
  --sapContent_Illustrative_Color20: #3b5b7c;
153
+ --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
154
+ --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
155
+ --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
156
+ --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
157
+ --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
158
+ --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
159
+ --sapFontSmallSize: .75rem;
160
+ --sapFontLargeSize: 1rem;
161
+ --sapFontHeader1Size: 3rem;
162
+ --sapFontHeader2Size: 2rem;
163
+ --sapFontHeader3Size: 1.5rem;
164
+ --sapFontHeader4Size: 1.25rem;
165
+ --sapFontHeader5Size: 1rem;
166
+ --sapFontHeader6Size: .875rem;
167
+ --sapLink_TextDecoration: none;
168
+ --sapLink_Hover_Color: #4db1ff;
169
+ --sapLink_Hover_TextDecoration: underline;
170
+ --sapLink_Active_Color: #4db1ff;
171
+ --sapLink_Active_TextDecoration: none;
172
+ --sapLink_Visited_Color: #4db1ff;
173
+ --sapLink_InvertedColor: #bde2ff;
174
+ --sapLink_SubtleColor: #eaecee;
187
175
  --sapShell_Background: #12171c;
188
176
  --sapShell_BackgroundImage: linear-gradient(to bottom, #12171c, #12171c);
189
- --sapShell_BackgroundGradient: linear-gradient(to bottom, #12171c, #12171c);
190
177
  --sapShell_BackgroundImageOpacity: 1.0;
191
178
  --sapShell_BackgroundImageRepeat: false;
192
179
  --sapShell_BorderColor: #1d232a;
193
180
  --sapShell_TextColor: #eaecee;
194
- --sapShell_InteractiveBackground: #242e38;
181
+ --sapShell_InteractiveBackground: #12171c;
195
182
  --sapShell_InteractiveTextColor: #eaecee;
196
183
  --sapShell_InteractiveBorderColor: #a9b4be;
197
184
  --sapShell_GroupTitleTextColor: #eaecee;
198
- --sapShell_GroupTitleTextShadow: 0 0 .125rem #000;
185
+ --sapShell_GroupTitleTextShadow: 0 0 0.125rem #000;
199
186
  --sapShell_Hover_Background: #1d232a;
200
187
  --sapShell_Active_Background: #1d232a;
201
188
  --sapShell_Active_TextColor: #4db1ff;
@@ -204,33 +191,127 @@
204
191
  --sapShell_Selected_Hover_Background: #1d232a;
205
192
  --sapShell_Favicon: none;
206
193
  --sapShell_Navigation_Background: #1d232a;
207
- --sapShell_Navigation_SelectedColor: #eaecee;
208
- --sapShell_Navigation_Selected_TextColor: #eaecee;
209
- --sapShell_Navigation_TextColor: #eaecee;
210
194
  --sapShell_Navigation_Hover_Background: #1d232a;
211
- --sapShell_Navigation_Active_Background: #1d232a;
195
+ --sapShell_Navigation_SelectedColor: #4db1ff;
196
+ --sapShell_Navigation_Selected_TextColor: #4db1ff;
197
+ --sapShell_Navigation_TextColor: #eaecee;
212
198
  --sapShell_Navigation_Active_TextColor: #4db1ff;
213
- --sapShell_Shadow: 0 0 .5rem 0 rgba(0,0,0,0.8),inset 0 -0.0625rem 0 0 rgba(255,255,255,0.2);
199
+ --sapShell_Navigation_Active_Background: #1d232a;
200
+ --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(0,0,0,0.8), inset 0 -0.0625rem 0 0 rgba(255,255,255,0.2);
214
201
  --sapShell_NegativeColor: #fa6161;
215
202
  --sapShell_CriticalColor: #ffdf72;
216
203
  --sapShell_PositiveColor: #97dd40;
217
204
  --sapShell_InformativeColor: #4db1ff;
218
205
  --sapShell_NeutralColor: #eaecee;
206
+ --sapShell_Category_1_Background: #89d1ff;
207
+ --sapShell_Category_1_BorderColor: #89d1ff;
208
+ --sapShell_Category_1_TextColor: #1d232a;
209
+ --sapShell_Category_1_TextShadow: none;
210
+ --sapShell_Category_2_Background: #feadc8;
211
+ --sapShell_Category_2_BorderColor: #feadc8;
212
+ --sapShell_Category_2_TextColor: #1d232a;
213
+ --sapShell_Category_2_TextShadow: none;
214
+ --sapShell_Category_3_Background: #ffb300;
215
+ --sapShell_Category_3_BorderColor: #ffb300;
216
+ --sapShell_Category_3_TextColor: #1d232a;
217
+ --sapShell_Category_3_TextShadow: none;
218
+ --sapShell_Category_4_Background: #aa7dd9;
219
+ --sapShell_Category_4_BorderColor: #aa7dd9;
220
+ --sapShell_Category_4_TextColor: #1d232a;
221
+ --sapShell_Category_4_TextShadow: none;
222
+ --sapShell_Category_5_Background: #fbbfac;
223
+ --sapShell_Category_5_BorderColor: #fbbfac;
224
+ --sapShell_Category_5_TextColor: #1d232a;
225
+ --sapShell_Category_5_TextShadow: none;
226
+ --sapShell_Category_6_Background: #2ce0bf;
227
+ --sapShell_Category_6_BorderColor: #2ce0bf;
228
+ --sapShell_Category_6_TextColor: #1d232a;
229
+ --sapShell_Category_6_TextShadow: none;
230
+ --sapShell_Category_7_Background: #ff8af0;
231
+ --sapShell_Category_7_BorderColor: #ff8af0;
232
+ --sapShell_Category_7_TextColor: #1d232a;
233
+ --sapShell_Category_7_TextShadow: none;
234
+ --sapShell_Category_8_Background: #97dd40;
235
+ --sapShell_Category_8_BorderColor: #97dd40;
236
+ --sapShell_Category_8_TextColor: #1d232a;
237
+ --sapShell_Category_8_TextShadow: none;
238
+ --sapShell_Category_9_Background: #1b90ff;
239
+ --sapShell_Category_9_BorderColor: #1b90ff;
240
+ --sapShell_Category_9_TextColor: #1d232a;
241
+ --sapShell_Category_9_TextShadow: none;
242
+ --sapShell_Category_10_Background: #8396a8;
243
+ --sapShell_Category_10_BorderColor: #8396a8;
244
+ --sapShell_Category_10_TextColor: #1d232a;
245
+ --sapShell_Category_10_TextShadow: none;
246
+ --sapShell_Category_11_Background: #fe5656;
247
+ --sapShell_Category_11_BorderColor: #fe5656;
248
+ --sapShell_Category_11_TextColor: #1d232a;
249
+ --sapShell_Category_11_TextShadow: none;
250
+ --sapShell_Category_12_Background: #9b99ff;
251
+ --sapShell_Category_12_BorderColor: #9b99ff;
252
+ --sapShell_Category_12_TextColor: #1d232a;
253
+ --sapShell_Category_12_TextShadow: none;
254
+ --sapShell_Category_13_Background: #f52ebc;
255
+ --sapShell_Category_13_BorderColor: #f52ebc;
256
+ --sapShell_Category_13_TextColor: #1d232a;
257
+ --sapShell_Category_13_TextShadow: none;
258
+ --sapShell_Category_14_Background: #0ba38a;
259
+ --sapShell_Category_14_BorderColor: #0ba38a;
260
+ --sapShell_Category_14_TextColor: #1d232a;
261
+ --sapShell_Category_14_TextShadow: none;
262
+ --sapShell_Category_15_Background: #d5dadd;
263
+ --sapShell_Category_15_BorderColor: #d5dadd;
264
+ --sapShell_Category_15_TextColor: #1d232a;
265
+ --sapShell_Category_15_TextShadow: none;
266
+ --sapShell_Category_16_Background: #39ad1f;
267
+ --sapShell_Category_16_BorderColor: #39ad1f;
268
+ --sapShell_Category_16_TextColor: #1d232a;
269
+ --sapShell_Category_16_TextShadow: none;
270
+ --sapAvatar_1_Background: #ae4000;
271
+ --sapAvatar_1_BorderColor: #ae4000;
272
+ --sapAvatar_1_TextColor: #ffdf72;
273
+ --sapAvatar_2_Background: #890506;
274
+ --sapAvatar_2_BorderColor: #890506;
275
+ --sapAvatar_2_TextColor: #ff8cb2;
276
+ --sapAvatar_3_Background: #b40569;
277
+ --sapAvatar_3_BorderColor: #b40569;
278
+ --sapAvatar_3_TextColor: #fecbda;
279
+ --sapAvatar_4_Background: #8700b8;
280
+ --sapAvatar_4_BorderColor: #8700b8;
281
+ --sapAvatar_4_TextColor: #ffafed;
282
+ --sapAvatar_5_Background: #470cf1;
283
+ --sapAvatar_5_BorderColor: #470cf1;
284
+ --sapAvatar_5_TextColor: #d3b6ff;
285
+ --sapAvatar_6_Background: #0054cc;
286
+ --sapAvatar_6_BorderColor: #0054cc;
287
+ --sapAvatar_6_TextColor: #a6e0ff;
288
+ --sapAvatar_7_Background: #036573;
289
+ --sapAvatar_7_BorderColor: #036573;
290
+ --sapAvatar_7_TextColor: #64edd2;
291
+ --sapAvatar_8_Background: #236c39;
292
+ --sapAvatar_8_BorderColor: #236c39;
293
+ --sapAvatar_8_TextColor: #bde986;
294
+ --sapAvatar_9_Background: #4e247a;
295
+ --sapAvatar_9_BorderColor: #4e247a;
296
+ --sapAvatar_9_TextColor: #b995e0;
297
+ --sapAvatar_10_Background: #45617c;
298
+ --sapAvatar_10_BorderColor: #45617c;
299
+ --sapAvatar_10_TextColor: #d5dadd;
300
+ --sapButton_Background: #1c242c;
301
+ --sapButton_BorderColor: #3a4a5a;
219
302
  --sapButton_BorderWidth: .0625rem;
220
303
  --sapButton_BorderCornerRadius: .5rem;
221
- --sapButton_Background: #2e3b47;
222
- --sapButton_BorderColor: #2e3b47;
223
- --sapButton_TextColor: #eaecee;
224
- --sapButton_Hover_Background: #1d232a;
225
- --sapButton_Hover_BorderColor: #1d232a;
226
- --sapButton_Hover_TextColor: #eaecee;
227
- --sapButton_IconColor: #eaecee;
304
+ --sapButton_TextColor: #4db1ff;
305
+ --sapButton_Hover_Background: #222b35;
306
+ --sapButton_Hover_BorderColor: #3a4a5a;
307
+ --sapButton_Hover_TextColor: #4db1ff;
308
+ --sapButton_IconColor: #4db1ff;
228
309
  --sapButton_Active_Background: #213131;
229
310
  --sapButton_Active_BorderColor: #4db1ff;
230
311
  --sapButton_Active_TextColor: #4db1ff;
231
312
  --sapButton_Emphasized_Background: #0070f2;
232
313
  --sapButton_Emphasized_BorderColor: #0070f2;
233
- --sapButton_Emphasized_TextColor: #eaecee;
314
+ --sapButton_Emphasized_TextColor: #fff;
234
315
  --sapButton_Emphasized_Hover_Background: #0064d9;
235
316
  --sapButton_Emphasized_Hover_BorderColor: #0064d9;
236
317
  --sapButton_Emphasized_Hover_TextColor: #eaecee;
@@ -238,52 +319,53 @@
238
319
  --sapButton_Emphasized_Active_BorderColor: #4db1ff;
239
320
  --sapButton_Emphasized_Active_TextColor: #4db1ff;
240
321
  --sapButton_Emphasized_TextShadow: transparent;
322
+ --sapButton_Emphasized_FontWeight: bold;
241
323
  --sapButton_Reject_Background: #490000;
242
- --sapButton_Reject_BorderColor: #490000;
243
- --sapButton_Reject_Hover_Background: #1d232a;
244
- --sapButton_Reject_Hover_BorderColor: #1d232a;
324
+ --sapButton_Reject_BorderColor: #620000;
325
+ --sapButton_Reject_TextColor: #fa6161;
326
+ --sapButton_Reject_Hover_Background: #620000;
327
+ --sapButton_Reject_Hover_BorderColor: #620000;
245
328
  --sapButton_Reject_Hover_TextColor: #fa6161;
246
329
  --sapButton_Reject_Active_Background: #213131;
247
330
  --sapButton_Reject_Active_BorderColor: #fa6161;
248
331
  --sapButton_Reject_Active_TextColor: #fa6161;
249
- --sapButton_Reject_TextColor: #fa6161;
250
332
  --sapButton_Reject_Selected_Background: #213131;
251
333
  --sapButton_Reject_Selected_BorderColor: #fa6161;
252
334
  --sapButton_Reject_Selected_TextColor: #fa6161;
253
- --sapButton_Reject_Selected_Hover_Background: #213131;
335
+ --sapButton_Reject_Selected_Hover_Background: #620000;
254
336
  --sapButton_Reject_Selected_Hover_BorderColor: #fa6161;
255
337
  --sapButton_Accept_Background: #153e20;
256
- --sapButton_Accept_BorderColor: #153e20;
257
- --sapButton_Accept_Hover_Background: #1d232a;
258
- --sapButton_Accept_Hover_BorderColor: #1d232a;
338
+ --sapButton_Accept_BorderColor: #1b512a;
339
+ --sapButton_Accept_TextColor: #97dd40;
340
+ --sapButton_Accept_Hover_Background: #1b512a;
341
+ --sapButton_Accept_Hover_BorderColor: #1b512a;
259
342
  --sapButton_Accept_Hover_TextColor: #97dd40;
260
343
  --sapButton_Accept_Active_Background: #213131;
261
344
  --sapButton_Accept_Active_BorderColor: #6dad1f;
262
345
  --sapButton_Accept_Active_TextColor: #97dd40;
263
- --sapButton_Accept_TextColor: #97dd40;
264
346
  --sapButton_Accept_Selected_Background: #213131;
265
347
  --sapButton_Accept_Selected_BorderColor: #6dad1f;
266
348
  --sapButton_Accept_Selected_TextColor: #97dd40;
267
- --sapButton_Accept_Selected_Hover_Background: #1d232a;
349
+ --sapButton_Accept_Selected_Hover_Background: #1b512a;
268
350
  --sapButton_Accept_Selected_Hover_BorderColor: #6dad1f;
269
351
  --sapButton_Lite_Background: transparent;
270
352
  --sapButton_Lite_BorderColor: transparent;
271
353
  --sapButton_Lite_TextColor: #4db1ff;
272
- --sapButton_Lite_Hover_Background: #1d232a;
273
- --sapButton_Lite_Hover_BorderColor: #1d232a;
354
+ --sapButton_Lite_Hover_Background: #222b35;
355
+ --sapButton_Lite_Hover_BorderColor: #3a4a5a;
274
356
  --sapButton_Lite_Hover_TextColor: #4db1ff;
275
357
  --sapButton_Lite_Active_Background: #213131;
276
358
  --sapButton_Lite_Active_BorderColor: #4db1ff;
277
359
  --sapButton_Selected_Background: #1d232a;
278
360
  --sapButton_Selected_BorderColor: #4db1ff;
279
361
  --sapButton_Selected_TextColor: #4db1ff;
280
- --sapButton_Selected_Hover_Background: #1d232a;
362
+ --sapButton_Selected_Hover_Background: #002b4d;
281
363
  --sapButton_Selected_Hover_BorderColor: #4db1ff;
282
364
  --sapButton_Attention_Background: #382700;
283
- --sapButton_Attention_BorderColor: #382700;
365
+ --sapButton_Attention_BorderColor: #523900;
284
366
  --sapButton_Attention_TextColor: #ffdf72;
285
- --sapButton_Attention_Hover_Background: #1d232a;
286
- --sapButton_Attention_Hover_BorderColor: #1d232a;
367
+ --sapButton_Attention_Hover_Background: #523900;
368
+ --sapButton_Attention_Hover_BorderColor: #523900;
287
369
  --sapButton_Attention_Hover_TextColor: #ffdf72;
288
370
  --sapButton_Attention_Active_Background: #213131;
289
371
  --sapButton_Attention_Active_BorderColor: #f7bf00;
@@ -291,7 +373,7 @@
291
373
  --sapButton_Attention_Selected_Background: #213131;
292
374
  --sapButton_Attention_Selected_BorderColor: #f7bf00;
293
375
  --sapButton_Attention_Selected_TextColor: #ffdf72;
294
- --sapButton_Attention_Selected_Hover_Background: #213131;
376
+ --sapButton_Attention_Selected_Hover_Background: #523900;
295
377
  --sapButton_Attention_Selected_Hover_BorderColor: #f7bf00;
296
378
  --sapButton_Negative_Background: #fa6161;
297
379
  --sapButton_Negative_BorderColor: #fa6161;
@@ -299,88 +381,144 @@
299
381
  --sapButton_Negative_Hover_Background: #fb7a7a;
300
382
  --sapButton_Negative_Hover_BorderColor: #fb7a7a;
301
383
  --sapButton_Negative_Hover_TextColor: #1d232a;
302
- --sapButton_Negative_Active_Background: #fc9292;
303
- --sapButton_Negative_Active_BorderColor: #fc9292;
304
- --sapButton_Negative_Active_TextColor: #1d232a;
384
+ --sapButton_Negative_Active_Background: #213131;
385
+ --sapButton_Negative_Active_BorderColor: #fa6161;
386
+ --sapButton_Negative_Active_TextColor: #fa6161;
305
387
  --sapButton_Critical_Background: #f7bf00;
306
388
  --sapButton_Critical_BorderColor: #f7bf00;
307
389
  --sapButton_Critical_TextColor: #1d232a;
308
390
  --sapButton_Critical_Hover_Background: #ffcf2b;
309
391
  --sapButton_Critical_Hover_BorderColor: #ffcf2b;
310
392
  --sapButton_Critical_Hover_TextColor: #1d232a;
311
- --sapButton_Critical_Active_Background: #ffd43f;
312
- --sapButton_Critical_Active_BorderColor: #ffd43f;
313
- --sapButton_Critical_Active_TextColor: #1d232a;
393
+ --sapButton_Critical_Active_Background: #213131;
394
+ --sapButton_Critical_Active_BorderColor: #f7bf00;
395
+ --sapButton_Critical_Active_TextColor: #ffdf72;
314
396
  --sapButton_Success_Background: #6dad1f;
315
397
  --sapButton_Success_BorderColor: #6dad1f;
316
398
  --sapButton_Success_TextColor: #1d232a;
317
399
  --sapButton_Success_Hover_Background: #7bc323;
318
400
  --sapButton_Success_Hover_BorderColor: #7bc323;
319
401
  --sapButton_Success_Hover_TextColor: #1d232a;
320
- --sapButton_Success_Active_Background: #88d827;
321
- --sapButton_Success_Active_BorderColor: #88d827;
322
- --sapButton_Success_Active_TextColor: #1d232a;
323
- --sapButton_Information_Background: #4db1ff;
324
- --sapButton_Information_BorderColor: #4db1ff;
325
- --sapButton_Information_TextColor: #1d232a;
326
- --sapButton_Information_Hover_Background: #67bcff;
327
- --sapButton_Information_Hover_BorderColor: #67bcff;
328
- --sapButton_Information_Hover_TextColor: #1d232a;
329
- --sapButton_Information_Active_Background: #80c7ff;
330
- --sapButton_Information_Active_BorderColor: #80c7ff;
331
- --sapButton_Information_Active_TextColor: #1d232a;
332
- --sapButton_Neutral_Background: #a9b4be;
333
- --sapButton_Neutral_BorderColor: #a9b4be;
334
- --sapButton_Neutral_TextColor: #1d232a;
335
- --sapButton_Neutral_Hover_Background: #b8c1c9;
336
- --sapButton_Neutral_Hover_BorderColor: #b8c1c9;
337
- --sapButton_Neutral_Hover_TextColor: #1d232a;
338
- --sapButton_Neutral_Active_Background: #c6cdd4;
339
- --sapButton_Neutral_Active_BorderColor: #c6cdd4;
340
- --sapButton_Neutral_Active_TextColor: #1d232a;
341
- --sapButton_Track_Selected_Background: #4db1ff;
342
- --sapButton_Track_Selected_TextColor: #4db1ff;
402
+ --sapButton_Success_Active_Background: #213131;
403
+ --sapButton_Success_Active_BorderColor: #6dad1f;
404
+ --sapButton_Success_Active_TextColor: #97dd40;
405
+ --sapButton_Information_Background: #002b4d;
406
+ --sapButton_Information_BorderColor: #00457b;
407
+ --sapButton_Information_TextColor: #4db1ff;
408
+ --sapButton_Information_Hover_Background: #003967;
409
+ --sapButton_Information_Hover_BorderColor: #00457b;
410
+ --sapButton_Information_Hover_TextColor: #4db1ff;
411
+ --sapButton_Information_Active_Background: #213131;
412
+ --sapButton_Information_Active_BorderColor: #4db1ff;
413
+ --sapButton_Information_Active_TextColor: #4db1ff;
414
+ --sapButton_Neutral_Background: #002b4d;
415
+ --sapButton_Neutral_BorderColor: #00457b;
416
+ --sapButton_Neutral_TextColor: #4db1ff;
417
+ --sapButton_Neutral_Hover_Background: #003967;
418
+ --sapButton_Neutral_Hover_BorderColor: #00457b;
419
+ --sapButton_Neutral_Hover_TextColor: #4db1ff;
420
+ --sapButton_Neutral_Active_Background: #213131;
421
+ --sapButton_Neutral_Active_BorderColor: #4db1ff;
422
+ --sapButton_Neutral_Active_TextColor: #4db1ff;
343
423
  --sapButton_Track_Background: #a9b4be;
424
+ --sapButton_Track_BorderColor: #a9b4be;
344
425
  --sapButton_Track_TextColor: #1d232a;
345
- --sapButton_TokenBackground: #1d232a;
346
- --sapButton_TokenBorderColor: #a9b4be;
347
- --sapField_Background: #242e38;
426
+ --sapButton_Track_Hover_Background: #b8c1c9;
427
+ --sapButton_Track_Hover_BorderColor: #b8c1c9;
428
+ --sapButton_Track_Selected_Background: #4db1ff;
429
+ --sapButton_Track_Selected_BorderColor: #4db1ff;
430
+ --sapButton_Track_Selected_TextColor: #1d232a;
431
+ --sapButton_Track_Selected_Hover_Background: #67bcff;
432
+ --sapButton_Track_Selected_Hover_BorderColor: #67bcff;
433
+ --sapButton_Handle_Background: #1d232a;
434
+ --sapButton_Handle_BorderColor: #1d232a;
435
+ --sapButton_Handle_TextColor: #eaecee;
436
+ --sapButton_Handle_Hover_Background: #1d232a;
437
+ --sapButton_Handle_Hover_BorderColor: rgba(29,35,42,0.5);
438
+ --sapButton_Handle_Selected_Background: #1d232a;
439
+ --sapButton_Handle_Selected_BorderColor: #1d232a;
440
+ --sapButton_Handle_Selected_TextColor: #4db1ff;
441
+ --sapButton_Handle_Selected_Hover_Background: #1d232a;
442
+ --sapButton_Handle_Selected_Hover_BorderColor: rgba(29,35,42,0.5);
443
+ --sapButton_Track_Negative_Background: #fa6161;
444
+ --sapButton_Track_Negative_BorderColor: #fa6161;
445
+ --sapButton_Track_Negative_TextColor: #1d232a;
446
+ --sapButton_Track_Negative_Hover_Background: #fb7a7a;
447
+ --sapButton_Track_Negative_Hover_BorderColor: #fb7a7a;
448
+ --sapButton_Handle_Negative_Background: #1d232a;
449
+ --sapButton_Handle_Negative_BorderColor: #1d232a;
450
+ --sapButton_Handle_Negative_TextColor: #fa6161;
451
+ --sapButton_Handle_Negative_Hover_Background: #1d232a;
452
+ --sapButton_Handle_Negative_Hover_BorderColor: rgba(29,35,42,0.5);
453
+ --sapButton_Track_Positive_Background: #6dad1f;
454
+ --sapButton_Track_Positive_BorderColor: #6dad1f;
455
+ --sapButton_Track_Positive_TextColor: #1d232a;
456
+ --sapButton_Track_Positive_Hover_Background: #7bc323;
457
+ --sapButton_Track_Positive_Hover_BorderColor: #7bc323;
458
+ --sapButton_Handle_Positive_Background: #1d232a;
459
+ --sapButton_Handle_Positive_BorderColor: #1d232a;
460
+ --sapButton_Handle_Positive_TextColor: #97dd40;
461
+ --sapButton_Handle_Positive_Hover_Background: #1d232a;
462
+ --sapButton_Handle_Positive_Hover_BorderColor: rgba(29,35,42,0.5);
463
+ --sapButton_TokenBackground: #1c242c;
464
+ --sapButton_TokenBorderColor: #3a4a5a;
465
+ --sapField_Background: #161c22;
466
+ --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #a9b4be, #a9b4be) border-box;
348
467
  --sapField_TextColor: #fff;
349
468
  --sapField_PlaceholderTextColor: #8396A8;
350
469
  --sapField_BorderColor: #a9b4be;
351
- --sapField_HelpBackground: #242e38;
470
+ --sapField_HelpBackground: #161c22;
352
471
  --sapField_BorderWidth: .0625rem;
472
+ --sapField_BorderStyle: none;
353
473
  --sapField_BorderCornerRadius: .25rem;
474
+ --sapField_Shadow: inset 0 0 0 0.0625rem rgba(169,180,190,0.25);
354
475
  --sapField_Hover_Background: #1d232a;
355
- --sapField_Hover_BorderColor: #a9b4be;
476
+ --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #4db1ff, #4db1ff) border-box;
477
+ --sapField_Hover_BorderColor: #4db1ff;
356
478
  --sapField_Hover_HelpBackground: #1d232a;
479
+ --sapField_Hover_Shadow: inset 0 0 0 0.0625rem rgba(77,177,255,0.3);
480
+ --sapField_Hover_InvalidShadow: inset 0 0 0 0.0625rem rgba(248,38,38,0.3);
481
+ --sapField_Hover_WarningShadow: inset 0 0 0 0.0625rem rgba(132,92,0,0.5);
482
+ --sapField_Hover_SuccessShadow: inset 0 0 0 0.0625rem rgba(109,173,31,0.18);
483
+ --sapField_Hover_InformationShadow: inset 0 0 0 0.0625rem rgba(77,177,255,0.3);
357
484
  --sapField_Active_BorderColor: #4db1ff;
358
485
  --sapField_Focus_Background: #1d232a;
359
- --sapField_Focus_BorderColor: #4db1ff;
486
+ --sapField_Focus_BorderColor: #9ad3ff;
360
487
  --sapField_Focus_HelpBackground: #1d232a;
361
- --sapField_ReadOnly_Background: transparent;
488
+ --sapField_ReadOnly_Background: #242e38;
489
+ --sapField_ReadOnly_BackgroundStyle: 0 100% / 0.375rem .0625rem repeat-x linear-gradient(90deg, #a9b4be 0, #a9b4be 0.25rem, transparent 0.25rem) border-box;
362
490
  --sapField_ReadOnly_BorderColor: #a9b4be;
363
- --sapField_ReadOnly_HelpBackground: transparent;
491
+ --sapField_ReadOnly_BorderStyle: none;
492
+ --sapField_ReadOnly_HelpBackground: #242e38;
364
493
  --sapField_RequiredColor: #ff78a4;
365
494
  --sapField_InvalidColor: #fa6161;
366
495
  --sapField_InvalidBackground: #350000;
496
+ --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #fa6161, #fa6161) border-box;
367
497
  --sapField_InvalidBorderWidth: .125rem;
368
- --sapField_InvalidBorderStyle: solid;
498
+ --sapField_InvalidBorderStyle: none;
499
+ --sapField_InvalidShadow: inset 0 0 0 0.0625rem rgba(248,38,38,0.3);
369
500
  --sapField_WarningColor: #f7bf00;
370
501
  --sapField_WarningBackground: #382700;
502
+ --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f7bf00, #f7bf00) border-box;
371
503
  --sapField_WarningBorderWidth: .125rem;
372
- --sapField_WarningBorderStyle: solid;
504
+ --sapField_WarningBorderStyle: none;
505
+ --sapField_WarningShadow: inset 0 0 0 0.0625rem rgba(132,92,0,0.5);
373
506
  --sapField_SuccessColor: #6dad1f;
374
507
  --sapField_SuccessBackground: #11331a;
508
+ --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #6dad1f, #6dad1f) border-box;
375
509
  --sapField_SuccessBorderWidth: .0625rem;
376
- --sapField_SuccessBorderStyle: solid;
510
+ --sapField_SuccessBorderStyle: none;
511
+ --sapField_SuccessShadow: inset 0 0 0 0.0625rem rgba(109,173,31,0.18);
377
512
  --sapField_InformationColor: #4db1ff;
378
513
  --sapField_InformationBackground: #00144a;
514
+ --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #4db1ff, #4db1ff) border-box;
379
515
  --sapField_InformationBorderWidth: .125rem;
380
- --sapField_InformationBorderStyle: solid;
516
+ --sapField_InformationBorderStyle: none;
517
+ --sapField_InformationShadow: inset 0 0 0 0.0625rem rgba(77,177,255,0.3);
381
518
  --sapGroup_TitleBackground: #1d232a;
382
- --sapGroup_TitleBorderColor: #3c4957;
519
+ --sapGroup_TitleBorderColor: #768ea5;
383
520
  --sapGroup_TitleTextColor: #eaecee;
521
+ --sapGroup_Title_FontSize: 1rem;
384
522
  --sapGroup_ContentBackground: #1d232a;
385
523
  --sapGroup_ContentBorderColor: #323c48;
386
524
  --sapGroup_BorderWidth: .0625rem;
@@ -389,36 +527,84 @@
389
527
  --sapToolbar_Background: #1d232a;
390
528
  --sapToolbar_SeparatorColor: #3c4957;
391
529
  --sapList_HeaderBackground: #1d232a;
392
- --sapList_HeaderBorderColor: #2e3742;
530
+ --sapList_HeaderBorderColor: #768ea5;
393
531
  --sapList_HeaderTextColor: #eaecee;
394
532
  --sapList_BorderColor: #2e3742;
533
+ --sapList_BorderWidth: .0625rem;
395
534
  --sapList_TextColor: #eaecee;
396
535
  --sapList_Active_TextColor: #eaecee;
397
- --sapList_BorderWidth: .0625rem;
398
536
  --sapList_Active_Background: #020303;
399
537
  --sapList_SelectionBackgroundColor: #1d2d3e;
400
538
  --sapList_SelectionBorderColor: #4db1ff;
401
539
  --sapList_Hover_SelectionBackground: #223548;
402
540
  --sapList_Background: #1d232a;
403
- --sapList_Hover_Background: #232b33;
541
+ --sapList_Hover_Background: #222b35;
404
542
  --sapList_AlternatingBackground: #12171c;
405
543
  --sapList_GroupHeaderBackground: #1d232a;
406
- --sapList_GroupHeaderBorderColor: #4b5a6c;
544
+ --sapList_GroupHeaderBorderColor: #768ea5;
407
545
  --sapList_GroupHeaderTextColor: #eaecee;
408
- --sapList_FooterBackground: #1d232a;
409
- --sapList_FooterTextColor: #eaecee;
410
546
  --sapList_TableGroupHeaderBackground: #0c0f13;
411
- --sapList_TableGroupHeaderBorderColor: #4b5a6c;
547
+ --sapList_TableGroupHeaderBorderColor: #768ea5;
412
548
  --sapList_TableGroupHeaderTextColor: #eaecee;
413
- --sapList_TableFooterBorder: #4b5a6c;
549
+ --sapList_FooterBackground: #1d232a;
550
+ --sapList_FooterTextColor: #eaecee;
551
+ --sapList_TableFooterBorder: #768ea5;
414
552
  --sapList_TableFixedBorderColor: #6f829a;
415
- --sapList_Active_Background: #020303;
553
+ --sapMessage_ErrorBorderColor: #910000;
554
+ --sapMessage_WarningBorderColor: #845c00;
555
+ --sapMessage_SuccessBorderColor: #246c37;
556
+ --sapMessage_InformationBorderColor: #0034bf;
557
+ --sapPopover_BorderCornerRadius: .5rem;
558
+ --sapProgress_Background: #2e3b48;
559
+ --sapProgress_BorderColor: #2e3b48;
560
+ --sapProgress_TextColor: #eaecee;
561
+ --sapProgress_FontSize: .875rem;
562
+ --sapProgress_NegativeBackground: #680000;
563
+ --sapProgress_NegativeBorderColor: #680000;
564
+ --sapProgress_NegativeTextColor: #eaecee;
565
+ --sapProgress_CriticalBackground: #6b4b00;
566
+ --sapProgress_CriticalBorderColor: #6b4b00;
567
+ --sapProgress_CriticalTextColor: #eaecee;
568
+ --sapProgress_PositiveBackground: #174624;
569
+ --sapProgress_PositiveBorderColor: #174624;
570
+ --sapProgress_PositiveTextColor: #eaecee;
571
+ --sapProgress_InformationBackground: #001b64;
572
+ --sapProgress_InformationBorderColor: #001b64;
573
+ --sapProgress_InformationTextColor: #eaecee;
574
+ --sapProgress_Value_Background: #a9b4be;
575
+ --sapProgress_Value_BorderColor: #a9b4be;
576
+ --sapProgress_Value_TextColor: #a9b4be;
577
+ --sapProgress_Value_NegativeBackground: #fa6161;
578
+ --sapProgress_Value_NegativeBorderColor: #fa6161;
579
+ --sapProgress_Value_NegativeTextColor: #fa6161;
580
+ --sapProgress_Value_CriticalBackground: #f7bf00;
581
+ --sapProgress_Value_CriticalBorderColor: #f7bf00;
582
+ --sapProgress_Value_CriticalTextColor: #f7bf00;
583
+ --sapProgress_Value_PositiveBackground: #6dad1f;
584
+ --sapProgress_Value_PositiveBorderColor: #6dad1f;
585
+ --sapProgress_Value_PositiveTextColor: #6dad1f;
586
+ --sapProgress_Value_InformationBackground: #4db1ff;
587
+ --sapProgress_Value_InformationBorderColor: #4db1ff;
588
+ --sapProgress_Value_InformationTextColor: #4db1ff;
416
589
  --sapScrollBar_FaceColor: #647891;
417
590
  --sapScrollBar_TrackColor: #1d232a;
418
591
  --sapScrollBar_BorderColor: #647891;
419
- --sapScrollBar_SymbolColor: #eaecee;
592
+ --sapScrollBar_SymbolColor: #4db1ff;
420
593
  --sapScrollBar_Dimension: .75rem;
421
- --sapScrollBar_Hover_FaceColor: #5c6e85;
594
+ --sapScrollBar_Hover_FaceColor: #8697ac;
595
+ --sapSlider_Background: #2e3b48;
596
+ --sapSlider_BorderColor: #2e3b48;
597
+ --sapSlider_Selected_Background: #4db1ff;
598
+ --sapSlider_Selected_BorderColor: #4db1ff;
599
+ --sapSlider_HandleBackground: #1d232a;
600
+ --sapSlider_HandleBorderColor: #005394;
601
+ --sapSlider_RangeHandleBackground: #1d232a;
602
+ --sapSlider_Hover_HandleBackground: #002b4d;
603
+ --sapSlider_Hover_HandleBorderColor: #005394;
604
+ --sapSlider_Hover_RangeHandleBackground: #002b4d;
605
+ --sapSlider_Active_HandleBackground: #213131;
606
+ --sapSlider_Active_HandleBorderColor: #4db1ff;
607
+ --sapSlider_Active_RangeHandleBackground: transparent;
422
608
  --sapPageHeader_Background: #1d232a;
423
609
  --sapPageHeader_BorderColor: #2e3742;
424
610
  --sapPageHeader_TextColor: #eaecee;
@@ -431,19 +617,25 @@
431
617
  --sapInfobar_NonInteractive_Background: #12171c;
432
618
  --sapInfobar_TextColor: #64edd2;
433
619
  --sapObjectHeader_Background: #1d232a;
620
+ --sapObjectHeader_Hover_Background: #222b35;
434
621
  --sapObjectHeader_BorderColor: #2e3742;
435
- --sapObjectHeader_Hover_Background: #232b33;
622
+ --sapObjectHeader_Title_TextColor: #eaecee;
623
+ --sapObjectHeader_Title_FontSize: 1.5rem;
624
+ --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
625
+ --sapObjectHeader_Title_FontFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
626
+ --sapObjectHeader_Subtitle_TextColor: #8396a8;
436
627
  --sapBlockLayer_Background: #000;
437
628
  --sapTile_Background: #1d232a;
438
- --sapTile_Hover_Background: #1d232a;
439
- --sapTile_Active_Background: #15191e;
629
+ --sapTile_Hover_Background: #222b35;
630
+ --sapTile_Active_Background: #020303;
440
631
  --sapTile_BorderColor: transparent;
632
+ --sapTile_BorderCornerRadius: 1rem;
441
633
  --sapTile_TitleTextColor: #eaecee;
442
634
  --sapTile_TextColor: #8396a8;
443
635
  --sapTile_IconColor: #8396a8;
444
636
  --sapTile_SeparatorColor: #475566;
445
637
  --sapTile_Interactive_BorderColor: #5b6e85;
446
- --sapTile_OverlayBackground: rgba(29,35,42,0.96);
638
+ --sapTile_OverlayBackground: #1d232a;
447
639
  --sapTile_OverlayForegroundColor: #eaecee;
448
640
  --sapAccentColor1: #ffdf72;
449
641
  --sapAccentColor2: #ff8cb2;
@@ -465,6 +657,146 @@
465
657
  --sapAccentBackgroundColor8: #236c39;
466
658
  --sapAccentBackgroundColor9: #4e247a;
467
659
  --sapAccentBackgroundColor10: #45617c;
660
+ --sapIndicationColor_1: #fd4444;
661
+ --sapIndicationColor_1_Background: #fd4444;
662
+ --sapIndicationColor_1_BorderColor: #fd4444;
663
+ --sapIndicationColor_1_TextColor: #1d232a;
664
+ --sapIndicationColor_1_Hover_Background: #fd5d5d;
665
+ --sapIndicationColor_1_Active_Background: #213131;
666
+ --sapIndicationColor_1_Active_BorderColor: #5e0303;
667
+ --sapIndicationColor_1_Active_TextColor: #fd4444;
668
+ --sapIndicationColor_1_Selected_Background: #213131;
669
+ --sapIndicationColor_1_Selected_BorderColor: #5e0303;
670
+ --sapIndicationColor_1_Selected_TextColor: #fd4444;
671
+ --sapIndicationColor_1b: #5e0303;
672
+ --sapIndicationColor_1b_BorderColor: #5e0303;
673
+ --sapIndicationColor_1b_Hover_Background: #770404;
674
+ --sapIndicationColor_2: #ff8f8f;
675
+ --sapIndicationColor_2_Background: #ff8f8f;
676
+ --sapIndicationColor_2_BorderColor: #ff8f8f;
677
+ --sapIndicationColor_2_TextColor: #1d232a;
678
+ --sapIndicationColor_2_Hover_Background: #ffa9a9;
679
+ --sapIndicationColor_2_Active_Background: #213131;
680
+ --sapIndicationColor_2_Active_BorderColor: #7d0000;
681
+ --sapIndicationColor_2_Active_TextColor: #ff8f8f;
682
+ --sapIndicationColor_2_Selected_Background: #213131;
683
+ --sapIndicationColor_2_Selected_BorderColor: #7d0000;
684
+ --sapIndicationColor_2_Selected_TextColor: #ff8f8f;
685
+ --sapIndicationColor_2b: #7d0000;
686
+ --sapIndicationColor_2b_BorderColor: #7d0000;
687
+ --sapIndicationColor_2b_Hover_Background: #970000;
688
+ --sapIndicationColor_3: #ffc933;
689
+ --sapIndicationColor_3_Background: #ffc933;
690
+ --sapIndicationColor_3_BorderColor: #ffc933;
691
+ --sapIndicationColor_3_TextColor: #1d232a;
692
+ --sapIndicationColor_3_Hover_Background: #ffcd42;
693
+ --sapIndicationColor_3_Active_Background: #213131;
694
+ --sapIndicationColor_3_Active_BorderColor: #662b00;
695
+ --sapIndicationColor_3_Active_TextColor: #ffc933;
696
+ --sapIndicationColor_3_Selected_Background: #213131;
697
+ --sapIndicationColor_3_Selected_BorderColor: #662b00;
698
+ --sapIndicationColor_3_Selected_TextColor: #ffc933;
699
+ --sapIndicationColor_3b: #662b00;
700
+ --sapIndicationColor_3b_BorderColor: #662b00;
701
+ --sapIndicationColor_3b_Hover_Background: #803600;
702
+ --sapIndicationColor_4: #bde986;
703
+ --sapIndicationColor_4_Background: #bde986;
704
+ --sapIndicationColor_4_BorderColor: #bde986;
705
+ --sapIndicationColor_4_TextColor: #1d232a;
706
+ --sapIndicationColor_4_Hover_Background: #c9ed9c;
707
+ --sapIndicationColor_4_Active_Background: #213131;
708
+ --sapIndicationColor_4_Active_BorderColor: #044a18;
709
+ --sapIndicationColor_4_Active_TextColor: #bde986;
710
+ --sapIndicationColor_4_Selected_Background: #213131;
711
+ --sapIndicationColor_4_Selected_BorderColor: #044a18;
712
+ --sapIndicationColor_4_Selected_TextColor: #bde986;
713
+ --sapIndicationColor_4b: #044a18;
714
+ --sapIndicationColor_4b_BorderColor: #044a18;
715
+ --sapIndicationColor_4b_Hover_Background: #056220;
716
+ --sapIndicationColor_5: #a6e0ff;
717
+ --sapIndicationColor_5_Background: #a6e0ff;
718
+ --sapIndicationColor_5_BorderColor: #a6e0ff;
719
+ --sapIndicationColor_5_TextColor: #1d232a;
720
+ --sapIndicationColor_5_Hover_Background: #c0e9ff;
721
+ --sapIndicationColor_5_Active_Background: #213131;
722
+ --sapIndicationColor_5_Active_BorderColor: #024594;
723
+ --sapIndicationColor_5_Active_TextColor: #a6e0ff;
724
+ --sapIndicationColor_5_Selected_Background: #213131;
725
+ --sapIndicationColor_5_Selected_BorderColor: #024594;
726
+ --sapIndicationColor_5_Selected_TextColor: #a6e0ff;
727
+ --sapIndicationColor_5b: #024594;
728
+ --sapIndicationColor_5b_BorderColor: #024594;
729
+ --sapIndicationColor_5b_Hover_Background: #0251ad;
730
+ --sapIndicationColor_6: #64edd2;
731
+ --sapIndicationColor_6_Background: #64edd2;
732
+ --sapIndicationColor_6_BorderColor: #64edd2;
733
+ --sapIndicationColor_6_TextColor: #1d232a;
734
+ --sapIndicationColor_6_Hover_Background: #7bf0d9;
735
+ --sapIndicationColor_6_Active_Background: #213131;
736
+ --sapIndicationColor_6_Active_BorderColor: #00454e;
737
+ --sapIndicationColor_6_Active_TextColor: #64edd2;
738
+ --sapIndicationColor_6_Selected_Background: #213131;
739
+ --sapIndicationColor_6_Selected_BorderColor: #00454e;
740
+ --sapIndicationColor_6_Selected_TextColor: #64edd2;
741
+ --sapIndicationColor_6b: #00454e;
742
+ --sapIndicationColor_6b_BorderColor: #00454e;
743
+ --sapIndicationColor_6b_Hover_Background: #005c68;
744
+ --sapIndicationColor_7: #d3b6ff;
745
+ --sapIndicationColor_7_Background: #d3b6ff;
746
+ --sapIndicationColor_7_BorderColor: #d3b6ff;
747
+ --sapIndicationColor_7_TextColor: #1d232a;
748
+ --sapIndicationColor_7_Hover_Background: #e2d0ff;
749
+ --sapIndicationColor_7_Active_Background: #213131;
750
+ --sapIndicationColor_7_Active_BorderColor: #2702c2;
751
+ --sapIndicationColor_7_Active_TextColor: #d3b6ff;
752
+ --sapIndicationColor_7_Selected_Background: #213131;
753
+ --sapIndicationColor_7_Selected_BorderColor: #2702c2;
754
+ --sapIndicationColor_7_Selected_TextColor: #d3b6ff;
755
+ --sapIndicationColor_7b: #2702c2;
756
+ --sapIndicationColor_7b_BorderColor: #2702c2;
757
+ --sapIndicationColor_7b_Hover_Background: #2c02db;
758
+ --sapIndicationColor_8: #ff8af0;
759
+ --sapIndicationColor_8_Background: #ff8af0;
760
+ --sapIndicationColor_8_BorderColor: #ff8af0;
761
+ --sapIndicationColor_8_TextColor: #1d232a;
762
+ --sapIndicationColor_8_Hover_Background: #ffa3f3;
763
+ --sapIndicationColor_8_Active_Background: #213131;
764
+ --sapIndicationColor_8_Active_BorderColor: #4c005b;
765
+ --sapIndicationColor_8_Active_TextColor: #ff8af0;
766
+ --sapIndicationColor_8_Selected_Background: #213131;
767
+ --sapIndicationColor_8_Selected_BorderColor: #4c005b;
768
+ --sapIndicationColor_8_Selected_TextColor: #ff8af0;
769
+ --sapIndicationColor_8b: #4c005b;
770
+ --sapIndicationColor_8b_BorderColor: #4c005b;
771
+ --sapIndicationColor_8b_Hover_Background: #610075;
772
+ --sapIndicationColor_9: #f2f2f2;
773
+ --sapIndicationColor_9_Background: #f2f2f2;
774
+ --sapIndicationColor_9_BorderColor: #f2f2f2;
775
+ --sapIndicationColor_9_TextColor: #1d232a;
776
+ --sapIndicationColor_9_Hover_Background: #fff;
777
+ --sapIndicationColor_9_Active_Background: #213131;
778
+ --sapIndicationColor_9_Active_BorderColor: #3e4b5a;
779
+ --sapIndicationColor_9_Active_TextColor: #f2f2f2;
780
+ --sapIndicationColor_9_Selected_Background: #213131;
781
+ --sapIndicationColor_9_Selected_BorderColor: #3e4b5a;
782
+ --sapIndicationColor_9_Selected_TextColor: #f2f2f2;
783
+ --sapIndicationColor_9b: #1d232a;
784
+ --sapIndicationColor_9b_BorderColor: #3e4b5a;
785
+ --sapIndicationColor_9b_Hover_Background: #273039;
786
+ --sapIndicationColor_10: #d8d8d8;
787
+ --sapIndicationColor_10_Background: #aaa;
788
+ --sapIndicationColor_10_BorderColor: #aaa;
789
+ --sapIndicationColor_10_TextColor: #1d232a;
790
+ --sapIndicationColor_10_Hover_Background: #b7b7b7;
791
+ --sapIndicationColor_10_Active_Background: #213131;
792
+ --sapIndicationColor_10_Active_BorderColor: #373737;
793
+ --sapIndicationColor_10_Active_TextColor: #d8d8d8;
794
+ --sapIndicationColor_10_Selected_Background: #213131;
795
+ --sapIndicationColor_10_Selected_BorderColor: #373737;
796
+ --sapIndicationColor_10_Selected_TextColor: #d8d8d8;
797
+ --sapIndicationColor_10b: #373737;
798
+ --sapIndicationColor_10b_BorderColor: #373737;
799
+ --sapIndicationColor_10b_Hover_Background: #444;
468
800
  --sapLegend_WorkingBackground: #1d232a;
469
801
  --sapLegend_NonWorkingBackground: #0c0f12;
470
802
  --sapLegend_CurrentDateTime: #ffafed;
@@ -508,64 +840,82 @@
508
840
  --sapLegendBackgroundColor18: #1e3009;
509
841
  --sapLegendBackgroundColor19: #0a285c;
510
842
  --sapLegendBackgroundColor20: #1c0c6e;
511
- --sapChart_OrderedColor_1: #1b90ff;
512
- --sapChart_OrderedColor_2: #f26018;
513
- --sapChart_OrderedColor_3: #179c6f;
514
- --sapChart_OrderedColor_4: #f62866;
515
- --sapChart_OrderedColor_5: #863fd5;
516
- --sapChart_OrderedColor_6: #04a29d;
517
- --sapChart_OrderedColor_7: #0070f2;
518
- --sapChart_OrderedColor_8: #cc00dc;
519
- --sapChart_OrderedColor_9: #8396a8;
520
- --sapChart_OrderedColor_10: #f54747;
521
- --sapChart_OrderedColor_11: #20578c;
843
+ --sapChart_OrderedColor_1: #0070f2;
844
+ --sapChart_OrderedColor_2: #ffb727;
845
+ --sapChart_OrderedColor_3: #b4ce35;
846
+ --sapChart_OrderedColor_4: #fa4f96;
847
+ --sapChart_OrderedColor_5: #8b47d7;
848
+ --sapChart_OrderedColor_6: #049f9a;
849
+ --sapChart_OrderedColor_7: #3c8cdd;
850
+ --sapChart_OrderedColor_8: #f31ded;
851
+ --sapChart_OrderedColor_9: #8ea18c;
852
+ --sapChart_OrderedColor_10: #f28585;
853
+ --sapChart_OrderedColor_11: #7858ff;
522
854
  --sapChart_Bad: #f53232;
523
855
  --sapChart_Critical: #e76500;
524
856
  --sapChart_Good: #30914c;
525
857
  --sapChart_Neutral: #788fa6;
526
- --sapChart_Sequence_1: #1b90ff;
527
- --sapChart_Sequence_2: #f26018;
528
- --sapChart_Sequence_3: #179c6f;
529
- --sapChart_Sequence_4: #f62866;
530
- --sapChart_Sequence_5: #863fd5;
531
- --sapChart_Sequence_6: #04a29d;
532
- --sapChart_Sequence_7: #0070f2;
533
- --sapChart_Sequence_8: #cc00dc;
534
- --sapChart_Sequence_9: #8396a8;
535
- --sapChart_Sequence_10: #f54747;
536
- --sapChart_Sequence_11: #20578c;
858
+ --sapChart_Sequence_1: #0070f2;
859
+ --sapChart_Sequence_2: #ffb727;
860
+ --sapChart_Sequence_3: #b4ce35;
861
+ --sapChart_Sequence_4: #fa4f96;
862
+ --sapChart_Sequence_5: #8b47d7;
863
+ --sapChart_Sequence_6: #049f9a;
864
+ --sapChart_Sequence_7: #3c8cdd;
865
+ --sapChart_Sequence_8: #f31ded;
866
+ --sapChart_Sequence_9: #8ea18c;
867
+ --sapChart_Sequence_10: #f28585;
868
+ --sapChart_Sequence_11: #7858ff;
537
869
  --sapChart_Sequence_Neutral: #788fa6;
538
870
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
539
871
  --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
540
872
  --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
541
- --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
542
- --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
543
- --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
544
- --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.ttf');
545
- --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff');
546
- --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
873
+ --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.ttf');
874
+ --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff');
875
+ --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff2');
876
+ --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.ttf');
877
+ --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff');
878
+ --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff2');
547
879
  --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
548
880
  --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
549
- --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
550
- --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
551
- --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
552
- --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
553
881
  --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
554
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');
555
885
  --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
556
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');
557
897
  --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
558
898
  --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
559
899
  --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');
560
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');
561
903
  --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
562
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');
563
907
  --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
564
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');
565
911
  --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
566
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');
567
915
  --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
568
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');
569
919
  --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
570
920
  --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
571
921
  --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');
@@ -584,3 +934,23 @@
584
934
  .background-image--sapShell_BackgroundImage {
585
935
  background-image: var(--sapShell_BackgroundImage);
586
936
  }
937
+
938
+ /**
939
+ * Base.baseLib.sap_horizon.base (Version 11.6.8)
940
+ */
941
+
942
+
943
+ /**
944
+ * Base.baseLib.sap_horizon.css_variables (Version 11.6.8)
945
+ */
946
+
947
+
948
+ /**
949
+ * Base.baseLib.sap_horizon_dark.base (Version 11.6.8)
950
+ */
951
+
952
+
953
+ /**
954
+ * Base.baseLib.sap_horizon_dark.css_variables (Version 11.6.8)
955
+ */
956
+