@ui5/webcomponents-theming 1.1.2 → 1.2.2

package/dist/themes/sap_horizon/css_variables.css

@@ -1,11 +1,12 @@
 /**
-* 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.
+* Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
 *
-* Theming Engine 1.51.0
-* data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}
+* Theming Engine 1.68.3
+* data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.36.20220314143804", "Source": "11.1.36"}}
 */
 
-.sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Version": { "Build":"11.1.34.20211012133552", "Source": "11.1.34", "Engine": "1.51.0"}}');}
+.sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.36.20220314143804", "Source": "11.1.36"}}');}
+:root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.36.20220314143804", "Source": "11.1.36"}};}
 :root {
   --sapBrandColor: #0070f2;
   --sapHighlightColor: #0070f2;
@@ -15,6 +16,8 @@
   --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
+  --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
+  --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontBlackFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
   --sapFontSize: .875rem;
@@ -32,7 +35,7 @@
   --sapLink_Active_Color: #0064d9;
   --sapLink_Visited_Color: #0064d9;
   --sapLink_InvertedColor: #a6cfff;
-  --sapLink_SubtleColor: #00418d;
+  --sapLink_SubtleColor: #223548;
   --sapCompanyLogo: none;
   --sapBackgroundImage: none;
   --sapBackgroundImageOpacity: 1.0;
@@ -45,18 +48,18 @@
   --sapCriticalColor: #e76500;
   --sapPositiveColor: #256f3a;
   --sapInformativeColor: #0070f2;
-  --sapNeutralColor: #5b738b;
+  --sapNeutralColor: #788fa6;
   --sapNegativeElementColor: #f53232;
   --sapCriticalElementColor: #e76500;
   --sapPositiveElementColor: #30914c;
   --sapInformativeElementColor: #0070f2;
-  --sapNeutralElementColor: #6e87a0;
+  --sapNeutralElementColor: #788fa6;
   --sapNegativeTextColor: #aa0808;
   --sapPositiveTextColor: #256f3a;
   --sapCriticalTextColor: #b95100;
   --sapInformativeTextColor: #0070f2;
-  --sapNeutralTextColor: #5b738b;
-  --sapNeutralBorderColor: #6e87a0;
+  --sapNeutralTextColor: #223548;
+  --sapNeutralBorderColor: #788fa6;
   --sapErrorColor: #aa0808;
   --sapErrorBorderColor: #f53232;
   --sapWarningColor: #e76500;
@@ -69,36 +72,52 @@
   --sapWarningBackground: #fff8d6;
   --sapSuccessBackground: #f5fae5;
   --sapInformationBackground: #e1f4ff;
-  --sapNeutralBackground: #f5f6f7;
+  --sapNeutralBackground: #eff1f2;
   --sapIndicationColor_1: #840606;
+  --sapIndicationColor_1_Background: #840606;
+  --sapIndicationColor_1_BorderColor: #840606;
   --sapIndicationColor_1_Hover_Background: #6c0505;
   --sapIndicationColor_1_Active_Background: #530404;
   --sapIndicationColor_1_TextColor: #fff;
   --sapIndicationColor_2: #aa0808;
+  --sapIndicationColor_2_Background: #aa0808;
+  --sapIndicationColor_2_BorderColor: #aa0808;
   --sapIndicationColor_2_Hover_Background: #920707;
   --sapIndicationColor_2_Active_Background: #790606;
   --sapIndicationColor_2_TextColor: #fff;
   --sapIndicationColor_3: #e76500;
+  --sapIndicationColor_3_Background: #e76500;
+  --sapIndicationColor_3_BorderColor: #e76500;
   --sapIndicationColor_3_Hover_Background: #d85e00;
   --sapIndicationColor_3_Active_Background: #c85800;
   --sapIndicationColor_3_TextColor: #fff;
   --sapIndicationColor_4: #256f3a;
+  --sapIndicationColor_4_Background: #256f3a;
+  --sapIndicationColor_4_BorderColor: #256f3a;
   --sapIndicationColor_4_Hover_Background: #1f5c30;
   --sapIndicationColor_4_Active_Background: #184926;
   --sapIndicationColor_4_TextColor: #fff;
   --sapIndicationColor_5: #0070f2;
+  --sapIndicationColor_5_Background: #0070f2;
+  --sapIndicationColor_5_BorderColor: #0070f2;
   --sapIndicationColor_5_Hover_Background: #0064d9;
   --sapIndicationColor_5_Active_Background: #0058bf;
   --sapIndicationColor_5_TextColor: #fff;
   --sapIndicationColor_6: #046c7a;
+  --sapIndicationColor_6_Background: #046c7a;
+  --sapIndicationColor_6_BorderColor: #046c7a;
   --sapIndicationColor_6_Hover_Background: #035661;
   --sapIndicationColor_6_Active_Background: #024049;
   --sapIndicationColor_6_TextColor: #fff;
   --sapIndicationColor_7: #5d36ff;
+  --sapIndicationColor_7_Background: #5d36ff;
+  --sapIndicationColor_7_BorderColor: #5d36ff;
   --sapIndicationColor_7_Hover_Background: #481cff;
   --sapIndicationColor_7_Active_Background: #3403ff;
   --sapIndicationColor_7_TextColor: #fff;
   --sapIndicationColor_8: #a100c2;
+  --sapIndicationColor_8_Background: #a100c2;
+  --sapIndicationColor_8_BorderColor: #a100c2;
   --sapIndicationColor_8_Hover_Background: #8c00a9;
   --sapIndicationColor_8_Active_Background: #77008f;
   --sapIndicationColor_8_TextColor: #fff;
@@ -114,13 +133,16 @@
   --sapContent_IconHeight: 1rem;
   --sapContent_IconColor: #223548;
   --sapContent_ContrastIconColor: #fff;
-  --sapContent_NonInteractiveIconColor: #223548;
+  --sapContent_NonInteractiveIconColor: #758ca4;
   --sapContent_MarkerIconColor: #5d36ff;
   --sapContent_MarkerTextColor: #046c7a;
+  --sapContent_MeasureIndicatorColor: #556b81;
+  --sapContent_Selected_MeasureIndicatorColor: #0070f2;
   --sapContent_ImagePlaceholderBackground: #eaecee;
   --sapContent_ImagePlaceholderForegroundColor: #5b738b;
-  --sapContent_RatedColor: #5d36ff;
-  --sapContent_UnratedColor: #788fa6;
+  --sapContent_RatedColor: #d27700;
+  --sapContent_UnratedColor: #758ca4;
+  --sapContent_BusyColor: #223548;
   --sapContent_FocusColor: #0070f2;
   --sapContent_FocusStyle: solid;
   --sapContent_FocusWidth: .125rem;
@@ -133,14 +155,14 @@
   --sapContent_Shadow3: 0 0 0 0.0625rem rgba(85,107,130,0.42), 0 1.25rem 5rem 0 rgba(85,107,130,0.3);
   --sapContent_TextShadow: 0 0 0.125rem #fff;
   --sapContent_ContrastTextShadow: 0 0 0.0625rem rgba(0,0,0,0.7);
-  --sapContent_HeaderShadow: 0 0 0.25rem 0 rgba(85,107,130,0.16), inset 0 -0.0625rem 0 0 #d9d9d9;
+  --sapContent_HeaderShadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.05), inset 0 -0.0625rem 0 0 #d9d9d9;
   --sapContent_Interaction_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
   --sapContent_Selected_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
   --sapContent_Negative_Shadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
   --sapContent_Critical_Shadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
   --sapContent_Positive_Shadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
   --sapContent_Informative_Shadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
-  --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(91,115,139,0.72);
+  --sapContent_Neutral_Shadow: 0 0 0.125rem 0 rgba(120,143,166,0.72);
   --sapContent_SearchHighlightColor: #dafdf5;
   --sapContent_HelpColor: #188918;
   --sapContent_LabelColor: #556b82;
@@ -152,7 +174,7 @@
   --sapContent_ContrastTextThreshold: 0.65;
   --sapContent_ContrastTextColor: #fff;
   --sapContent_ForegroundColor: #efefef;
-  --sapContent_ForegroundBorderColor: #788fa6;
+  --sapContent_ForegroundBorderColor: #758ca4;
   --sapContent_ForegroundTextColor: #223548;
   --sapContent_BadgeBackground: #aa0808;
   --sapContent_BadgeTextColor: #fff;
@@ -163,6 +185,7 @@
   --sapContent_Selected_TextColor: #0070f2;
   --sapContent_Selected_Hover_Background: #fff;
   --sapContent_Selected_ForegroundColor: #0070f2;
+  --sapContent_ForcedColorAdjust: none;
   --sapContent_Illustrative_Color1: #5d36ff;
   --sapContent_Illustrative_Color2: #0070f2;
   --sapContent_Illustrative_Color3: #f58b00;
@@ -174,7 +197,7 @@
   --sapContent_Illustrative_Color9: #64edd2;
   --sapContent_Illustrative_Color10: #ebf8ff;
   --sapContent_Illustrative_Color11: #f31ded;
-  --sapContent_Illustrative_Color12: #5dc122;
+  --sapContent_Illustrative_Color12: #00a800;
   --sapContent_Illustrative_Color13: #005dc9;
   --sapContent_Illustrative_Color14: #004da5;
   --sapContent_Illustrative_Color15: #cc7400;
@@ -192,9 +215,9 @@
   --sapShell_TextColor: #223548;
   --sapShell_InteractiveBackground: #eff1f2;
   --sapShell_InteractiveTextColor: #223548;
-  --sapShell_InteractiveBorderColor: #788fa6;
+  --sapShell_InteractiveBorderColor: #556b81;
   --sapShell_GroupTitleTextColor: #223548;
-  --sapShell_GroupTitleTextShadow: 0 0 0.125rem #fff;
+  --sapShell_GroupTitleTextShadow: 0 0 .125rem #fff;
   --sapShell_Hover_Background: #fff;
   --sapShell_Active_Background: #fff;
   --sapShell_Active_TextColor: #0070f2;
@@ -209,12 +232,42 @@
   --sapShell_Navigation_Hover_Background: #fff;
   --sapShell_Navigation_Active_Background: #fff;
   --sapShell_Navigation_Active_TextColor: #0070f2;
-  --sapShell_Shadow: 0 0 0.5rem 0 rgba(85,107,130,0.2), inset 0 -0.0625rem 0 0 rgba(85,107,130,0.1);
+  --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.1), inset 0 -0.0625rem 0 0 rgba(85,107,130,0.2);
   --sapShell_NegativeColor: #aa0808;
-  --sapShell_CriticalColor: #e76500;
+  --sapShell_CriticalColor: #b95100;
   --sapShell_PositiveColor: #256f3a;
   --sapShell_InformativeColor: #0070f2;
-  --sapShell_NeutralColor: #5b738b;
+  --sapShell_NeutralColor: #223548;
+  --sapAvatar_1_Background: #fff3b8;
+  --sapAvatar_1_BorderColor: #fff3b8;
+  --sapAvatar_1_TextColor: #a45d00;
+  --sapAvatar_2_Background: #ffd0e7;
+  --sapAvatar_2_BorderColor: #ffd0e7;
+  --sapAvatar_2_TextColor: #aa0808;
+  --sapAvatar_3_Background: #ffdbe7;
+  --sapAvatar_3_BorderColor: #ffdbe7;
+  --sapAvatar_3_TextColor: #ba066c;
+  --sapAvatar_4_Background: #ffdcf3;
+  --sapAvatar_4_BorderColor: #ffdcf3;
+  --sapAvatar_4_TextColor: #a100c2;
+  --sapAvatar_5_Background: #ded3ff;
+  --sapAvatar_5_BorderColor: #ded3ff;
+  --sapAvatar_5_TextColor: #552cff;
+  --sapAvatar_6_Background: #d1efff;
+  --sapAvatar_6_BorderColor: #d1efff;
+  --sapAvatar_6_TextColor: #0057d2;
+  --sapAvatar_7_Background: #c2fcee;
+  --sapAvatar_7_BorderColor: #c2fcee;
+  --sapAvatar_7_TextColor: #046c7a;
+  --sapAvatar_8_Background: #ebf5cb;
+  --sapAvatar_8_BorderColor: #ebf5cb;
+  --sapAvatar_8_TextColor: #256f3a;
+  --sapAvatar_9_Background: #ddccf0;
+  --sapAvatar_9_BorderColor: #ddccf0;
+  --sapAvatar_9_TextColor: #6c32a9;
+  --sapAvatar_10_Background: #eaecee;
+  --sapAvatar_10_BorderColor: #eaecee;
+  --sapAvatar_10_TextColor: #556b82;
   --sapButton_BorderWidth: .0625rem;
   --sapButton_BorderCornerRadius: .5rem;
   --sapButton_Background: #eaecee;
@@ -237,6 +290,7 @@
   --sapButton_Emphasized_Active_BorderColor: #0070f2;
   --sapButton_Emphasized_Active_TextColor: #0070f2;
   --sapButton_Emphasized_TextShadow: transparent;
+  --sapButton_Emphasized_FontWeight: bold;
   --sapButton_Reject_Background: #ffd6e9;
   --sapButton_Reject_BorderColor: #ffd6e9;
   --sapButton_Reject_Hover_Background: #fff;
@@ -267,10 +321,10 @@
   --sapButton_Accept_Selected_Hover_BorderColor: #30914c;
   --sapButton_Lite_Background: transparent;
   --sapButton_Lite_BorderColor: transparent;
-  --sapButton_Lite_TextColor: #223548;
+  --sapButton_Lite_TextColor: #0064d9;
   --sapButton_Lite_Hover_Background: #fff;
   --sapButton_Lite_Hover_BorderColor: #fff;
-  --sapButton_Lite_Hover_TextColor: #223548;
+  --sapButton_Lite_Hover_TextColor: #0064d9;
   --sapButton_Lite_Active_Background: #fff;
   --sapButton_Lite_Active_BorderColor: #0070f2;
   --sapButton_Selected_Background: #fff;
@@ -285,39 +339,39 @@
   --sapButton_Attention_Hover_BorderColor: #fff;
   --sapButton_Attention_Hover_TextColor: #b95100;
   --sapButton_Attention_Active_Background: #fff;
-  --sapButton_Attention_Active_BorderColor: #ffa158;
+  --sapButton_Attention_Active_BorderColor: #ff8d34;
   --sapButton_Attention_Active_TextColor: #b95100;
   --sapButton_Attention_Selected_Background: #fff;
-  --sapButton_Attention_Selected_BorderColor: #ffa158;
+  --sapButton_Attention_Selected_BorderColor: #ff8d34;
   --sapButton_Attention_Selected_TextColor: #b95100;
   --sapButton_Attention_Selected_Hover_Background: #fff;
-  --sapButton_Attention_Selected_Hover_BorderColor: #ffa158;
+  --sapButton_Attention_Selected_Hover_BorderColor: #ff8d34;
   --sapButton_Negative_Background: #f53232;
   --sapButton_Negative_BorderColor: #f53232;
   --sapButton_Negative_TextColor: #fff;
-  --sapButton_Negative_Hover_Background: #f31010;
-  --sapButton_Negative_Hover_BorderColor: #f31010;
+  --sapButton_Negative_Hover_Background: #e90b0b;
+  --sapButton_Negative_Hover_BorderColor: #e90b0b;
   --sapButton_Negative_Hover_TextColor: #fff;
-  --sapButton_Negative_Active_Background: #e90b0b;
-  --sapButton_Negative_Active_BorderColor: #e90b0b;
+  --sapButton_Negative_Active_Background: #d50a0a;
+  --sapButton_Negative_Active_BorderColor: #d50a0a;
   --sapButton_Negative_Active_TextColor: #fff;
   --sapButton_Critical_Background: #e76500;
   --sapButton_Critical_BorderColor: #e76500;
   --sapButton_Critical_TextColor: #fff;
-  --sapButton_Critical_Hover_Background: #ff760c;
-  --sapButton_Critical_Hover_BorderColor: #ff760c;
+  --sapButton_Critical_Hover_Background: #dd6100;
+  --sapButton_Critical_Hover_BorderColor: #dd6100;
   --sapButton_Critical_Hover_TextColor: #fff;
-  --sapButton_Critical_Active_Background: #ff8a2f;
-  --sapButton_Critical_Active_BorderColor: #ff8a2f;
+  --sapButton_Critical_Active_Background: #d35c00;
+  --sapButton_Critical_Active_BorderColor: #d35c00;
   --sapButton_Critical_Active_TextColor: #fff;
   --sapButton_Success_Background: #30914c;
   --sapButton_Success_BorderColor: #30914c;
   --sapButton_Success_TextColor: #fff;
-  --sapButton_Success_Hover_Background: #27763e;
-  --sapButton_Success_Hover_BorderColor: #27763e;
+  --sapButton_Success_Hover_Background: #2c8646;
+  --sapButton_Success_Hover_BorderColor: #2c8646;
   --sapButton_Success_Hover_TextColor: #fff;
-  --sapButton_Success_Active_Background: #236b38;
-  --sapButton_Success_Active_BorderColor: #236b38;
+  --sapButton_Success_Active_Background: #287a40;
+  --sapButton_Success_Active_BorderColor: #287a40;
   --sapButton_Success_Active_TextColor: #fff;
   --sapButton_Information_Background: #0070f2;
   --sapButton_Information_BorderColor: #0070f2;
@@ -327,67 +381,113 @@
   --sapButton_Information_Hover_TextColor: #fff;
   --sapButton_Information_Active_Background: #0058bf;
   --sapButton_Information_Active_BorderColor: #0058bf;
-  --sapButton_Neutral_Background: #6e87a0;
-  --sapButton_Neutral_BorderColor: #6e87a0;
+  --sapButton_Information_Active_TextColor: #fff;
+  --sapButton_Neutral_Background: #788fa6;
+  --sapButton_Neutral_BorderColor: #788fa6;
   --sapButton_Neutral_TextColor: #fff;
-  --sapButton_Neutral_Hover_Background: #5d758e;
-  --sapButton_Neutral_Hover_BorderColor: #5d758e;
+  --sapButton_Neutral_Hover_Background: #637d97;
+  --sapButton_Neutral_Hover_BorderColor: #637d97;
   --sapButton_Neutral_Hover_TextColor: #fff;
-  --sapButton_Neutral_Active_Background: #576d84;
-  --sapButton_Neutral_Active_BorderColor: #576d84;
+  --sapButton_Neutral_Active_Background: #5d758e;
+  --sapButton_Neutral_Active_BorderColor: #5d758e;
   --sapButton_Neutral_Active_TextColor: #fff;
+  --sapButton_Track_Background: #788fa6;
+  --sapButton_Track_BorderColor: #788fa6;
+  --sapButton_Track_TextColor: #fff;
+  --sapButton_Track_Hover_Background: #637d97;
+  --sapButton_Track_Hover_BorderColor: #637d97;
   --sapButton_Track_Selected_Background: #0070f2;
+  --sapButton_Track_Selected_BorderColor: #0070f2;
   --sapButton_Track_Selected_TextColor: #fff;
-  --sapButton_Track_Background: #d6dade;
-  --sapButton_Track_TextColor: #223548;
+  --sapButton_Track_Selected_Hover_Background: #0064d9;
+  --sapButton_Track_Selected_Hover_BorderColor: #0064d9;
+  --sapButton_Handle_Background: #fff;
+  --sapButton_Handle_BorderColor: #fff;
+  --sapButton_Handle_TextColor: #223548;
+  --sapButton_Handle_Hover_Background: #fff;
+  --sapButton_Handle_Hover_BorderColor: rgba(255,255,255,0.5);
+  --sapButton_Handle_Selected_Background: #fff;
+  --sapButton_Handle_Selected_BorderColor: #fff;
+  --sapButton_Handle_Selected_TextColor: #0070f2;
+  --sapButton_Handle_Selected_Hover_Background: #fff;
+  --sapButton_Handle_Selected_Hover_BorderColor: rgba(255,255,255,0.5);
+  --sapButton_Track_Negative_Background: #f53232;
+  --sapButton_Track_Negative_BorderColor: #f53232;
+  --sapButton_Track_Negative_TextColor: #fff;
+  --sapButton_Track_Negative_Hover_Background: #e90b0b;
+  --sapButton_Track_Negative_Hover_BorderColor: #e90b0b;
+  --sapButton_Handle_Negative_Background: #fff;
+  --sapButton_Handle_Negative_BorderColor: #fff;
+  --sapButton_Handle_Negative_TextColor: #aa0808;
+  --sapButton_Handle_Negative_Hover_Background: #fff;
+  --sapButton_Handle_Negative_Hover_BorderColor: rgba(255,255,255,0.5);
+  --sapButton_Track_Positive_Background: #30914c;
+  --sapButton_Track_Positive_BorderColor: #30914c;
+  --sapButton_Track_Positive_TextColor: #fff;
+  --sapButton_Track_Positive_Hover_Background: #2c8646;
+  --sapButton_Track_Positive_Hover_BorderColor: #2c8646;
+  --sapButton_Handle_Positive_Background: #fff;
+  --sapButton_Handle_Positive_BorderColor: #fff;
+  --sapButton_Handle_Positive_TextColor: #256f3a;
+  --sapButton_Handle_Positive_Hover_Background: #fff;
+  --sapButton_Handle_Positive_Hover_BorderColor: rgba(255,255,255,0.5);
   --sapButton_TokenBackground: #fff;
-  --sapButton_TokenBorderColor: #788fa6;
+  --sapButton_TokenBorderColor: #758ca4;
   --sapField_Background: #eff1f2;
+  --sapField_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
   --sapField_TextColor: #131e29;
   --sapField_PlaceholderTextColor: #556b82;
-  --sapField_BorderColor: #788fa6;
+  --sapField_BorderColor: #556b81;
   --sapField_HelpBackground: #eff1f2;
   --sapField_BorderWidth: .0625rem;
+  --sapField_BorderStyle: solid;
   --sapField_BorderCornerRadius: .25rem;
   --sapField_Hover_Background: #fff;
-  --sapField_Hover_BorderColor: #788fa6;
+  --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
+  --sapField_Hover_BorderColor: #556b81;
   --sapField_Hover_HelpBackground: #fff;
   --sapField_Active_BorderColor: #0070f2;
   --sapField_Focus_Background: #fff;
   --sapField_Focus_BorderColor: #0070f2;
   --sapField_Focus_HelpBackground: #fff;
-  --sapField_ReadOnly_Background: #eff1f2;
-  --sapField_ReadOnly_BorderColor: #788fa6;
-  --sapField_ReadOnly_HelpBackground: #eff1f2;
-  --sapField_RequiredColor: #5d36ff;
+  --sapField_ReadOnly_Background: transparent;
+  --sapField_ReadOnly_BorderColor: #556b81;
+  --sapField_ReadOnly_HelpBackground: transparent;
+  --sapField_RequiredColor: #ba066c;
   --sapField_InvalidColor: #f53232;
   --sapField_InvalidBackground: #ffeaf4;
+  --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f53232, #f53232) border-box;
   --sapField_InvalidBorderWidth: .125rem;
   --sapField_InvalidBorderStyle: solid;
   --sapField_WarningColor: #e76500;
   --sapField_WarningBackground: #fff8d6;
+  --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e76500, #e76500) border-box;
   --sapField_WarningBorderWidth: .125rem;
   --sapField_WarningBorderStyle: solid;
   --sapField_SuccessColor: #30914c;
   --sapField_SuccessBackground: #f5fae5;
+  --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
   --sapField_SuccessBorderWidth: .0625rem;
   --sapField_SuccessBorderStyle: solid;
   --sapField_InformationColor: #0070f2;
   --sapField_InformationBackground: #e1f4ff;
+  --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
   --sapField_InformationBorderWidth: .125rem;
   --sapField_InformationBorderStyle: solid;
-  --sapGroup_TitleBackground: transparent;
-  --sapGroup_TitleBorderColor: #d9d9d9;
+  --sapGroup_TitleBackground: #fff;
+  --sapGroup_TitleBorderColor: #a8b2bd;
   --sapGroup_TitleTextColor: #223548;
+  --sapGroup_Title_FontSize: 1rem;
   --sapGroup_ContentBackground: #fff;
   --sapGroup_ContentBorderColor: #d9d9d9;
   --sapGroup_BorderWidth: .0625rem;
   --sapGroup_BorderCornerRadius: .5rem;
   --sapGroup_FooterBackground: transparent;
-  --sapToolbar_Background: transparent;
+  --sapPopover_BorderCornerRadius: .5rem;
+  --sapToolbar_Background: #fff;
   --sapToolbar_SeparatorColor: #d9d9d9;
   --sapList_HeaderBackground: #fff;
-  --sapList_HeaderBorderColor: #e5e5e5;
+  --sapList_HeaderBorderColor: #a8b2bd;
   --sapList_HeaderTextColor: #223548;
   --sapList_BorderColor: #e5e5e5;
   --sapList_TextColor: #223548;
@@ -401,29 +501,76 @@
   --sapList_Hover_Background: #eaecee;
   --sapList_AlternatingBackground: #f5f6f7;
   --sapList_GroupHeaderBackground: #fff;
-  --sapList_GroupHeaderBorderColor: #d9d9d9;
+  --sapList_GroupHeaderBorderColor: #a8b2bd;
   --sapList_GroupHeaderTextColor: #223548;
   --sapList_FooterBackground: #fff;
   --sapList_FooterTextColor: #223548;
-  --sapList_TableGroupHeaderBackground: #fff;
-  --sapList_TableGroupHeaderBorderColor: #d9d9d9;
+  --sapList_TableGroupHeaderBackground: #eff1f2;
+  --sapList_TableGroupHeaderBorderColor: #a8b2bd;
   --sapList_TableGroupHeaderTextColor: #223548;
-  --sapList_TableFooterBorder: #d9d9d9;
+  --sapList_TableFooterBorder: #a8b2bd;
   --sapList_TableFixedBorderColor: #8c8c8c;
-  --sapList_Active_Background: #dee2e5;
-  --sapScrollBar_FaceColor: #8197ac;
+  --sapMessage_ErrorBorderColor: #ff8ec4;
+  --sapMessage_WarningBorderColor: #ffe770;
+  --sapMessage_SuccessBorderColor: #cee67e;
+  --sapMessage_InformationBorderColor: #7bcfff;
+  --sapProgress_Background: #d5dadd;
+  --sapProgress_BorderColor: #d5dadd;
+  --sapProgress_TextColor: #223548;
+  --sapProgress_FontSize: .875rem;
+  --sapProgress_NegativeBackground: #ffdbec;
+  --sapProgress_NegativeBorderColor: #ffdbec;
+  --sapProgress_NegativeTextColor: #223548;
+  --sapProgress_CriticalBackground: #fff4bd;
+  --sapProgress_CriticalBorderColor: #fff4bd;
+  --sapProgress_CriticalTextColor: #223548;
+  --sapProgress_PositiveBackground: #e5f2ba;
+  --sapProgress_PositiveBorderColor: #e5f2ba;
+  --sapProgress_PositiveTextColor: #223548;
+  --sapProgress_InformationBackground: #cdedff;
+  --sapProgress_InformationBorderColor: #cdedff;
+  --sapProgress_InformationTextColor: #223548;
+  --sapProgress_Value_Background: #788fa6;
+  --sapProgress_Value_BorderColor: #d5dadd;
+  --sapProgress_Value_TextColor: #788fa6;
+  --sapProgress_Value_NegativeBackground: #f53232;
+  --sapProgress_Value_NegativeBorderColor: #ffdbec;
+  --sapProgress_Value_NegativeTextColor: #f53232;
+  --sapProgress_Value_CriticalBackground: #e76500;
+  --sapProgress_Value_CriticalBorderColor: #fff4bd;
+  --sapProgress_Value_CriticalTextColor: #e76500;
+  --sapProgress_Value_PositiveBackground: #30914c;
+  --sapProgress_Value_PositiveBorderColor: #e5f2ba;
+  --sapProgress_Value_PositiveTextColor: #30914c;
+  --sapProgress_Value_InformationBackground: #0070f2;
+  --sapProgress_Value_InformationBorderColor: #cdedff;
+  --sapProgress_Value_InformationTextColor: #0070f2;
+  --sapScrollBar_FaceColor: #7b91a8;
   --sapScrollBar_TrackColor: #fff;
-  --sapScrollBar_BorderColor: #8197ac;
+  --sapScrollBar_BorderColor: #7b91a8;
   --sapScrollBar_SymbolColor: #223548;
   --sapScrollBar_Dimension: .75rem;
-  --sapScrollBar_Hover_FaceColor: #788fa6;
+  --sapScrollBar_Hover_FaceColor: #6f87a0;
+  --sapSlider_Background: #d5dadd;
+  --sapSlider_BorderColor: #d5dadd;
+  --sapSlider_Selected_Background: #0070f2;
+  --sapSlider_Selected_BorderColor: #0070f2;
+  --sapSlider_HandleBackground: #fff;
+  --sapSlider_HandleBorderColor: #fff;
+  --sapSlider_RangeHandleBackground: #fff;
+  --sapSlider_Hover_HandleBackground: #fff;
+  --sapSlider_Hover_HandleBorderColor: #0070f2;
+  --sapSlider_Hover_RangeHandleBackground: transparent;
+  --sapSlider_Active_HandleBackground: #fff;
+  --sapSlider_Active_HandleBorderColor: #fff;
+  --sapSlider_Active_RangeHandleBackground: transparent;
   --sapPageHeader_Background: #fff;
   --sapPageHeader_BorderColor: #d9d9d9;
   --sapPageHeader_TextColor: #223548;
   --sapPageFooter_Background: #fff;
   --sapPageFooter_BorderColor: #d9d9d9;
   --sapPageFooter_TextColor: #223548;
-  --sapInfobar_Background: #dafdf5;
+  --sapInfobar_Background: #c2fcee;
   --sapInfobar_Hover_Background: #fff;
   --sapInfobar_Active_Background: #fff;
   --sapInfobar_NonInteractive_Background: #f5f6f7;
@@ -431,11 +578,17 @@
   --sapObjectHeader_Background: #fff;
   --sapObjectHeader_BorderColor: #d9d9d9;
   --sapObjectHeader_Hover_Background: #eaecee;
+  --sapObjectHeader_Title_TextColor: #223548;
+  --sapObjectHeader_Title_FontSize: 2rem;
+  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
+  --sapObjectHeader_Title_FontFamily: "72Black", "72", "72full", Arial, Helvetica, sans-serif;
+  --sapObjectHeader_Subtitle_TextColor: #556b82;
   --sapBlockLayer_Background: #000;
   --sapTile_Background: #fff;
   --sapTile_Hover_Background: #fff;
   --sapTile_Active_Background: #f5f5f5;
   --sapTile_BorderColor: transparent;
+  --sapTile_BorderCornerRadius: 1rem;
   --sapTile_TitleTextColor: #223548;
   --sapTile_TextColor: #556b82;
   --sapTile_IconColor: #556b82;
@@ -443,96 +596,96 @@
   --sapTile_Interactive_BorderColor: #b3b3b3;
   --sapTile_OverlayBackground: rgba(255,255,255,0.96);
   --sapTile_OverlayForegroundColor: #223548;
-  --sapAccentColor1: #f58b00;
+  --sapAccentColor1: #d27700;
   --sapAccentColor2: #aa0808;
-  --sapAccentColor3: #cc00dc;
+  --sapAccentColor3: #ba066c;
   --sapAccentColor4: #a100c2;
   --sapAccentColor5: #5d36ff;
   --sapAccentColor6: #0057d2;
   --sapAccentColor7: #046c7a;
   --sapAccentColor8: #256f3a;
-  --sapAccentColor9: #07838f;
+  --sapAccentColor9: #6c32a9;
   --sapAccentColor10: #5b738b;
   --sapAccentBackgroundColor1: #fff3b8;
   --sapAccentBackgroundColor2: #ffd0e7;
-  --sapAccentBackgroundColor3: #fff0fa;
+  --sapAccentBackgroundColor3: #ffdbe7;
   --sapAccentBackgroundColor4: #ffdcf3;
   --sapAccentBackgroundColor5: #ded3ff;
   --sapAccentBackgroundColor6: #d1efff;
   --sapAccentBackgroundColor7: #c2fcee;
   --sapAccentBackgroundColor8: #ebf5cb;
-  --sapAccentBackgroundColor9: #dafdf5;
+  --sapAccentBackgroundColor9: #ddccf0;
   --sapAccentBackgroundColor10: #eaecee;
   --sapLegend_WorkingBackground: #fff;
   --sapLegend_NonWorkingBackground: #ebebeb;
   --sapLegend_CurrentDateTime: #a100c2;
-  --sapLegendColor1: #e18409;
-  --sapLegendColor2: #e65151;
-  --sapLegendColor3: #e71376;
-  --sapLegendColor4: #a63030;
-  --sapLegendColor5: #da52b8;
-  --sapLegendColor6: #1d6ebf;
-  --sapLegendColor7: #089aab;
-  --sapLegendColor8: #92a35b;
-  --sapLegendColor9: #587b93;
-  --sapLegendColor10: #922075;
-  --sapLegendColor11: #7b5b31;
-  --sapLegendColor12: #c72323;
-  --sapLegendColor13: #c71065;
-  --sapLegendColor14: #967244;
-  --sapLegendColor15: #54559c;
-  --sapLegendColor16: #4d7dad;
-  --sapLegendColor17: #3f8188;
-  --sapLegendColor18: #6c832a;
-  --sapLegendColor19: #205992;
-  --sapLegendColor20: #4549c9;
-  --sapLegendBackgroundColor1: #fef4e6;
-  --sapLegendBackgroundColor2: #fce9e9;
-  --sapLegendBackgroundColor3: #fde8f2;
-  --sapLegendBackgroundColor4: #f9ebeb;
-  --sapLegendBackgroundColor5: #fae9f6;
-  --sapLegendBackgroundColor6: #e9f3fc;
-  --sapLegendBackgroundColor7: #e7fcfe;
-  --sapLegendBackgroundColor8: #f4f6ee;
-  --sapLegendBackgroundColor9: #eff3f6;
-  --sapLegendBackgroundColor10: #faeaf6;
-  --sapLegendBackgroundColor11: #f7f2ec;
-  --sapLegendBackgroundColor12: #fbe9e9;
-  --sapLegendBackgroundColor13: #fde8f2;
-  --sapLegendBackgroundColor14: #f7f2ed;
-  --sapLegendBackgroundColor15: #efeff6;
-  --sapLegendBackgroundColor16: #edf2f7;
-  --sapLegendBackgroundColor17: #eef6f7;
-  --sapLegendBackgroundColor18: #f5f9eb;
-  --sapLegendBackgroundColor19: #eaf2fa;
-  --sapLegendBackgroundColor20: #ebebf9;
-  --sapChart_OrderedColor_1: #1B90FF;
-  --sapChart_OrderedColor_2: #f25f18;
+  --sapLegendColor1: #c35500;
+  --sapLegendColor2: #d23a0a;
+  --sapLegendColor3: #df1278;
+  --sapLegendColor4: #840606;
+  --sapLegendColor5: #cc00dc;
+  --sapLegendColor6: #0057d2;
+  --sapLegendColor7: #07838f;
+  --sapLegendColor8: #188918;
+  --sapLegendColor9: #5b738b;
+  --sapLegendColor10: #7800a4;
+  --sapLegendColor11: #a93e00;
+  --sapLegendColor12: #aa2608;
+  --sapLegendColor13: #ba066c;
+  --sapLegendColor14: #8d2a00;
+  --sapLegendColor15: #4e247a;
+  --sapLegendColor16: #002a86;
+  --sapLegendColor17: #035663;
+  --sapLegendColor18: #1e592f;
+  --sapLegendColor19: #1a4796;
+  --sapLegendColor20: #470ced;
+  --sapLegendBackgroundColor1: #ffef9f;
+  --sapLegendBackgroundColor2: #feeae1;
+  --sapLegendBackgroundColor3: #fbf6f8;
+  --sapLegendBackgroundColor4: #fbebeb;
+  --sapLegendBackgroundColor5: #ffe5fe;
+  --sapLegendBackgroundColor6: #d1efff;
+  --sapLegendBackgroundColor7: #c2fcee;
+  --sapLegendBackgroundColor8: #f5fae5;
+  --sapLegendBackgroundColor9: #f5f6f7;
+  --sapLegendBackgroundColor10: #fff0fa;
+  --sapLegendBackgroundColor11: #fff8d6;
+  --sapLegendBackgroundColor12: #fff6f6;
+  --sapLegendBackgroundColor13: #f7ebef;
+  --sapLegendBackgroundColor14: #f1ecd5;
+  --sapLegendBackgroundColor15: #f0e7f8;
+  --sapLegendBackgroundColor16: #ebf8ff;
+  --sapLegendBackgroundColor17: #dafdf5;
+  --sapLegendBackgroundColor18: #ebf5cb;
+  --sapLegendBackgroundColor19: #fafdff;
+  --sapLegendBackgroundColor20: #eceeff;
+  --sapChart_OrderedColor_1: #1b90ff;
+  --sapChart_OrderedColor_2: #f26018;
   --sapChart_OrderedColor_3: #179c6f;
   --sapChart_OrderedColor_4: #f62866;
-  --sapChart_OrderedColor_5: #873fd4;
-  --sapChart_OrderedColor_6: #04ACA7;
-  --sapChart_OrderedColor_7: #0070F2;
-  --sapChart_OrderedColor_8: #CC00DC;
-  --sapChart_OrderedColor_9: #8396A8;
-  --sapChart_OrderedColor_10: #f54848;
+  --sapChart_OrderedColor_5: #863fd5;
+  --sapChart_OrderedColor_6: #04a29d;
+  --sapChart_OrderedColor_7: #0070f2;
+  --sapChart_OrderedColor_8: #cc00dc;
+  --sapChart_OrderedColor_9: #8396a8;
+  --sapChart_OrderedColor_10: #f54747;
   --sapChart_OrderedColor_11: #20578c;
-  --sapChart_Bad: #D20A0A;
-  --sapChart_Critical: #F58B00;
-  --sapChart_Good: #36A41D;
-  --sapChart_Neutral: #8396A8;
-  --sapChart_Sequence_1: #1B90FF;
-  --sapChart_Sequence_2: #f25f18;
+  --sapChart_Bad: #f53232;
+  --sapChart_Critical: #e76500;
+  --sapChart_Good: #30914c;
+  --sapChart_Neutral: #788fa6;
+  --sapChart_Sequence_1: #1b90ff;
+  --sapChart_Sequence_2: #f26018;
   --sapChart_Sequence_3: #179c6f;
   --sapChart_Sequence_4: #f62866;
-  --sapChart_Sequence_5: #873fd4;
-  --sapChart_Sequence_6: #04ACA7;
-  --sapChart_Sequence_7: #0070F2;
-  --sapChart_Sequence_8: #CC00DC;
-  --sapChart_Sequence_9: #8396A8;
-  --sapChart_Sequence_10: #f54848;
+  --sapChart_Sequence_5: #863fd5;
+  --sapChart_Sequence_6: #04a29d;
+  --sapChart_Sequence_7: #0070f2;
+  --sapChart_Sequence_8: #cc00dc;
+  --sapChart_Sequence_9: #8396a8;
+  --sapChart_Sequence_10: #f54747;
   --sapChart_Sequence_11: #20578c;
-  --sapChart_Sequence_Neutral: #8396A8;
+  --sapChart_Sequence_Neutral: #788fa6;
   --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
   --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
   --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
@@ -546,12 +699,20 @@
   --sapFontUrl_72_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff');
   --sapFontUrl_72_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff2');
   --sapFontUrl_72_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold.woff');
+  --sapFontUrl_72_Semibold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff2');
+  --sapFontUrl_72_Semibold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold.woff');
+  --sapFontUrl_72_SemiboldDuplex_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff2');
+  --sapFontUrl_72_SemiboldDuplex_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex.woff');
   --sapFontUrl_72_Light_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff2');
   --sapFontUrl_72_Light_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light.woff');
   --sapFontUrl_72_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff2');
   --sapFontUrl_72_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Regular-full.woff');
   --sapFontUrl_72_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff2');
   --sapFontUrl_72_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Bold-full.woff');
+  --sapFontUrl_72_Semibold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff2');
+  --sapFontUrl_72_Semibold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Semibold-full.woff');
+  --sapFontUrl_72_SemiboldDuplex_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff2');
+  --sapFontUrl_72_SemiboldDuplex_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-SemiboldDuplex-full.woff');
   --sapFontUrl_72_Light_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff2');
   --sapFontUrl_72_Light_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Light-full.woff');
   --sapFontUrl_72_Black_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff2');