@ui5/webcomponents-theming 1.1.2 → 1.2.2

package/dist/themes/sap_horizon_hcw/css_variables.css

@@ -0,0 +1,745 @@
+/**
+* Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
+*
+* Theming Engine 1.68.3
+* data:{"Path": "Base.baseLib.sap_horizon_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "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_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "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_hcw.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["sap_horizon","baseTheme"], "Tags": ["Fiori_3","HighContrast","LightColorScheme"], "FallbackThemeId": "sap_horizon", "Engine": {"Name": "theming-engine", "Version": "1.68.3"}, "Version": { "Build": "11.1.36.20220314143804", "Source": "11.1.36"}};}
+:root {
+  --sapBrandColor: #e97624;
+  --sapHighlightColor: #e97624;
+  --sapBaseColor: #fff;
+  --sapShellColor: #fff;
+  --sapBackgroundColor: #fff;
+  --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", "72full", Arial, Helvetica, sans-serif;
+  --sapFontSize: .875rem;
+  --sapFontSmallSize: .75rem;
+  --sapFontLargeSize: 1rem;
+  --sapFontHeader1Size: 3rem;
+  --sapFontHeader2Size: 2rem;
+  --sapFontHeader3Size: 1.5rem;
+  --sapFontHeader4Size: 1.25rem;
+  --sapFontHeader5Size: 1rem;
+  --sapFontHeader6Size: .875rem;
+  --sapTextColor: #000;
+  --sapLinkColor: #000;
+  --sapLink_Hover_Color: #000;
+  --sapLink_Active_Color: #000;
+  --sapLink_Visited_Color: #000;
+  --sapLink_InvertedColor: #000;
+  --sapLink_SubtleColor: #000;
+  --sapCompanyLogo: none;
+  --sapBackgroundImage: none;
+  --sapBackgroundImageOpacity: 1.0;
+  --sapBackgroundImageRepeat: false;
+  --sapSelectedColor: #5c93ff;
+  --sapActiveColor: #e97624;
+  --sapHighlightTextColor: #000;
+  --sapTitleColor: #000;
+  --sapNegativeColor: #ab0000;
+  --sapCriticalColor: #5c5c00;
+  --sapPositiveColor: #006362;
+  --sapInformativeColor: #000;
+  --sapNeutralColor: #000;
+  --sapNegativeElementColor: #ab0000;
+  --sapCriticalElementColor: #5c5c00;
+  --sapPositiveElementColor: #006362;
+  --sapInformativeElementColor: #000;
+  --sapNeutralElementColor: #000;
+  --sapNegativeTextColor: #ab0000;
+  --sapPositiveTextColor: #006362;
+  --sapCriticalTextColor: #5c5c00;
+  --sapInformativeTextColor: #000;
+  --sapNeutralTextColor: #000;
+  --sapNeutralBorderColor: #000;
+  --sapErrorColor: #ab0000;
+  --sapErrorBorderColor: #ab0000;
+  --sapWarningColor: #5c5c00;
+  --sapWarningBorderColor: #5c5c00;
+  --sapSuccessColor: #006362;
+  --sapSuccessBorderColor: #006362;
+  --sapInformationColor: #000;
+  --sapInformationBorderColor: #000;
+  --sapErrorBackground: #fff;
+  --sapWarningBackground: #fff;
+  --sapSuccessBackground: #fff;
+  --sapInformationBackground: #fff;
+  --sapNeutralBackground: #fff;
+  --sapIndicationColor_1: #780000;
+  --sapIndicationColor_1_Background: #fff;
+  --sapIndicationColor_1_BorderColor: #000;
+  --sapIndicationColor_1_Hover_Background: #e97624;
+  --sapIndicationColor_1_Active_Background: #e97624;
+  --sapIndicationColor_1_TextColor: #000;
+  --sapIndicationColor_2: #ab0000;
+  --sapIndicationColor_2_Background: #fff;
+  --sapIndicationColor_2_BorderColor: #000;
+  --sapIndicationColor_2_Hover_Background: #e97624;
+  --sapIndicationColor_2_Active_Background: #e97624;
+  --sapIndicationColor_2_TextColor: #000;
+  --sapIndicationColor_3: #5c5c00;
+  --sapIndicationColor_3_Background: #fff;
+  --sapIndicationColor_3_BorderColor: #000;
+  --sapIndicationColor_3_Hover_Background: #e97624;
+  --sapIndicationColor_3_Active_Background: #e97624;
+  --sapIndicationColor_3_TextColor: #000;
+  --sapIndicationColor_4: #006362;
+  --sapIndicationColor_4_Background: #fff;
+  --sapIndicationColor_4_BorderColor: #000;
+  --sapIndicationColor_4_Hover_Background: #e97624;
+  --sapIndicationColor_4_Active_Background: #e97624;
+  --sapIndicationColor_4_TextColor: #000;
+  --sapIndicationColor_5: #004ccb;
+  --sapIndicationColor_5_Background: #fff;
+  --sapIndicationColor_5_BorderColor: #000;
+  --sapIndicationColor_5_Hover_Background: #e97624;
+  --sapIndicationColor_5_Active_Background: #e97624;
+  --sapIndicationColor_5_TextColor: #000;
+  --sapIndicationColor_6: #105b5b;
+  --sapIndicationColor_6_Background: #fff;
+  --sapIndicationColor_6_BorderColor: #000;
+  --sapIndicationColor_6_Hover_Background: #e97624;
+  --sapIndicationColor_6_Active_Background: #e97624;
+  --sapIndicationColor_6_TextColor: #000;
+  --sapIndicationColor_7: #6c32a9;
+  --sapIndicationColor_7_Background: #fff;
+  --sapIndicationColor_7_BorderColor: #000;
+  --sapIndicationColor_7_Hover_Background: #e97624;
+  --sapIndicationColor_7_Active_Background: #e97624;
+  --sapIndicationColor_7_TextColor: #000;
+  --sapIndicationColor_8: #961d7c;
+  --sapIndicationColor_8_Background: #fff;
+  --sapIndicationColor_8_BorderColor: #000;
+  --sapIndicationColor_8_Hover_Background: #e97624;
+  --sapIndicationColor_8_Active_Background: #e97624;
+  --sapIndicationColor_8_TextColor: #000;
+  --sapElement_LineHeight: 2.75rem;
+  --sapElement_Height: 2.25rem;
+  --sapElement_BorderWidth: .0625rem;
+  --sapElement_BorderCornerRadius: .25rem;
+  --sapElement_Compact_LineHeight: 2rem;
+  --sapElement_Compact_Height: 1.625rem;
+  --sapElement_Condensed_LineHeight: 1.5rem;
+  --sapElement_Condensed_Height: 1.375rem;
+  --sapContent_LineHeight: 1.5;
+  --sapContent_IconHeight: 1rem;
+  --sapContent_IconColor: #000;
+  --sapContent_ContrastIconColor: #000;
+  --sapContent_NonInteractiveIconColor: #000;
+  --sapContent_MarkerIconColor: #000;
+  --sapContent_MarkerTextColor: #000;
+  --sapContent_MeasureIndicatorColor: #000;
+  --sapContent_Selected_MeasureIndicatorColor: #000;
+  --sapContent_ImagePlaceholderBackground: #fff;
+  --sapContent_ImagePlaceholderForegroundColor: #000;
+  --sapContent_RatedColor: #000;
+  --sapContent_UnratedColor: #585858;
+  --sapContent_BusyColor: #000;
+  --sapContent_FocusColor: #000;
+  --sapContent_FocusStyle: dotted;
+  --sapContent_FocusWidth: .125rem;
+  --sapContent_ContrastFocusColor: #000;
+  --sapContent_ShadowColor: #000;
+  --sapContent_ContrastShadowColor: #000;
+  --sapContent_Shadow0: 0 0 0 0.0625rem #000;
+  --sapContent_Shadow1: 0 0 1rem 0 rgba(0,0,0,0.5), 0 0 0 0.125rem #000;
+  --sapContent_Shadow2: 0 0.25rem 2rem 0 rgba(0,0,0,0.6), 0 0 0 0.125rem #000;
+  --sapContent_Shadow3: 0 0.625rem 4rem 0 rgba(0,0,0,0.8), 0 0 0 0.125rem #000;
+  --sapContent_TextShadow: -0.0625rem 0 #fff, 0 0.0625rem #fff, 0.0625rem 0 #fff, 0 -0.0625rem #fff;
+  --sapContent_ContrastTextShadow: none;
+  --sapContent_HeaderShadow: inset 0 -0.125rem #000;
+  --sapContent_Interaction_Shadow: none;
+  --sapContent_Selected_Shadow: none;
+  --sapContent_Negative_Shadow: none;
+  --sapContent_Critical_Shadow: none;
+  --sapContent_Positive_Shadow: none;
+  --sapContent_Informative_Shadow: none;
+  --sapContent_Neutral_Shadow: none;
+  --sapContent_SearchHighlightColor: #e97624;
+  --sapContent_HelpColor: #006800;
+  --sapContent_LabelColor: #000;
+  --sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;
+  --sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;
+  --sapContent_IconFontFamily: "SAP-icons";
+  --sapContent_DisabledTextColor: #888;
+  --sapContent_DisabledOpacity: 0.4;
+  --sapContent_ContrastTextThreshold: 0.5;
+  --sapContent_ContrastTextColor: #000;
+  --sapContent_ForegroundColor: #fff;
+  --sapContent_ForegroundBorderColor: #000;
+  --sapContent_ForegroundTextColor: #000;
+  --sapContent_BadgeBackground: #fff;
+  --sapContent_BadgeTextColor: #000;
+  --sapContent_Placeholderloading_Background: #888;
+  --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #888 0%, #888 35%, #585858 50%, #888 65%, #888 100%);
+  --sapContent_DragAndDropActiveColor: #006800;
+  --sapContent_Selected_Background: #5c93ff;
+  --sapContent_Selected_TextColor: #000;
+  --sapContent_Selected_Hover_Background: #e97624;
+  --sapContent_Selected_ForegroundColor: #000;
+  --sapContent_ForcedColorAdjust: none;
+  --sapContent_Illustrative_Color1: #212628;
+  --sapContent_Illustrative_Color2: #434e56;
+  --sapContent_Illustrative_Color3: #62737c;
+  --sapContent_Illustrative_Color4: #030303;
+  --sapContent_Illustrative_Color5: #9da4aa;
+  --sapContent_Illustrative_Color6: #c6cace;
+  --sapContent_Illustrative_Color7: #e7e9ea;
+  --sapContent_Illustrative_Color8: #fff;
+  --sapContent_Illustrative_Color9: #62737c;
+  --sapContent_Illustrative_Color10: #d5dadd;
+  --sapContent_Illustrative_Color11: #88979e;
+  --sapContent_Illustrative_Color12: #88979e;
+  --sapContent_Illustrative_Color13: #bec6cb;
+  --sapContent_Illustrative_Color14: #8f9ca4;
+  --sapContent_Illustrative_Color15: #31393f;
+  --sapContent_Illustrative_Color16: #505e65;
+  --sapContent_Illustrative_Color17: #505e65;
+  --sapContent_Illustrative_Color18: #2d3336;
+  --sapContent_Illustrative_Color19: #384144;
+  --sapContent_Illustrative_Color20: #444e52;
+  --sapShell_Background: #fff;
+  --sapShell_BackgroundImage: linear-gradient(to bottom, #fff, #fff);
+  --sapShell_BackgroundGradient: linear-gradient(to bottom, #fff, #fff);
+  --sapShell_BackgroundImageOpacity: 1.0;
+  --sapShell_BackgroundImageRepeat: false;
+  --sapShell_BorderColor: #000;
+  --sapShell_TextColor: #000;
+  --sapShell_InteractiveBackground: #fff;
+  --sapShell_InteractiveTextColor: #000;
+  --sapShell_InteractiveBorderColor: #000;
+  --sapShell_GroupTitleTextColor: #000;
+  --sapShell_GroupTitleTextShadow: -0.0625rem 0 #fff,0 .0625rem #fff,.0625rem 0 #fff,0 -0.0625rem #fff;
+  --sapShell_Hover_Background: #e97624;
+  --sapShell_Active_Background: #e97624;
+  --sapShell_Active_TextColor: #000;
+  --sapShell_Selected_Background: #5c93ff;
+  --sapShell_Selected_TextColor: #000;
+  --sapShell_Selected_Hover_Background: #e97624;
+  --sapShell_Favicon: none;
+  --sapShell_Navigation_Background: #fff;
+  --sapShell_Navigation_SelectedColor: #000;
+  --sapShell_Navigation_Selected_TextColor: #000;
+  --sapShell_Navigation_TextColor: #000;
+  --sapShell_Navigation_Hover_Background: #e97624;
+  --sapShell_Navigation_Active_Background: #e97624;
+  --sapShell_Navigation_Active_TextColor: #000;
+  --sapShell_Shadow: 0 0.125rem 0 0 #000;
+  --sapShell_NegativeColor: #ab0000;
+  --sapShell_CriticalColor: #5c5c00;
+  --sapShell_PositiveColor: #006362;
+  --sapShell_InformativeColor: #000;
+  --sapShell_NeutralColor: #000;
+  --sapAvatar_1_Background: #fff;
+  --sapAvatar_1_BorderColor: #000;
+  --sapAvatar_1_TextColor: #000;
+  --sapAvatar_2_Background: #fff;
+  --sapAvatar_2_BorderColor: #000;
+  --sapAvatar_2_TextColor: #000;
+  --sapAvatar_3_Background: #fff;
+  --sapAvatar_3_BorderColor: #000;
+  --sapAvatar_3_TextColor: #000;
+  --sapAvatar_4_Background: #fff;
+  --sapAvatar_4_BorderColor: #000;
+  --sapAvatar_4_TextColor: #000;
+  --sapAvatar_5_Background: #fff;
+  --sapAvatar_5_BorderColor: #000;
+  --sapAvatar_5_TextColor: #000;
+  --sapAvatar_6_Background: #fff;
+  --sapAvatar_6_BorderColor: #000;
+  --sapAvatar_6_TextColor: #000;
+  --sapAvatar_7_Background: #fff;
+  --sapAvatar_7_BorderColor: #000;
+  --sapAvatar_7_TextColor: #000;
+  --sapAvatar_8_Background: #fff;
+  --sapAvatar_8_BorderColor: #000;
+  --sapAvatar_8_TextColor: #000;
+  --sapAvatar_9_Background: #fff;
+  --sapAvatar_9_BorderColor: #000;
+  --sapAvatar_9_TextColor: #000;
+  --sapAvatar_10_Background: #fff;
+  --sapAvatar_10_BorderColor: #000;
+  --sapAvatar_10_TextColor: #000;
+  --sapButton_BorderWidth: .0625rem;
+  --sapButton_BorderCornerRadius: .375rem;
+  --sapButton_Background: #fff;
+  --sapButton_BorderColor: #000;
+  --sapButton_TextColor: #000;
+  --sapButton_Hover_Background: #e97624;
+  --sapButton_Hover_BorderColor: #000;
+  --sapButton_Hover_TextColor: #000;
+  --sapButton_IconColor: #000;
+  --sapButton_Active_Background: #e97624;
+  --sapButton_Active_BorderColor: #000;
+  --sapButton_Active_TextColor: #000;
+  --sapButton_Emphasized_Background: #fff;
+  --sapButton_Emphasized_BorderColor: #000;
+  --sapButton_Emphasized_TextColor: #000;
+  --sapButton_Emphasized_Hover_Background: #e97624;
+  --sapButton_Emphasized_Hover_BorderColor: #000;
+  --sapButton_Emphasized_Hover_TextColor: #000;
+  --sapButton_Emphasized_Active_Background: #e97624;
+  --sapButton_Emphasized_Active_BorderColor: #000;
+  --sapButton_Emphasized_Active_TextColor: #000;
+  --sapButton_Emphasized_TextShadow: transparent;
+  --sapButton_Emphasized_FontWeight: bold;
+  --sapButton_Reject_Background: #fff;
+  --sapButton_Reject_BorderColor: #000;
+  --sapButton_Reject_Hover_Background: #e97624;
+  --sapButton_Reject_Hover_BorderColor: #000;
+  --sapButton_Reject_Hover_TextColor: #000;
+  --sapButton_Reject_Active_Background: #e97624;
+  --sapButton_Reject_Active_BorderColor: #000;
+  --sapButton_Reject_Active_TextColor: #000;
+  --sapButton_Reject_TextColor: #000;
+  --sapButton_Reject_Selected_Background: #5c93ff;
+  --sapButton_Reject_Selected_BorderColor: #000;
+  --sapButton_Reject_Selected_TextColor: #000;
+  --sapButton_Reject_Selected_Hover_Background: #e97624;
+  --sapButton_Reject_Selected_Hover_BorderColor: #000;
+  --sapButton_Accept_Background: #fff;
+  --sapButton_Accept_BorderColor: #000;
+  --sapButton_Accept_Hover_Background: #e97624;
+  --sapButton_Accept_Hover_BorderColor: #000;
+  --sapButton_Accept_Hover_TextColor: #000;
+  --sapButton_Accept_Active_Background: #e97624;
+  --sapButton_Accept_Active_BorderColor: #000;
+  --sapButton_Accept_Active_TextColor: #000;
+  --sapButton_Accept_TextColor: #000;
+  --sapButton_Accept_Selected_Background: #5c93ff;
+  --sapButton_Accept_Selected_BorderColor: #000;
+  --sapButton_Accept_Selected_TextColor: #000;
+  --sapButton_Accept_Selected_Hover_Background: #e97624;
+  --sapButton_Accept_Selected_Hover_BorderColor: #000;
+  --sapButton_Lite_Background: #fff;
+  --sapButton_Lite_BorderColor: #000;
+  --sapButton_Lite_TextColor: #000;
+  --sapButton_Lite_Hover_Background: #e97624;
+  --sapButton_Lite_Hover_BorderColor: #000;
+  --sapButton_Lite_Hover_TextColor: #000;
+  --sapButton_Lite_Active_Background: #e97624;
+  --sapButton_Lite_Active_BorderColor: #000;
+  --sapButton_Selected_Background: #5c93ff;
+  --sapButton_Selected_BorderColor: #000;
+  --sapButton_Selected_TextColor: #000;
+  --sapButton_Selected_Hover_Background: #e97624;
+  --sapButton_Selected_Hover_BorderColor: #000;
+  --sapButton_Attention_Background: #fff;
+  --sapButton_Attention_BorderColor: #000;
+  --sapButton_Attention_TextColor: #000;
+  --sapButton_Attention_Hover_Background: #e97624;
+  --sapButton_Attention_Hover_BorderColor: #000;
+  --sapButton_Attention_Hover_TextColor: #000;
+  --sapButton_Attention_Active_Background: #e97624;
+  --sapButton_Attention_Active_BorderColor: #000;
+  --sapButton_Attention_Active_TextColor: #000;
+  --sapButton_Attention_Selected_Background: #5c93ff;
+  --sapButton_Attention_Selected_BorderColor: #000;
+  --sapButton_Attention_Selected_TextColor: #000;
+  --sapButton_Attention_Selected_Hover_Background: #e97624;
+  --sapButton_Attention_Selected_Hover_BorderColor: #000;
+  --sapButton_Negative_Background: #fff;
+  --sapButton_Negative_BorderColor: #000;
+  --sapButton_Negative_TextColor: #000;
+  --sapButton_Negative_Hover_Background: #e97624;
+  --sapButton_Negative_Hover_BorderColor: #000;
+  --sapButton_Negative_Hover_TextColor: #000;
+  --sapButton_Negative_Active_Background: #e97624;
+  --sapButton_Negative_Active_BorderColor: #000;
+  --sapButton_Negative_Active_TextColor: #000;
+  --sapButton_Critical_Background: #fff;
+  --sapButton_Critical_BorderColor: #000;
+  --sapButton_Critical_TextColor: #000;
+  --sapButton_Critical_Hover_Background: #e97624;
+  --sapButton_Critical_Hover_BorderColor: #000;
+  --sapButton_Critical_Hover_TextColor: #000;
+  --sapButton_Critical_Active_Background: #e97624;
+  --sapButton_Critical_Active_BorderColor: #000;
+  --sapButton_Critical_Active_TextColor: #000;
+  --sapButton_Success_Background: #fff;
+  --sapButton_Success_BorderColor: #000;
+  --sapButton_Success_TextColor: #000;
+  --sapButton_Success_Hover_Background: #e97624;
+  --sapButton_Success_Hover_BorderColor: #000;
+  --sapButton_Success_Hover_TextColor: #000;
+  --sapButton_Success_Active_Background: #e97624;
+  --sapButton_Success_Active_BorderColor: #000;
+  --sapButton_Success_Active_TextColor: #000;
+  --sapButton_Information_Background: #fff;
+  --sapButton_Information_BorderColor: #000;
+  --sapButton_Information_TextColor: #000;
+  --sapButton_Information_Hover_Background: #e97624;
+  --sapButton_Information_Hover_BorderColor: #000;
+  --sapButton_Information_Hover_TextColor: #000;
+  --sapButton_Information_Active_Background: #e97624;
+  --sapButton_Information_Active_BorderColor: #000;
+  --sapButton_Information_Active_TextColor: #000;
+  --sapButton_Neutral_Background: #fff;
+  --sapButton_Neutral_BorderColor: #000;
+  --sapButton_Neutral_TextColor: #000;
+  --sapButton_Neutral_Hover_Background: #e97624;
+  --sapButton_Neutral_Hover_BorderColor: #000;
+  --sapButton_Neutral_Hover_TextColor: #000;
+  --sapButton_Neutral_Active_Background: #e97624;
+  --sapButton_Neutral_Active_BorderColor: #000;
+  --sapButton_Neutral_Active_TextColor: #000;
+  --sapButton_Track_Background: #fff;
+  --sapButton_Track_BorderColor: #000;
+  --sapButton_Track_TextColor: #000;
+  --sapButton_Track_Hover_Background: #e97624;
+  --sapButton_Track_Hover_BorderColor: #000;
+  --sapButton_Track_Selected_Background: #5c93ff;
+  --sapButton_Track_Selected_BorderColor: #000;
+  --sapButton_Track_Selected_TextColor: #000;
+  --sapButton_Track_Selected_Hover_Background: #e97624;
+  --sapButton_Track_Selected_Hover_BorderColor: #000;
+  --sapButton_Handle_Background: #fff;
+  --sapButton_Handle_BorderColor: #000;
+  --sapButton_Handle_TextColor: #000;
+  --sapButton_Handle_Hover_Background: #e97624;
+  --sapButton_Handle_Hover_BorderColor: #000;
+  --sapButton_Handle_Selected_Background: #5c93ff;
+  --sapButton_Handle_Selected_BorderColor: #000;
+  --sapButton_Handle_Selected_TextColor: #000;
+  --sapButton_Handle_Selected_Hover_Background: #e97624;
+  --sapButton_Handle_Selected_Hover_BorderColor: #000;
+  --sapButton_Track_Negative_Background: #fff;
+  --sapButton_Track_Negative_BorderColor: #ab0000;
+  --sapButton_Track_Negative_TextColor: #000;
+  --sapButton_Track_Negative_Hover_Background: #e97624;
+  --sapButton_Track_Negative_Hover_BorderColor: #ab0000;
+  --sapButton_Handle_Negative_Background: #fff;
+  --sapButton_Handle_Negative_BorderColor: #ab0000;
+  --sapButton_Handle_Negative_TextColor: #000;
+  --sapButton_Handle_Negative_Hover_Background: #e97624;
+  --sapButton_Handle_Negative_Hover_BorderColor: #ab0000;
+  --sapButton_Track_Positive_Background: #fff;
+  --sapButton_Track_Positive_BorderColor: #006362;
+  --sapButton_Track_Positive_TextColor: #000;
+  --sapButton_Track_Positive_Hover_Background: #e97624;
+  --sapButton_Track_Positive_Hover_BorderColor: #000;
+  --sapButton_Handle_Positive_Background: #fff;
+  --sapButton_Handle_Positive_BorderColor: #006362;
+  --sapButton_Handle_Positive_TextColor: #000;
+  --sapButton_Handle_Positive_Hover_Background: #e97624;
+  --sapButton_Handle_Positive_Hover_BorderColor: #006362;
+  --sapButton_TokenBackground: #fff;
+  --sapButton_TokenBorderColor: #000;
+  --sapField_Background: #fff;
+  --sapField_BackgroundStyle: none;
+  --sapField_TextColor: #000;
+  --sapField_PlaceholderTextColor: #585858;
+  --sapField_BorderColor: #000;
+  --sapField_HelpBackground: #fff;
+  --sapField_BorderWidth: .125rem;
+  --sapField_BorderStyle: solid;
+  --sapField_BorderCornerRadius: 0;
+  --sapField_Hover_Background: #fff;
+  --sapField_Hover_BackgroundStyle: none;
+  --sapField_Hover_BorderColor: #000;
+  --sapField_Hover_HelpBackground: #fff;
+  --sapField_Active_BorderColor: #000;
+  --sapField_Focus_Background: #fff;
+  --sapField_Focus_BorderColor: #000;
+  --sapField_Focus_HelpBackground: #fff;
+  --sapField_ReadOnly_Background: #b3b3b3;
+  --sapField_ReadOnly_BorderColor: #000;
+  --sapField_ReadOnly_HelpBackground: #b3b3b3;
+  --sapField_RequiredColor: #000;
+  --sapField_InvalidColor: #000;
+  --sapField_InvalidBackground: #e97624;
+  --sapField_InvalidBackgroundStyle: none;
+  --sapField_InvalidBorderWidth: .125rem;
+  --sapField_InvalidBorderStyle: dashed;
+  --sapField_WarningColor: #000;
+  --sapField_WarningBackground: #fff;
+  --sapField_WarningBackgroundStyle: none;
+  --sapField_WarningBorderWidth: .125rem;
+  --sapField_WarningBorderStyle: dashed;
+  --sapField_SuccessColor: #000;
+  --sapField_SuccessBackground: #fff;
+  --sapField_SuccessBackgroundStyle: none;
+  --sapField_SuccessBorderWidth: .125rem;
+  --sapField_SuccessBorderStyle: solid;
+  --sapField_InformationColor: #000;
+  --sapField_InformationBackground: #fff;
+  --sapField_InformationBackgroundStyle: none;
+  --sapField_InformationBorderWidth: .0625rem;
+  --sapField_InformationBorderStyle: dashed;
+  --sapGroup_TitleBackground: #fff;
+  --sapGroup_TitleBorderColor: #000;
+  --sapGroup_TitleTextColor: #000;
+  --sapGroup_Title_FontSize: 1rem;
+  --sapGroup_ContentBackground: #fff;
+  --sapGroup_ContentBorderColor: #000;
+  --sapGroup_BorderWidth: .0625rem;
+  --sapGroup_BorderCornerRadius: 0;
+  --sapGroup_FooterBackground: #fff;
+  --sapPopover_BorderCornerRadius: .25rem;
+  --sapToolbar_Background: #fff;
+  --sapToolbar_SeparatorColor: #000;
+  --sapList_HeaderBackground: #fff;
+  --sapList_HeaderBorderColor: #000;
+  --sapList_HeaderTextColor: #000;
+  --sapList_BorderColor: #585858;
+  --sapList_TextColor: #000;
+  --sapList_Active_TextColor: #000;
+  --sapList_BorderWidth: .0625rem;
+  --sapList_Active_Background: #e97624;
+  --sapList_SelectionBackgroundColor: #5c93ff;
+  --sapList_SelectionBorderColor: #000;
+  --sapList_Hover_SelectionBackground: #e97624;
+  --sapList_Background: #fff;
+  --sapList_Hover_Background: #e97624;
+  --sapList_AlternatingBackground: #e6e6e6;
+  --sapList_GroupHeaderBackground: #fff;
+  --sapList_GroupHeaderBorderColor: #000;
+  --sapList_GroupHeaderTextColor: #000;
+  --sapList_FooterBackground: #fff;
+  --sapList_FooterTextColor: #000;
+  --sapList_TableGroupHeaderBackground: #b3b3b3;
+  --sapList_TableGroupHeaderBorderColor: #000;
+  --sapList_TableGroupHeaderTextColor: #000;
+  --sapList_TableFooterBorder: #000;
+  --sapList_TableFixedBorderColor: #000;
+  --sapMessage_ErrorBorderColor: #ab0000;
+  --sapMessage_WarningBorderColor: #5c5c00;
+  --sapMessage_SuccessBorderColor: #006362;
+  --sapMessage_InformationBorderColor: #000;
+  --sapProgress_Background: #fff;
+  --sapProgress_BorderColor: #000;
+  --sapProgress_TextColor: #000;
+  --sapProgress_FontSize: .875rem;
+  --sapProgress_NegativeBackground: #fff;
+  --sapProgress_NegativeBorderColor: #000;
+  --sapProgress_NegativeTextColor: #000;
+  --sapProgress_CriticalBackground: #fff;
+  --sapProgress_CriticalBorderColor: #000;
+  --sapProgress_CriticalTextColor: #000;
+  --sapProgress_PositiveBackground: #fff;
+  --sapProgress_PositiveBorderColor: #000;
+  --sapProgress_PositiveTextColor: #000;
+  --sapProgress_InformationBackground: #fff;
+  --sapProgress_InformationBorderColor: #000;
+  --sapProgress_InformationTextColor: #000;
+  --sapProgress_Value_Background: #e97624;
+  --sapProgress_Value_BorderColor: #000;
+  --sapProgress_Value_TextColor: #000;
+  --sapProgress_Value_NegativeBackground: #e97624;
+  --sapProgress_Value_NegativeBorderColor: #000;
+  --sapProgress_Value_NegativeTextColor: #000;
+  --sapProgress_Value_CriticalBackground: #e97624;
+  --sapProgress_Value_CriticalBorderColor: #000;
+  --sapProgress_Value_CriticalTextColor: #000;
+  --sapProgress_Value_PositiveBackground: #e97624;
+  --sapProgress_Value_PositiveBorderColor: #000;
+  --sapProgress_Value_PositiveTextColor: #000;
+  --sapProgress_Value_InformationBackground: #e97624;
+  --sapProgress_Value_InformationBorderColor: #000;
+  --sapProgress_Value_InformationTextColor: #000;
+  --sapScrollBar_FaceColor: #585858;
+  --sapScrollBar_TrackColor: #fff;
+  --sapScrollBar_BorderColor: #585858;
+  --sapScrollBar_SymbolColor: #000;
+  --sapScrollBar_Dimension: .75rem;
+  --sapScrollBar_Hover_FaceColor: #000;
+  --sapSlider_Background: #fff;
+  --sapSlider_BorderColor: #000;
+  --sapSlider_Selected_Background: #5c93ff;
+  --sapSlider_Selected_BorderColor: #000;
+  --sapSlider_HandleBackground: #fff;
+  --sapSlider_HandleBorderColor: #000;
+  --sapSlider_RangeHandleBackground: #fff;
+  --sapSlider_Hover_HandleBackground: #e97624;
+  --sapSlider_Hover_HandleBorderColor: #000;
+  --sapSlider_Hover_RangeHandleBackground: transparent;
+  --sapSlider_Active_HandleBackground: #e97624;
+  --sapSlider_Active_HandleBorderColor: #000;
+  --sapSlider_Active_RangeHandleBackground: transparent;
+  --sapPageHeader_Background: #fff;
+  --sapPageHeader_BorderColor: #000;
+  --sapPageHeader_TextColor: #000;
+  --sapPageFooter_Background: #fff;
+  --sapPageFooter_BorderColor: #fff;
+  --sapPageFooter_TextColor: #000;
+  --sapInfobar_Background: #fff;
+  --sapInfobar_Hover_Background: #e97624;
+  --sapInfobar_Active_Background: #e97624;
+  --sapInfobar_NonInteractive_Background: #b3b3b3;
+  --sapInfobar_TextColor: #000;
+  --sapObjectHeader_Background: #fff;
+  --sapObjectHeader_BorderColor: #000;
+  --sapObjectHeader_Hover_Background: #e97624;
+  --sapObjectHeader_Title_TextColor: #000;
+  --sapObjectHeader_Title_FontSize: 2rem;
+  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
+  --sapObjectHeader_Title_FontFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
+  --sapObjectHeader_Subtitle_TextColor: #000;
+  --sapBlockLayer_Background: #fff;
+  --sapTile_Background: #fff;
+  --sapTile_Hover_Background: #e97624;
+  --sapTile_Active_Background: #e97624;
+  --sapTile_BorderColor: #000;
+  --sapTile_BorderCornerRadius: 0.25rem;
+  --sapTile_TitleTextColor: #000;
+  --sapTile_TextColor: #000;
+  --sapTile_IconColor: #000;
+  --sapTile_SeparatorColor: #000;
+  --sapTile_Interactive_BorderColor: #000;
+  --sapTile_OverlayBackground: #fff;
+  --sapTile_OverlayForegroundColor: #000;
+  --sapAccentColor1: #5f5800;
+  --sapAccentColor2: #5e4101;
+  --sapAccentColor3: #973333;
+  --sapAccentColor4: #961d7c;
+  --sapAccentColor5: #365892;
+  --sapAccentColor6: #004ccb;
+  --sapAccentColor7: #105b5b;
+  --sapAccentColor8: #26340b;
+  --sapAccentColor9: #6c32a9;
+  --sapAccentColor10: #4a5964;
+  --sapAccentBackgroundColor1: #fff;
+  --sapAccentBackgroundColor2: #fff;
+  --sapAccentBackgroundColor3: #fff;
+  --sapAccentBackgroundColor4: #fff;
+  --sapAccentBackgroundColor5: #fff;
+  --sapAccentBackgroundColor6: #fff;
+  --sapAccentBackgroundColor7: #fff;
+  --sapAccentBackgroundColor8: #fff;
+  --sapAccentBackgroundColor9: #fff;
+  --sapAccentBackgroundColor10: #fff;
+  --sapLegend_WorkingBackground: #d9d9d9;
+  --sapLegend_NonWorkingBackground: #b3b3b3;
+  --sapLegend_CurrentDateTime: #961d7c;
+  --sapLegendColor1: #5f5800;
+  --sapLegendColor2: #5e4101;
+  --sapLegendColor3: #973333;
+  --sapLegendColor4: #463000;
+  --sapLegendColor5: #961d7c;
+  --sapLegendColor6: #004ccb;
+  --sapLegendColor7: #105b5b;
+  --sapLegendColor8: #26340b;
+  --sapLegendColor9: #4a5964;
+  --sapLegendColor10: #6c3d62;
+  --sapLegendColor11: #383513;
+  --sapLegendColor12: #734f00;
+  --sapLegendColor13: #723e3e;
+  --sapLegendColor14: #5f5642;
+  --sapLegendColor15: #60535d;
+  --sapLegendColor16: #465878;
+  --sapLegendColor17: #435b5b;
+  --sapLegendColor18: #4e5a36;
+  --sapLegendColor19: #4e5869;
+  --sapLegendColor20: #001b49;
+  --sapLegendBackgroundColor1: #fff;
+  --sapLegendBackgroundColor2: #fff;
+  --sapLegendBackgroundColor3: #fff;
+  --sapLegendBackgroundColor4: #fff;
+  --sapLegendBackgroundColor5: #fff;
+  --sapLegendBackgroundColor6: #fff;
+  --sapLegendBackgroundColor7: #fff;
+  --sapLegendBackgroundColor8: #fff;
+  --sapLegendBackgroundColor9: #fff;
+  --sapLegendBackgroundColor10: #fff;
+  --sapLegendBackgroundColor11: #fff;
+  --sapLegendBackgroundColor12: #fff;
+  --sapLegendBackgroundColor13: #fff;
+  --sapLegendBackgroundColor14: #fff;
+  --sapLegendBackgroundColor15: #fff;
+  --sapLegendBackgroundColor16: #fff;
+  --sapLegendBackgroundColor17: #fff;
+  --sapLegendBackgroundColor18: #fff;
+  --sapLegendBackgroundColor19: #fff;
+  --sapLegendBackgroundColor20: #fff;
+  --sapChart_OrderedColor_1: #286ac3;
+  --sapChart_OrderedColor_2: #d74114;
+  --sapChart_OrderedColor_3: #057d47;
+  --sapChart_OrderedColor_4: #e11e48;
+  --sapChart_OrderedColor_5: #642eb2;
+  --sapChart_OrderedColor_6: #03778c;
+  --sapChart_OrderedColor_7: #232deb;
+  --sapChart_OrderedColor_8: #9b136f;
+  --sapChart_OrderedColor_9: #395563;
+  --sapChart_OrderedColor_10: #e02e2e;
+  --sapChart_OrderedColor_11: #0d3367;
+  --sapChart_Bad: #ab0000;
+  --sapChart_Critical: #5c5c00;
+  --sapChart_Good: #006362;
+  --sapChart_Neutral: #000;
+  --sapChart_Sequence_1: #286ac3;
+  --sapChart_Sequence_2: #d74114;
+  --sapChart_Sequence_3: #057d47;
+  --sapChart_Sequence_4: #e11e48;
+  --sapChart_Sequence_5: #642eb2;
+  --sapChart_Sequence_6: #03778c;
+  --sapChart_Sequence_7: #232deb;
+  --sapChart_Sequence_8: #9b136f;
+  --sapChart_Sequence_9: #395563;
+  --sapChart_Sequence_10: #e02e2e;
+  --sapChart_Sequence_11: #0d3367;
+  --sapChart_Sequence_Neutral: #000;
+  --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');
+  --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
+  --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
+  --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
+  --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.ttf');
+  --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff');
+  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/baseTheme/fonts/BusinessSuiteInAppSymbols.woff2');
+  --sapFontUrl_72_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Regular.woff2');
+  --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');
+  --sapFontUrl_72_Black_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Black.woff');
+  --sapFontUrl_72_BoldItalic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff2');
+  --sapFontUrl_72_BoldItalic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-BoldItalic.woff');
+  --sapFontUrl_72_Condensed_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff2');
+  --sapFontUrl_72_Condensed_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Condensed.woff');
+  --sapFontUrl_72_CondensedBold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff2');
+  --sapFontUrl_72_CondensedBold_woff: url('../../../Base/baseLib/baseTheme/fonts/72-CondensedBold.woff');
+  --sapFontUrl_72_Italic_woff2: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff2');
+  --sapFontUrl_72_Italic_woff: url('../../../Base/baseLib/baseTheme/fonts/72-Italic.woff');
+  --sapFontUrl_72Mono_Regular_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff2');
+  --sapFontUrl_72Mono_Regular_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular.woff');
+  --sapFontUrl_72Mono_Regular_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff2');
+  --sapFontUrl_72Mono_Regular_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Regular-full.woff');
+  --sapFontUrl_72Mono_Bold_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff2');
+  --sapFontUrl_72Mono_Bold_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold.woff');
+  --sapFontUrl_72Mono_Bold_full_woff2: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff2');
+  --sapFontUrl_72Mono_Bold_full_woff: url('../../../Base/baseLib/baseTheme/fonts/72Mono-Bold-full.woff');
+}
+.background-image--sapCompanyLogo {
+  background-image: var(--sapCompanyLogo);
+}
+.background-image--sapBackgroundImage {
+  background-image: var(--sapBackgroundImage);
+}
+.background-image--sapShell_BackgroundImage {
+  background-image: var(--sapShell_BackgroundImage);
+}