npm - @openui5/themelib_sap_horizon - Versions diffs - 1.98.0 → 1.101.0 - Mend

@openui5/themelib_sap_horizon 1.98.0 → 1.101.0

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 (1362) hide show

package/src/sap/ui/core/themes/sap_horizon_dark/global.less ADDED Viewed

@@ -0,0 +1,1177 @@
+// =======================================
+// Global CSS for 'sap_horizon_dark' theme
+// =======================================
+// =====================================
+// Semantic Theming Mapping
+// =====================================
+// ==========================================================
+// Quick Theming (these Parameters can be linked in controls)
+// ==========================================================
+@sapUiBrand: @sapBrandColor;
+@sapUiHighlight: @sapHighlightColor;
+@sapUiBaseColor: @sapBaseColor;
+@sapUiShellColor: @sapShellColor;
+@sapUiBaseBG: @sapBackgroundColor;
+@sapUiGlobalBackgroundColor: @sapBackgroundColor;
+@sapUiFontFamily: @sapFontFamily;
+@sapUiFontSize: 16px; // @sapFontSize;
+@sapUiBaseText: @sapTextColor;
+@sapUiLink: @sapLinkColor;
+@sapUiGlobalLogo: @sapCompanyLogo;
+@sapUiGlobalBackgroundImage: @sapBackgroundImage;
+@sapUiBackgroundImage: @sapBackgroundImage;
+@sapUiUx3ShellBackgroundImageURL: @sapBackgroundImage;
+@sapUiGlobalBackgroundImageOpacity: @sapBackgroundImageOpacity;
+@sapUiGlobalBackgroundRepeat: @sapBackgroundImageRepeat;
+@sapUiSelected: @sapSelectedColor;
+@sapUiActive: @sapActiveColor;
+@sapUiHighlightTextColor: @sapHighlightTextColor;
+@sapUiTextTitle: @sapTitleColor;
+// =======================================================
+// Semantic Foreground Colors - do not use in Controls!!
+// =======================================================
+@sapUiNegative: @sapNegativeColor;
+@sapUiCritical: @sapCriticalColor;
+@sapUiPositive: @sapPositiveColor;
+@sapUiInformative: @sapInformativeColor;
+@sapUiNeutral: @sapNeutralColor;
+// =====================================
+// Semantic Colors
+// =====================================
+// Semantic Foreground Elements
+@sapUiNegativeElement: @sapNegativeElementColor;
+@sapUiCriticalElement: @sapCriticalElementColor;
+@sapUiPositiveElement: @sapPositiveElementColor;
+@sapUiInformativeElement: @sapInformativeElementColor;
+@sapUiNeutralElement: @sapNeutralElementColor;
+// Semantic Text
+@sapUiNegativeText: @sapNegativeTextColor;
+@sapUiCriticalText: @sapCriticalTextColor;
+@sapUiPositiveText: @sapPositiveTextColor;
+@sapUiInformativeText: @sapInformativeTextColor;
+@sapUiNeutralText: @sapNeutralTextColor;
+// Semantic Background Colors
+@sapUiErrorBG: @sapErrorBackground;
+@sapUiWarningBG: @sapWarningBackground;
+@sapUiSuccessBG: @sapSuccessBackground;
+@sapUiInformationBG: @sapInformationBackground;
+@sapUiNeutralBG: @sapNeutralBackground;
+// Semantic Border Colors
+@sapUiErrorBorder: @sapErrorBorderColor;
+@sapUiWarningBorder: @sapWarningBorderColor;
+@sapUiSuccessBorder: @sapSuccessBorderColor;
+@sapUiInformationBorder: @sapInformationBorderColor;
+@sapUiNeutralBorder: @sapNeutralColor;
+// ==============================================================
+// Expert Theming (these Parameters should be linked in controls)
+// ==============================================================
+@sapUiElementLineHeight: @sapElement_LineHeight;
+@sapUiElementHeight: @sapElement_Height;
+@sapUiElementBorderWidth: @sapElement_BorderWidth;
+@sapUiElementBorderCornerRadius: @sapElement_BorderCornerRadius;
+@sapUiElementCompactLineHeight: @sapElement_Compact_LineHeight;
+@sapUiElementCompactHeight: @sapElement_Compact_Height;
+@sapUiElementCondensedLineHeight: @sapElement_Condensed_LineHeight;
+@sapUiElementCondensedHeight: @sapElement_Condensed_Height;
+@sapUiContentLineHeight: @sapContent_LineHeight;
+@sapUiContentIconHeight: @sapContent_IconHeight;
+@sapUiContentIconColor: @sapContent_IconColor;
+@sapUiContentContrastIconColor: @sapContent_ContrastIconColor;
+@sapUiContentNonInteractiveIconColor: @sapContent_NonInteractiveIconColor;
+@sapUiContentMarkerIconColor: @sapContent_MarkerIconColor;
+@sapUiContentMarkerTextColor: @sapContent_MarkerTextColor;
+@sapUiContentMeasureIndicatorColor: @sapContent_MeasureIndicatorColor;
+@sapUiContentSelectedMeasureIndicatorColor: @sapContent_Selected_MeasureIndicatorColor;
+@sapUiContentPlaceholderloadingBackground: @sapContent_Placeholderloading_Background;
+@sapUiContentPlaceholderloadingGradient: @sapContent_Placeholderloading_Gradient;
+@sapUiContentImagePlaceholderBackground: @sapContent_ImagePlaceholderBackground;
+@sapUiContentImagePlaceholderForegroundColor: @sapContent_ImagePlaceholderForegroundColor;
+@sapUiContentRatedColor: @sapContent_RatedColor;
+@sapUiContentUnratedColor: @sapContent_UnratedColor;
+@sapUiContentBusyColor: @sapContent_BusyColor;
+@sapUiContentFocusColor: @sapContent_FocusColor;
+@sapUiContentFocusStyle: @sapContent_FocusStyle;
+@sapUiContentFocusWidth: @sapContent_FocusWidth;
+@sapUiContentContrastFocusColor: @sapContent_ContrastFocusColor;
+@sapUiContentShadowColor: @sapContent_ShadowColor;
+@sapUiContentContrastShadowColor: @sapContent_ContrastShadowColor;
+@sapUiContentShadow0: @sapContent_Shadow0;
+@sapUiContentShadow1: @sapContent_Shadow1;
+@sapUiContentShadow2: @sapContent_Shadow2;
+@sapUiContentShadow3: @sapContent_Shadow3;
+@sapUiContentTextShadow: @sapContent_TextShadow;
+@sapUiContentContrastTextShadow: @sapContent_ContrastTextShadow;
+@sapUiContentHeaderShadow: @sapContent_HeaderShadow;
+@sapUiContentInteractionShadow: @sapContent_Interaction_Shadow;
+@sapUiContentSelectedShadow: @sapContent_Selected_Shadow;
+@sapUiContentNegativeShadow: @sapContent_Negative_Shadow;
+@sapUiContentCriticalShadow: @sapContent_Critical_Shadow;
+@sapUiContentPositiveShadow: @sapContent_Positive_Shadow;
+@sapUiContentInformativeShadow: @sapContent_Informative_Shadow;
+@sapUiContentNeutralShadow: @sapContent_Neutral_Shadow;
+@sapUiContentSearchHighlightColor: @sapContent_SearchHighlightColor;
+@sapUiContentHelpColor: @sapContent_HelpColor;
+@sapUiContentLabelColor: @sapContent_LabelColor;
+@sapUiContentMonospaceFontFamily: @sapContent_MonospaceFontFamily;
+@sapUiContentMonospaceBoldFontFamily: @sapContent_MonospaceBoldFontFamily;
+@sapUiContentIconFontFamily: @sapContent_IconFontFamily;
+@sapUiContentDisabledTextColor: @sapContent_DisabledTextColor;
+@sapUiContentDisabledOpacity: @sapContent_DisabledOpacity;
+@sapUiContentContrastTextThreshold: @sapContent_ContrastTextThreshold;
+@sapUiContentContrastTextColor: @sapContent_ContrastTextColor;
+@sapUiContentForegroundColor: @sapContent_ForegroundColor;
+@sapUiContentForegroundBorderColor: @sapContent_ForegroundBorderColor;
+@sapUiContentForegroundTextColor: @sapContent_ForegroundTextColor;
+@sapUiContentBadgeBackground: @sapContent_BadgeBackground;
+@sapUiContentBadgeTextColor: @sapContent_BadgeTextColor;
+@sapUiContentDragAndDropActiveColor: @sapContent_DragAndDropActiveColor;
+@sapUiContentSelectedTextColor: @sapContent_Selected_TextColor;
+@sapUiContentSelectedBackground: @sapContent_Selected_Background;
+@sapUiContentSelectedHoverBackground: @sapContent_Selected_Hover_Background;
+@sapUiContentSelectedForegroundColor: @sapContent_Selected_ForegroundColor;
+@sapUiContentForcedColorAdjust: @sapContent_ForcedColorAdjust;
+@sapUiContentIllustrativeColor1: @sapContent_Illustrative_Color1;
+@sapUiContentIllustrativeColor2: @sapContent_Illustrative_Color2;
+@sapUiContentIllustrativeColor3: @sapContent_Illustrative_Color3;
+@sapUiContentIllustrativeColor4: @sapContent_Illustrative_Color4;
+@sapUiContentIllustrativeColor5: @sapContent_Illustrative_Color5;
+@sapUiContentIllustrativeColor6: @sapContent_Illustrative_Color6;
+@sapUiContentIllustrativeColor7: @sapContent_Illustrative_Color7;
+@sapUiContentIllustrativeColor8: @sapContent_Illustrative_Color8;
+@sapUiContentIllustrativeColor9: @sapContent_Illustrative_Color9;
+@sapUiContentIllustrativeColor10: @sapContent_Illustrative_Color10;
+@sapUiContentIllustrativeColor11: @sapContent_Illustrative_Color11;
+@sapUiContentIllustrativeColor12: @sapContent_Illustrative_Color12;
+@sapUiContentIllustrativeColor13: @sapContent_Illustrative_Color13;
+@sapUiContentIllustrativeColor14: @sapContent_Illustrative_Color14;
+@sapUiContentIllustrativeColor15: @sapContent_Illustrative_Color15;
+@sapUiContentIllustrativeColor16: @sapContent_Illustrative_Color16;
+@sapUiContentIllustrativeColor17: @sapContent_Illustrative_Color17;
+@sapUiContentIllustrativeColor18: @sapContent_Illustrative_Color18;
+@sapUiContentIllustrativeColor19: @sapContent_Illustrative_Color19;
+@sapUiContentIllustrativeColor20: @sapContent_Illustrative_Color20;
+@sapUiFontLightFamily: @sapFontLightFamily;
+@sapUiFontBoldFamily: @sapFontBoldFamily;
+@sapUiFontSemiboldFamily: @sapFontSemiboldFamily;
+@sapUiFontSemiboldDuplexFamily: @sapFontSemiboldDuplexFamily;
+@sapUiFontBlackFamily: @sapFontBlackFamily;
+@sapUiFontHeaderFamily: @sapFontHeaderFamily;
+@sapMFontSmallSize: @sapFontSmallSize;
+@sapMFontLargeSize: @sapFontLargeSize;
+@sapMFontHeader1Size: @sapFontHeader1Size;
+@sapMFontHeader2Size: @sapFontHeader2Size;
+@sapMFontHeader3Size: @sapFontHeader3Size;
+@sapMFontHeader4Size: @sapFontHeader4Size;
+@sapMFontHeader5Size: @sapFontHeader5Size;
+@sapMFontHeader6Size: @sapFontHeader6Size;
+@sapUiLinkHoverColor: @sapLink_Hover_Color;
+@sapUiLinkActiveColor: @sapLink_Active_Color;
+@sapUiLinkVisitedColor: @sapLink_Visited_Color;
+@sapUiLinkInvertedColor: @sapLink_InvertedColor;
+@sapUiLinkSubtleColor: @sapLink_SubtleColor;
+@sapUiShellBackground: @sapShell_Background;
+@sapUiShellBackgroundImage: @sapShell_BackgroundImage;
+@sapUiShellBackgroundImageOpacity: @sapShell_BackgroundImageOpacity;
+@sapUiShellBackgroundImageRepeat: @sapShell_BackgroundImageRepeat;
+@sapUiShellBorderColor: @sapShell_BorderColor;
+@sapUiShellTextColor: @sapShell_TextColor;
+@sapUiShellInteractiveBackground: @sapShell_InteractiveBackground;
+@sapUiShellInteractiveTextColor: @sapShell_InteractiveTextColor;
+@sapUiShellInteractiveBorderColor: @sapShell_InteractiveBorderColor;
+@sapUiShellGroupTitleTextColor: @sapShell_GroupTitleTextColor;
+@sapUiShellGroupTitleTextShadow: @sapShell_GroupTitleTextShadow;
+@sapUiShellHoverBackground: @sapShell_Hover_Background;
+@sapUiShellActiveBackground: @sapShell_Active_Background;
+@sapUiShellActiveTextColor: @sapShell_Active_TextColor;
+@sapUiShellSelectedBackground: @sapShell_Selected_Background;
+@sapUiShellSelectedTextColor: @sapShell_Selected_TextColor;
+@sapUiShellSelectedHoverBackground: @sapShell_Selected_Hover_Background;
+@sapUiShellFavicon: @sapShell_Favicon;
+@sapUiShellNavigationBackground: @sapShell_Navigation_Background;
+@sapUiShellNavigationHoverBackground: @sapShell_Navigation_Hover_Background;
+@sapUiShellNavigationSelectedColor: @sapShell_Navigation_SelectedColor;
+@sapUiShellNavigationSelectedTextColor: @sapShell_Navigation_Selected_TextColor;
+@sapUiShellNavigationTextColor: @sapShell_Navigation_TextColor;
+@sapUiShellNavigationActiveTextColor: @sapShell_Navigation_Active_TextColor;
+@sapUiShellNavigationActiveBackground: @sapShell_Navigation_Active_Background;
+@sapUiShellShadow: @sapShell_Shadow;
+@sapUiShellNegativeColor: @sapShell_NegativeColor;
+@sapUiShellCriticalColor: @sapShell_CriticalColor;
+@sapUiShellPositiveColor: @sapShell_PositiveColor;
+@sapUiShellInformativeColor: @sapShell_InformativeColor;
+@sapUiShellNeutralColor: @sapShell_NeutralColor;
+@sapUiAvatar1Background: @sapAvatar_1_Background;
+@sapUiAvatar1BorderColor: @sapAvatar_1_BorderColor;
+@sapUiAvatar1TextColor: @sapAvatar_1_TextColor;
+@sapUiAvatar2Background: @sapAvatar_2_Background;
+@sapUiAvatar2BorderColor: @sapAvatar_2_BorderColor;
+@sapUiAvatar2TextColor: @sapAvatar_2_TextColor;
+@sapUiAvatar3Background: @sapAvatar_3_Background;
+@sapUiAvatar3BorderColor: @sapAvatar_3_BorderColor;
+@sapUiAvatar3TextColor: @sapAvatar_3_TextColor;
+@sapUiAvatar4Background: @sapAvatar_4_Background;
+@sapUiAvatar4BorderColor: @sapAvatar_4_BorderColor;
+@sapUiAvatar4TextColor: @sapAvatar_4_TextColor;
+@sapUiAvatar5Background: @sapAvatar_5_Background;
+@sapUiAvatar5BorderColor: @sapAvatar_5_BorderColor;
+@sapUiAvatar5TextColor: @sapAvatar_5_TextColor;
+@sapUiAvatar6Background: @sapAvatar_6_Background;
+@sapUiAvatar6BorderColor: @sapAvatar_6_BorderColor;
+@sapUiAvatar6TextColor: @sapAvatar_6_TextColor;
+@sapUiAvatar7Background: @sapAvatar_7_Background;
+@sapUiAvatar7BorderColor: @sapAvatar_7_BorderColor;
+@sapUiAvatar7TextColor: @sapAvatar_7_TextColor;
+@sapUiAvatar8Background: @sapAvatar_8_Background;
+@sapUiAvatar8BorderColor: @sapAvatar_8_BorderColor;
+@sapUiAvatar8TextColor: @sapAvatar_8_TextColor;
+@sapUiAvatar9Background: @sapAvatar_9_Background;
+@sapUiAvatar9BorderColor: @sapAvatar_9_BorderColor;
+@sapUiAvatar9TextColor: @sapAvatar_9_TextColor;
+@sapUiAvatar10Background: @sapAvatar_10_Background;
+@sapUiAvatar10BorderColor: @sapAvatar_10_BorderColor;
+@sapUiAvatar10TextColor: @sapAvatar_10_TextColor;
+@sapUiButtonBackground: @sapButton_Background;
+@sapUiButtonBorderColor: @sapButton_BorderColor;
+@sapUiButtonBorderWidth: @sapButton_BorderWidth;
+@sapUiButtonBorderCornerRadius: @sapButton_BorderCornerRadius;
+@sapUiButtonTextColor: @sapButton_TextColor;
+@sapUiButtonHoverBackground: @sapButton_Hover_Background;
+@sapUiButtonHoverBorderColor: @sapButton_Hover_BorderColor;
+@sapUiButtonHoverTextColor: @sapButton_Hover_TextColor;
+@sapUiButtonIconColor: @sapButton_IconColor;
+@sapUiButtonActiveBackground: @sapButton_Active_Background;
+@sapUiButtonActiveBorderColor: @sapButton_Active_BorderColor;
+@sapUiButtonActiveTextColor: @sapButton_Active_TextColor;
+@sapUiButtonEmphasizedBackground: @sapButton_Emphasized_Background;
+@sapUiButtonEmphasizedBorderColor: @sapButton_Emphasized_BorderColor;
+@sapUiButtonEmphasizedTextColor: @sapButton_Emphasized_TextColor;
+@sapUiButtonEmphasizedHoverBackground: @sapButton_Emphasized_Hover_Background;
+@sapUiButtonEmphasizedHoverBorderColor: @sapButton_Emphasized_Hover_BorderColor;
+@sapUiButtonEmphasizedHoverTextColor: @sapButton_Emphasized_Hover_TextColor;
+@sapUiButtonEmphasizedActiveBackground: @sapButton_Emphasized_Active_Background;
+@sapUiButtonEmphasizedActiveBorderColor: @sapButton_Emphasized_Active_BorderColor;
+@sapUiButtonEmphasizedActiveTextColor: @sapButton_Emphasized_Active_TextColor;
+@sapUiButtonEmphasizedTextShadow: @sapButton_Emphasized_TextShadow;
+@sapUiButtonEmphasizedFontWeight: @sapButton_Emphasized_FontWeight;
+@sapUiButtonRejectBackground: @sapButton_Reject_Background;
+@sapUiButtonRejectBorderColor: @sapButton_Reject_BorderColor;
+@sapUiButtonRejectTextColor: @sapButton_Reject_TextColor;
+@sapUiButtonRejectHoverBackground: @sapButton_Reject_Hover_Background;
+@sapUiButtonRejectHoverBorderColor: @sapButton_Reject_Hover_BorderColor;
+@sapUiButtonRejectHoverTextColor: @sapButton_Reject_Hover_TextColor;
+@sapUiButtonRejectActiveBackground: @sapButton_Reject_Active_Background;
+@sapUiButtonRejectActiveBorderColor: @sapButton_Reject_Active_BorderColor;
+@sapUiButtonRejectActiveTextColor: @sapButton_Reject_Active_TextColor;
+@sapUiButtonRejectSelectedBackground: @sapButton_Reject_Selected_Background;
+@sapUiButtonRejectSelectedBorderColor: @sapButton_Reject_Selected_BorderColor;
+@sapUiButtonRejectSelectedTextColor: @sapButton_Reject_Selected_TextColor;
+@sapUiButtonRejectSelectedHoverBackground: @sapButton_Reject_Selected_Hover_Background;
+@sapUiButtonRejectSelectedHoverBorderColor: @sapButton_Reject_Selected_Hover_BorderColor;
+@sapUiButtonAcceptBackground: @sapButton_Accept_Background;
+@sapUiButtonAcceptBorderColor: @sapButton_Accept_BorderColor;
+@sapUiButtonAcceptTextColor: @sapButton_Accept_TextColor;
+@sapUiButtonAcceptHoverBackground: @sapButton_Accept_Hover_Background;
+@sapUiButtonAcceptHoverBorderColor: @sapButton_Accept_Hover_BorderColor;
+@sapUiButtonAcceptHoverTextColor: @sapButton_Accept_Hover_TextColor;
+@sapUiButtonAcceptActiveBackground: @sapButton_Accept_Active_Background;
+@sapUiButtonAcceptActiveBorderColor: @sapButton_Accept_Active_BorderColor;
+@sapUiButtonAcceptActiveTextColor: @sapButton_Accept_Active_TextColor;
+@sapUiButtonAcceptSelectedBackground: @sapButton_Accept_Selected_Background;
+@sapUiButtonAcceptSelectedBorderColor: @sapButton_Accept_Selected_BorderColor;
+@sapUiButtonAcceptSelectedTextColor: @sapButton_Accept_Selected_TextColor;
+@sapUiButtonAcceptSelectedHoverBackground: @sapButton_Accept_Selected_Hover_Background;
+@sapUiButtonAcceptSelectedHoverBorderColor: @sapButton_Accept_Selected_Hover_BorderColor;
+@sapUiButtonLiteBackground: @sapButton_Lite_Background;
+@sapUiButtonLiteBorderColor: @sapButton_Lite_BorderColor;
+@sapUiButtonLiteTextColor: @sapButton_Lite_TextColor;
+@sapUiButtonLiteHoverBackground: @sapButton_Lite_Hover_Background;
+@sapUiButtonLiteHoverBorderColor: @sapButton_Lite_Hover_BorderColor;
+@sapUiButtonLiteHoverTextColor: @sapButton_Lite_Hover_TextColor;
+@sapUiButtonLiteActiveBackground: @sapButton_Lite_Active_Background;
+@sapUiButtonLiteActiveBorderColor: @sapButton_Lite_Active_BorderColor;
+@sapUiButtonSelectedBackground: @sapButton_Selected_Background;
+@sapUiButtonSelectedBorderColor: @sapButton_Selected_BorderColor;
+@sapUiButtonSelectedTextColor: @sapButton_Selected_TextColor;
+@sapUiButtonSelectedHoverBackground: @sapButton_Selected_Hover_Background;
+@sapUiButtonSelectedHoverBorderColor: @sapButton_Selected_Hover_BorderColor;
+@sapUiButtonAttentionBackground: @sapButton_Attention_Background;
+@sapUiButtonAttentionBorderColor: @sapButton_Attention_BorderColor;
+@sapUiButtonAttentionTextColor: @sapButton_Attention_TextColor;
+@sapUiButtonAttentionHoverBackground: @sapButton_Attention_Hover_Background;
+@sapUiButtonAttentionHoverBorderColor: @sapButton_Attention_Hover_BorderColor;
+@sapUiButtonAttentionHoverTextColor: @sapButton_Attention_Hover_TextColor;
+@sapUiButtonAttentionActiveBackground: @sapButton_Attention_Active_Background;
+@sapUiButtonAttentionActiveBorderColor: @sapButton_Attention_Active_BorderColor;
+@sapUiButtonAttentionActiveTextColor: @sapButton_Attention_Active_TextColor;
+@sapUiButtonAttentionSelectedBackground: @sapButton_Attention_Selected_Background;
+@sapUiButtonAttentionSelectedBorderColor: @sapButton_Attention_Selected_BorderColor;
+@sapUiButtonAttentionSelectedTextColor: @sapButton_Attention_Selected_TextColor;
+@sapUiButtonAttentionSelectedHoverBackground: @sapButton_Attention_Selected_Hover_Background;
+@sapUiButtonAttentionSelectedHoverBorderColor: @sapButton_Attention_Selected_Hover_BorderColor;
+@sapUiButtonNegativeBackground: @sapButton_Negative_Background;
+@sapUiButtonNegativeBorderColor: @sapButton_Negative_BorderColor;
+@sapUiButtonNegativeTextColor: @sapButton_Negative_TextColor;
+@sapUiButtonNegativeHoverBackground: @sapButton_Negative_Hover_Background;
+@sapUiButtonNegativeHoverBorderColor: @sapButton_Negative_Hover_BorderColor;
+@sapUiButtonNegativeHoverTextColor: @sapButton_Negative_Hover_TextColor;
+@sapUiButtonNegativeActiveBackground: @sapButton_Negative_Active_Background;
+@sapUiButtonNegativeActiveBorderColor: @sapButton_Negative_Active_BorderColor;
+@sapUiButtonNegativeActiveTextColor: @sapButton_Negative_Active_TextColor;
+@sapUiButtonCriticalBackground: @sapButton_Critical_Background;
+@sapUiButtonCriticalBorderColor: @sapButton_Critical_BorderColor;
+@sapUiButtonCriticalTextColor: @sapButton_Critical_TextColor;
+@sapUiButtonCriticalHoverBackground: @sapButton_Critical_Hover_Background;
+@sapUiButtonCriticalHoverBorderColor: @sapButton_Critical_Hover_BorderColor;
+@sapUiButtonCriticalHoverTextColor: @sapButton_Critical_Hover_TextColor;
+@sapUiButtonCriticalActiveBackground: @sapButton_Critical_Active_Background;
+@sapUiButtonCriticalActiveBorderColor: @sapButton_Critical_Active_BorderColor;
+@sapUiButtonCriticalActiveTextColor: @sapButton_Critical_Active_TextColor;
+@sapUiButtonSuccessBackground: @sapButton_Success_Background;
+@sapUiButtonSuccessBorderColor: @sapButton_Success_BorderColor;
+@sapUiButtonSuccessTextColor: @sapButton_Success_TextColor;
+@sapUiButtonSuccessHoverBackground: @sapButton_Success_Hover_Background;
+@sapUiButtonSuccessHoverBorderColor: @sapButton_Success_Hover_BorderColor;
+@sapUiButtonSuccessHoverTextColor: @sapButton_Success_Hover_TextColor;
+@sapUiButtonSuccessActiveBackground: @sapButton_Success_Active_Background;
+@sapUiButtonSuccessActiveBorderColor: @sapButton_Success_Active_BorderColor;
+@sapUiButtonSuccessActiveTextColor: @sapButton_Success_Active_TextColor;
+@sapUiButtonInformationBackground: @sapButton_Information_Background;
+@sapUiButtonInformationBorderColor: @sapButton_Information_BorderColor;
+@sapUiButtonInformationTextColor: @sapButton_Information_TextColor;
+@sapUiButtonInformationHoverBackground: @sapButton_Information_Hover_Background;
+@sapUiButtonInformationHoverBorderColor: @sapButton_Information_Hover_BorderColor;
+@sapUiButtonInformationHoverTextColor: @sapButton_Information_Hover_TextColor;
+@sapUiButtonInformationActiveBackground: @sapButton_Information_Active_Background;
+@sapUiButtonInformationActiveBorderColor: @sapButton_Information_Active_BorderColor;
+@sapUiButtonInformationActiveTextColor: @sapButton_Information_Active_TextColor;
+@sapUiButtonNeutralBackground: @sapButton_Neutral_Background;
+@sapUiButtonNeutralBorderColor: @sapButton_Neutral_BorderColor;
+@sapUiButtonNeutralTextColor: @sapButton_Neutral_TextColor;
+@sapUiButtonNeutralHoverBackground: @sapButton_Neutral_Hover_Background;
+@sapUiButtonNeutralHoverBorderColor: @sapButton_Neutral_Hover_BorderColor;
+@sapUiButtonNeutralHoverTextColor: @sapButton_Neutral_Hover_TextColor;
+@sapUiButtonNeutralActiveBackground: @sapButton_Neutral_Active_Background;
+@sapUiButtonNeutralActiveBorderColor: @sapButton_Neutral_Active_BorderColor;
+@sapUiButtonNeutralActiveTextColor: @sapButton_Neutral_Active_TextColor;
+@sapUiButtonTrackBackground: @sapButton_Track_Background;
+@sapUiButtonTrackBorderColor: @sapButton_Track_BorderColor;
+@sapUiButtonTrackTextColor: @sapButton_Track_TextColor;
+@sapUiButtonTrackHoverBackground: @sapButton_Track_Hover_Background;
+@sapUiButtonTrackHoverBorderColor: @sapButton_Track_Hover_BorderColor;
+@sapUiButtonTrackSelectedBackground: @sapButton_Track_Selected_Background;
+@sapUiButtonTrackSelectedBorderColor: @sapButton_Track_Selected_BorderColor;
+@sapUiButtonTrackSelectedTextColor: @sapButton_Track_Selected_TextColor;
+@sapUiButtonTrackSelectedHoverBackground: @sapButton_Track_Selected_Hover_Background;
+@sapUiButtonTrackSelectedHoverBorderColor: @sapButton_Track_Selected_Hover_BorderColor;
+@sapUiButtonHandleBackground: @sapButton_Handle_Background;
+@sapUiButtonHandleBorderColor: @sapButton_Handle_BorderColor;
+@sapUiButtonHandleTextColor: @sapButton_Handle_TextColor;
+@sapUiButtonHandleHoverBackground: @sapButton_Handle_Hover_Background;
+@sapUiButtonHandleHoverBorderColor: @sapButton_Handle_Hover_BorderColor;
+@sapUiButtonHandleSelectedBackground: @sapButton_Handle_Selected_Background;
+@sapUiButtonHandleSelectedBorderColor: @sapButton_Handle_Selected_BorderColor;
+@sapUiButtonHandleSelectedTextColor: @sapButton_Handle_Selected_TextColor;
+@sapUiButtonHandleSelectedHoverBackground: @sapButton_Handle_Selected_Hover_Background;
+@sapUiButtonHandleSelectedHoverBorderColor: @sapButton_Handle_Selected_Hover_BorderColor;
+@sapUiButtonTrackNegativeBackground: @sapButton_Track_Negative_Background;
+@sapUiButtonTrackNegativeBorderColor: @sapButton_Track_Negative_BorderColor;
+@sapUiButtonTrackNegativeTextColor: @sapButton_Track_Negative_TextColor;
+@sapUiButtonTrackNegativeHoverBackground: @sapButton_Track_Negative_Hover_Background;
+@sapUiButtonTrackNegativeHoverBorderColor: @sapButton_Track_Negative_Hover_BorderColor;
+@sapUiButtonHandleNegativeBackground: @sapButton_Handle_Negative_Background;
+@sapUiButtonHandleNegativeBorderColor: @sapButton_Handle_Negative_BorderColor;
+@sapUiButtonHandleNegativeTextColor: @sapButton_Handle_Negative_TextColor;
+@sapUiButtonHandleNegativeHoverBackground: @sapButton_Handle_Negative_Hover_Background;
+@sapUiButtonHandleNegativeHoverBorderColor: @sapButton_Handle_Negative_Hover_BorderColor;
+@sapUiButtonTrackPositiveBackground: @sapButton_Track_Positive_Background;
+@sapUiButtonTrackPositiveBorderColor: @sapButton_Track_Positive_BorderColor;
+@sapUiButtonTrackPositiveTextColor: @sapButton_Track_Positive_TextColor;
+@sapUiButtonTrackPositiveHoverBackground: @sapButton_Track_Positive_Hover_Background;
+@sapUiButtonTrackPositiveHoverBorderColor: @sapButton_Track_Positive_Hover_BorderColor;
+@sapUiButtonHandlePositiveBackground: @sapButton_Handle_Positive_Background;
+@sapUiButtonHandlePositiveBorderColor: @sapButton_Handle_Positive_BorderColor;
+@sapUiButtonHandlePositiveTextColor: @sapButton_Handle_Positive_TextColor;
+@sapUiButtonHandlePositiveHoverBackground: @sapButton_Handle_Positive_Hover_Background;
+@sapUiButtonHandlePositiveHoverBorderColor: @sapButton_Handle_Positive_Hover_BorderColor;
+@sapUiButtonTokenBackground: @sapButton_TokenBackground;
+@sapUiButtonTokenBorderColor: @sapButton_TokenBorderColor;
+@sapUiFieldBackground: @sapField_Background;
+@sapUiFieldBackgroundStyle: @sapField_BackgroundStyle;
+@sapUiFieldTextColor: @sapField_TextColor;
+@sapUiFieldPlaceholderTextColor: @sapField_PlaceholderTextColor;
+@sapUiFieldBorderColor: @sapField_BorderColor;
+@sapUiFieldHelpBackground: @sapField_HelpBackground;
+@sapUiFieldBorderWidth: @sapField_BorderWidth;
+@sapUiFieldBorderStyle: @sapField_BorderStyle;
+@sapUiFieldBorderCornerRadius: @sapField_BorderCornerRadius;
+@sapUiFieldHoverBackground: @sapField_Hover_Background;
+@sapUiFieldHoverBackgroundStyle: @sapField_Hover_BackgroundStyle;
+@sapUiFieldHoverBorderColor: @sapField_Hover_BorderColor;
+@sapUiFieldHoverHelpBackground: @sapField_Hover_HelpBackground;
+@sapUiFieldActiveBorderColor: @sapField_Active_BorderColor;
+@sapUiFieldFocusBackground: @sapField_Focus_Background;
+@sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
+@sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
+@sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
+@sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
+@sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
+@sapUiFieldRequiredColor: @sapField_RequiredColor;
+@sapUiFieldInvalidColor: @sapField_InvalidColor;
+@sapUiFieldInvalidBackground: @sapField_InvalidBackground;
+@sapUiFieldInvalidBackgroundStyle: @sapField_InvalidBackgroundStyle;
+@sapUiFieldInvalidBorderWidth: @sapField_InvalidBorderWidth;
+@sapUiFieldInvalidBorderStyle: @sapField_InvalidBorderStyle;
+@sapUiFieldWarningColor: @sapField_WarningColor;
+@sapUiFieldWarningBackground: @sapField_WarningBackground;
+@sapUiFieldWarningBackgroundStyle: @sapField_WarningBackgroundStyle;
+@sapUiFieldWarningBorderWidth: @sapField_WarningBorderWidth;
+@sapUiFieldWarningBorderStyle: @sapField_WarningBorderStyle;
+@sapUiFieldSuccessColor: @sapField_SuccessColor;
+@sapUiFieldSuccessBackground: @sapField_SuccessBackground;
+@sapUiFieldSuccessBackgroundStyle: @sapField_SuccessBackgroundStyle;
+@sapUiFieldSuccessBorderWidth: @sapField_SuccessBorderWidth;
+@sapUiFieldSuccessBorderStyle: @sapField_SuccessBorderStyle;
+@sapUiFieldInformationColor: @sapField_InformationColor;
+@sapUiFieldInformationBackground: @sapField_InformationBackground;
+@sapUiFieldInformationBackgroundStyle: @sapField_InformationBackgroundStyle;
+@sapUiFieldInformationBorderWidth: @sapField_InformationBorderWidth;
+@sapUiFieldInformationBorderStyle: @sapField_InformationBorderStyle;
+@sapUiGroupTitleBackground: @sapGroup_TitleBackground;
+@sapUiGroupTitleBorderColor: @sapGroup_TitleBorderColor;
+@sapUiGroupTitleTextColor: @sapGroup_TitleTextColor;
+@sapUiGroupTitleFontSize: @sapGroup_Title_FontSize;
+@sapUiGroupContentBackground: @sapGroup_ContentBackground;
+@sapUiGroupContentBorderColor: @sapGroup_ContentBorderColor;
+@sapUiGroupBorderWidth: @sapGroup_BorderWidth;
+@sapUiGroupBorderCornerRadius: @sapGroup_BorderCornerRadius;
+@sapUiGroupFooterBackground: @sapGroup_FooterBackground;
+@sapUiToolbarBackground: @sapToolbar_Background;
+@sapUiToolbarSeparatorColor: @sapToolbar_SeparatorColor;
+@sapUiListHeaderBackground: @sapList_HeaderBackground;
+@sapUiListHeaderBorderColor: @sapList_HeaderBorderColor;
+@sapUiListHeaderTextColor: @sapList_HeaderTextColor;
+@sapUiListBorderColor: @sapList_BorderColor;
+@sapUiListBorderWidth: @sapList_BorderWidth;
+@sapUiListTextColor: @sapList_TextColor;
+@sapUiListActiveTextColor: @sapList_Active_TextColor;
+@sapUiListActiveBackground: @sapList_Active_Background;
+@sapUiListSelectionBackgroundColor: @sapList_SelectionBackgroundColor;
+@sapUiListSelectionBorderColor: @sapList_SelectionBorderColor;
+@sapUiListHoverSelectionBackground: @sapList_Hover_SelectionBackground;
+@sapUiListBackground: @sapList_Background;
+@sapUiListHoverBackground: @sapList_Hover_Background;
+@sapUiListAlternatingBackground: @sapList_AlternatingBackground;
+@sapUiListGroupHeaderBackground: @sapList_GroupHeaderBackground;
+@sapUiListGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
+@sapUiListGroupHeaderTextColor: @sapList_GroupHeaderTextColor;
+@sapUiListTableGroupHeaderBackground: @sapList_TableGroupHeaderBackground;
+@sapUiListTableGroupHeaderBorderColor: @sapList_TableGroupHeaderBorderColor;
+@sapUiListTableGroupHeaderTextColor: @sapList_TableGroupHeaderTextColor;
+@sapUiListFooterBackground: @sapList_FooterBackground;
+@sapUiListFooterTextColor: @sapList_FooterTextColor;
+@sapUiListTableFooterBorder: @sapList_TableFooterBorder;
+@sapUiListTableFixedBorderColor: @sapList_TableFixedBorderColor;
+@sapUiMessageErrorBorderColor: @sapMessage_ErrorBorderColor;
+@sapUiMessageWarningBorderColor: @sapMessage_WarningBorderColor;
+@sapUiMessageSuccessBorderColor: @sapMessage_SuccessBorderColor;
+@sapUiMessageInformationBorderColor: @sapMessage_InformationBorderColor;
+@sapUiPopoverBorderCornerRadius: @sapPopover_BorderCornerRadius;
+@sapUiProgressBackground: @sapProgress_Background;
+@sapUiProgressBorderColor: @sapProgress_BorderColor;
+@sapUiProgressTextColor: @sapProgress_TextColor;
+@sapUiProgressFontSize: @sapProgress_FontSize;
+@sapUiProgressNegativeBackground: @sapProgress_NegativeBackground;
+@sapUiProgressNegativeBorderColor: @sapProgress_NegativeBorderColor;
+@sapUiProgressNegativeTextColor: @sapProgress_NegativeTextColor;
+@sapUiProgressCriticalBackground: @sapProgress_CriticalBackground;
+@sapUiProgressCriticalBorderColor: @sapProgress_CriticalBorderColor;
+@sapUiProgressCriticalTextColor: @sapProgress_CriticalTextColor;
+@sapUiProgressPositiveBackground: @sapProgress_PositiveBackground;
+@sapUiProgressPositiveBorderColor: @sapProgress_PositiveBorderColor;
+@sapUiProgressPositiveTextColor: @sapProgress_PositiveTextColor;
+@sapUiProgressInformationBackground: @sapProgress_InformationBackground;
+@sapUiProgressInformationBorderColor: @sapProgress_InformationBorderColor;
+@sapUiProgressInformationTextColor: @sapProgress_InformationTextColor;
+@sapUiProgressValueBackground: @sapProgress_Value_Background;
+@sapUiProgressValueBorderColor: @sapProgress_Value_BorderColor;
+@sapUiProgressValueTextColor: @sapProgress_Value_TextColor;
+@sapUiProgressValueNegativeBackground: @sapProgress_Value_NegativeBackground;
+@sapUiProgressValueNegativeBorderColor: @sapProgress_Value_NegativeBorderColor;
+@sapUiProgressValueNegativeTextColor: @sapProgress_Value_NegativeTextColor;
+@sapUiProgressValueCriticalBackground: @sapProgress_Value_CriticalBackground;
+@sapUiProgressValueCriticalBorderColor: @sapProgress_Value_CriticalBorderColor;
+@sapUiProgressValueCriticalTextColor: @sapProgress_Value_CriticalTextColor;
+@sapUiProgressValuePositiveBackground: @sapProgress_Value_PositiveBackground;
+@sapUiProgressValuePositiveBorderColor: @sapProgress_Value_PositiveBorderColor;
+@sapUiProgressValuePositiveTextColor: @sapProgress_Value_PositiveTextColor;
+@sapUiProgressValueInformationBackground: @sapProgress_Value_InformationBackground;
+@sapUiProgressValueInformationBorderColor: @sapProgress_Value_InformationBorderColor;
+@sapUiProgressValueInformationTextColor: @sapProgress_Value_InformationTextColor;
+@sapUiScrollBarFaceColor: @sapScrollBar_FaceColor;
+@sapUiScrollBarTrackColor: @sapScrollBar_TrackColor;
+@sapUiScrollBarBorderColor: @sapScrollBar_BorderColor;
+@sapUiScrollBarSymbolColor: @sapScrollBar_SymbolColor;
+@sapUiScrollBarDimension: @sapScrollBar_Dimension;
+@sapUiScrollBarHoverFaceColor: @sapScrollBar_Hover_FaceColor;
+@sapUiSliderBackground: @sapSlider_Background;
+@sapUiSliderBorderColor: @sapSlider_BorderColor;
+@sapUiSliderSelectedBackground: @sapSlider_Selected_Background;
+@sapUiSliderSelectedBorderColor: @sapSlider_Selected_BorderColor;
+@sapUiSliderHandleBackground: @sapSlider_HandleBackground;
+@sapUiSliderHandleBorderColor: @sapSlider_HandleBorderColor;
+@sapUiSliderRangeHandleBackground: @sapSlider_RangeHandleBackground;
+@sapUiSliderHoverHandleBackground: @sapSlider_Hover_HandleBackground;
+@sapUiSliderHoverHandleBorderColor: @sapSlider_Hover_HandleBorderColor;
+@sapUiSliderHoverRangeHandleBackground: @sapSlider_Hover_RangeHandleBackground;
+@sapUiSliderActiveHandleBackground: @sapSlider_Active_HandleBackground;
+@sapUiSliderActiveHandleBorderColor: @sapSlider_Active_HandleBorderColor;
+@sapUiSliderActiveRangeHandleBackground: @sapSlider_Active_RangeHandleBackground;
+@sapUiPageHeaderBackground: @sapPageHeader_Background;
+@sapUiPageHeaderBorderColor: @sapPageHeader_BorderColor;
+@sapUiPageHeaderTextColor: @sapPageHeader_TextColor;
+@sapUiPageFooterBackground: @sapPageFooter_Background;
+@sapUiPageFooterBorderColor: @sapPageFooter_BorderColor;
+@sapUiPageFooterTextColor: @sapPageFooter_TextColor;
+@sapUiInfobarBackground: @sapInfobar_Background;
+@sapUiInfobarHoverBackground: @sapInfobar_Hover_Background;
+@sapUiInfobarActiveBackground: @sapInfobar_Active_Background;
+@sapUiInfobarNonInteractiveBackground: @sapInfobar_NonInteractive_Background;
+@sapUiInfobarTextColor: @sapInfobar_TextColor;
+@sapUiObjectHeaderBackground: @sapObjectHeader_Background;
+@sapUiObjectHeaderHoverBackground: @sapObjectHeader_Hover_Background;
+@sapUiObjectHeaderBorderColor: @sapObjectHeader_BorderColor;
+@sapUiObjectHeaderTitleTextColor: @sapObjectHeader_Title_TextColor;
+@sapUiObjectHeaderTitleFontSize: @sapObjectHeader_Title_FontSize;
+@sapUiObjectHeaderTitleSnappedFontSize: @sapObjectHeader_Title_SnappedFontSize;
+@sapUiObjectHeaderTitleFontFamily: @sapObjectHeader_Title_FontFamily;
+@sapUiObjectHeaderSubtitleTextColor: @sapObjectHeader_Subtitle_TextColor;
+@sapUiBlockLayerBackground: @sapBlockLayer_Background;
+@sapUiTileBackground: @sapTile_Background;
+@sapUiTileHoverBackground: @sapTile_Hover_Background;
+@sapUiTileActiveBackground: @sapTile_Active_Background;
+@sapUiTileBorderColor: @sapTile_BorderColor;
+@sapUiTileBorderCornerRadius: @sapTile_BorderCornerRadius;
+@sapUiTileTitleTextColor: @sapTile_TitleTextColor;
+@sapUiTileTextColor: @sapTile_TextColor;
+@sapUiTileIconColor: @sapTile_IconColor;
+@sapUiTileSeparatorColor: @sapTile_SeparatorColor;
+@sapUiTileInteractiveBorderColor: @sapTile_Interactive_BorderColor;
+@sapUiTileOverlayBackground: @sapTile_OverlayBackground;
+@sapUiTileOverlayForegroundColor: @sapTile_OverlayForegroundColor;
+// =====================================
+// Accent Colors
+// =====================================
+@sapUiAccent1: @sapAccentColor1;
+@sapUiAccent2: @sapAccentColor2;
+@sapUiAccent3: @sapAccentColor3;
+@sapUiAccent4: @sapAccentColor4;
+@sapUiAccent5: @sapAccentColor5;
+@sapUiAccent6: @sapAccentColor6;
+@sapUiAccent7: @sapAccentColor7;
+@sapUiAccent8: @sapAccentColor8;
+@sapUiAccent9: @sapAccentColor9;
+@sapUiAccent10: @sapAccentColor10;
+@sapUiAccentBackgroundColor1: @sapAccentBackgroundColor1;
+@sapUiAccentBackgroundColor2: @sapAccentBackgroundColor2;
+@sapUiAccentBackgroundColor3: @sapAccentBackgroundColor3;
+@sapUiAccentBackgroundColor4: @sapAccentBackgroundColor4;
+@sapUiAccentBackgroundColor5: @sapAccentBackgroundColor5;
+@sapUiAccentBackgroundColor6: @sapAccentBackgroundColor6;
+@sapUiAccentBackgroundColor7: @sapAccentBackgroundColor7;
+@sapUiAccentBackgroundColor8: @sapAccentBackgroundColor8;
+@sapUiAccentBackgroundColor9: @sapAccentBackgroundColor9;
+@sapUiAccentBackgroundColor10: @sapAccentBackgroundColor10;
+// =====================================
+// Indication Colors
+// =====================================
+@sapUiIndication1: @sapIndicationColor_1;
+@sapUiIndication1Background: @sapIndicationColor_1_Background;
+@sapUiIndication1BorderColor: @sapIndicationColor_1_BorderColor;
+@sapUiIndication1HoverBackground: @sapIndicationColor_1_Hover_Background;
+@sapUiIndication1ActiveBackground: @sapIndicationColor_1_Active_Background;
+@sapUiIndication1TextColor: @sapIndicationColor_1_TextColor;
+@sapUiIndication2: @sapIndicationColor_2;
+@sapUiIndication2Background: @sapIndicationColor_2_Background;
+@sapUiIndication2BorderColor: @sapIndicationColor_2_BorderColor;
+@sapUiIndication2HoverBackground: @sapIndicationColor_2_Hover_Background;
+@sapUiIndication2ActiveBackground: @sapIndicationColor_2_Active_Background;
+@sapUiIndication2TextColor: @sapIndicationColor_2_TextColor;
+@sapUiIndication3: @sapIndicationColor_3;
+@sapUiIndication3Background: @sapIndicationColor_3_Background;
+@sapUiIndication3BorderColor: @sapIndicationColor_3_BorderColor;
+@sapUiIndication3HoverBackground: @sapIndicationColor_3_Hover_Background;
+@sapUiIndication3ActiveBackground: @sapIndicationColor_3_Active_Background;
+@sapUiIndication3TextColor: @sapIndicationColor_3_TextColor;
+@sapUiIndication4: @sapIndicationColor_4;
+@sapUiIndication4Background: @sapIndicationColor_4_Background;
+@sapUiIndication4BorderColor: @sapIndicationColor_4_BorderColor;
+@sapUiIndication4HoverBackground: @sapIndicationColor_4_Hover_Background;
+@sapUiIndication4ActiveBackground: @sapIndicationColor_4_Active_Background;
+@sapUiIndication4TextColor: @sapIndicationColor_4_TextColor;
+@sapUiIndication5: @sapIndicationColor_5;
+@sapUiIndication5Background: @sapIndicationColor_5_Background;
+@sapUiIndication5BorderColor: @sapIndicationColor_5_BorderColor;
+@sapUiIndication5HoverBackground: @sapIndicationColor_5_Hover_Background;
+@sapUiIndication5ActiveBackground: @sapIndicationColor_5_Active_Background;
+@sapUiIndication5TextColor: @sapIndicationColor_5_TextColor;
+@sapUiIndication6: @sapIndicationColor_6;
+@sapUiIndication6Background: @sapIndicationColor_6_Background;
+@sapUiIndication6BorderColor: @sapIndicationColor_6_BorderColor;
+@sapUiIndication6HoverBackground: @sapIndicationColor_6_Hover_Background;
+@sapUiIndication6ActiveBackground: @sapIndicationColor_6_Active_Background;
+@sapUiIndication6TextColor: @sapIndicationColor_6_TextColor;
+@sapUiIndication7: @sapIndicationColor_7;
+@sapUiIndication7Background: @sapIndicationColor_7_Background;
+@sapUiIndication7BorderColor: @sapIndicationColor_7_BorderColor;
+@sapUiIndication7HoverBackground: @sapIndicationColor_7_Hover_Background;
+@sapUiIndication7ActiveBackground: @sapIndicationColor_7_Active_Background;
+@sapUiIndication7TextColor: @sapIndicationColor_7_TextColor;
+@sapUiIndication8: @sapIndicationColor_8;
+@sapUiIndication8Background: @sapIndicationColor_8_Background;
+@sapUiIndication8BorderColor: @sapIndicationColor_8_BorderColor;
+@sapUiIndication8HoverBackground: @sapIndicationColor_8_Hover_Background;
+@sapUiIndication8ActiveBackground: @sapIndicationColor_8_Active_Background;
+@sapUiIndication8TextColor: @sapIndicationColor_8_TextColor;
+// =====================================
+// Legend Colors
+// =====================================
+@sapUiLegendWorkingBackground: @sapLegend_WorkingBackground;
+@sapUiLegendNonWorkingBackground: @sapLegend_NonWorkingBackground;
+@sapUiLegendCurrentDateTime: @sapLegend_CurrentDateTime;
+@sapUiLegend1: @sapLegendColor1;
+@sapUiLegend2: @sapLegendColor2;
+@sapUiLegend3: @sapLegendColor3;
+@sapUiLegend4: @sapLegendColor4;
+@sapUiLegend5: @sapLegendColor5;
+@sapUiLegend6: @sapLegendColor6;
+@sapUiLegend7: @sapLegendColor7;
+@sapUiLegend8: @sapLegendColor8;
+@sapUiLegend9: @sapLegendColor9;
+@sapUiLegend10: @sapLegendColor10;
+@sapUiLegend11: @sapLegendColor11;
+@sapUiLegend12: @sapLegendColor12;
+@sapUiLegend13: @sapLegendColor13;
+@sapUiLegend14: @sapLegendColor14;
+@sapUiLegend15: @sapLegendColor15;
+@sapUiLegend16: @sapLegendColor16;
+@sapUiLegend17: @sapLegendColor17;
+@sapUiLegend18: @sapLegendColor18;
+@sapUiLegend19: @sapLegendColor19;
+@sapUiLegend20: @sapLegendColor20;
+@sapUiLegendBackgroundColor1: @sapLegendBackgroundColor1;
+@sapUiLegendBackgroundColor2: @sapLegendBackgroundColor2;
+@sapUiLegendBackgroundColor3: @sapLegendBackgroundColor3;
+@sapUiLegendBackgroundColor4: @sapLegendBackgroundColor4;
+@sapUiLegendBackgroundColor5: @sapLegendBackgroundColor5;
+@sapUiLegendBackgroundColor6: @sapLegendBackgroundColor6;
+@sapUiLegendBackgroundColor7: @sapLegendBackgroundColor7;
+@sapUiLegendBackgroundColor8: @sapLegendBackgroundColor8;
+@sapUiLegendBackgroundColor9: @sapLegendBackgroundColor9;
+@sapUiLegendBackgroundColor10: @sapLegendBackgroundColor10;
+@sapUiLegendBackgroundColor11: @sapLegendBackgroundColor11;
+@sapUiLegendBackgroundColor12: @sapLegendBackgroundColor12;
+@sapUiLegendBackgroundColor13: @sapLegendBackgroundColor13;
+@sapUiLegendBackgroundColor14: @sapLegendBackgroundColor14;
+@sapUiLegendBackgroundColor15: @sapLegendBackgroundColor15;
+@sapUiLegendBackgroundColor16: @sapLegendBackgroundColor16;
+@sapUiLegendBackgroundColor17: @sapLegendBackgroundColor17;
+@sapUiLegendBackgroundColor18: @sapLegendBackgroundColor18;
+@sapUiLegendBackgroundColor19: @sapLegendBackgroundColor19;
+@sapUiLegendBackgroundColor20: @sapLegendBackgroundColor20;
+// =====================================
+// Chart Colors
+// =====================================
+@sapUiChart1: @sapChart_OrderedColor_1;
+@sapUiChart2: @sapChart_OrderedColor_2;
+@sapUiChart3: @sapChart_OrderedColor_3;
+@sapUiChart4: @sapChart_OrderedColor_4;
+@sapUiChart5: @sapChart_OrderedColor_5;
+@sapUiChart6: @sapChart_OrderedColor_6;
+@sapUiChart7: @sapChart_OrderedColor_7;
+@sapUiChart8: @sapChart_OrderedColor_8;
+@sapUiChart9: @sapChart_OrderedColor_9;
+@sapUiChart10: @sapChart_OrderedColor_10;
+@sapUiChart11: @sapChart_OrderedColor_11;
+@sapUiChartBad: @sapChart_Bad;
+@sapUiChartCritical: @sapChart_Critical;
+@sapUiChartGood: @sapChart_Good;
+@sapUiChartNeutral: @sapChart_Neutral;
+@sapUiChartSequence1: @sapChart_Sequence_1;
+@sapUiChartSequence2: @sapChart_Sequence_2;
+@sapUiChartSequence3: @sapChart_Sequence_3;
+@sapUiChartSequence4: @sapChart_Sequence_4;
+@sapUiChartSequence5: @sapChart_Sequence_5;
+@sapUiChartSequence6: @sapChart_Sequence_6;
+@sapUiChartSequence7: @sapChart_Sequence_7;
+@sapUiChartSequence8: @sapChart_Sequence_8;
+@sapUiChartSequence9: @sapChart_Sequence_9;
+@sapUiChartSequence10: @sapChart_Sequence_10;
+@sapUiChartSequence11: @sapChart_Sequence_11;
+@sapUiChartSequenceNeutral: @sapChart_Sequence_Neutral;
+// ============================================
+// UX Reference Set - do not use in Controls!!
+// ============================================
+// =====================================
+// Primary Colors
+// =====================================
+@sapUiPrimary1: @sapPrimary1;
+@sapUiPrimary2: @sapPrimary2;
+@sapUiPrimary3: @sapPrimary3;
+@sapUiPrimary4: @sapPrimary4;
+@sapUiPrimary5: @sapPrimary5;
+@sapUiPrimary6: @sapPrimary6;
+@sapUiPrimary7: @sapPrimary7;
+@sapUiShellBackgroundPatternColor: @sapShell_BackgroundPatternColor;
+@sapUiShellBackgroundGradient: @sapShell_BackgroundGradient;
+@sapUiListHighlightColor: @sapList_HighlightColor;
+// =====================================
+// Font
+// =====================================
+@sapUiFontCondensedFamily: "72 Condensed", 'Arial Narrow', HelveticaNeue-CondensedBold, Arial, sans-serif;
+@sapUiFontHeaderWeight: normal;
+@sapMFontMediumSize: 0.875rem; // 14px
+@sapUiTranslucentBGOpacity: 0;
+@sapMPlatformDependent: false;
+@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
+@sapUiColumnHeaderFontWeight: bold;
+// =====================================
+// Desktop (sap.ui.commons)
+// =====================================
+@sapUiDesktopFontFamily: @sapUiFontFamily;
+@sapUiDesktopFontSize: 12px;
+// use these for desktop controls only
+@sapUiFontLargeSize: 13px;
+@sapUiFontSmallSize: 11px;
+@sapUiFontHeader1Size: 26px;
+@sapUiFontHeader2Size: 20px;
+@sapUiFontHeader3Size: 18px;
+@sapUiFontHeader4Size: 16px;
+@sapUiFontHeader5Size: 14px;
+@sapUiFontHeader6Size: @sapUiFontLargeSize;
+@sapUiLineHeight: 18px;
+// SAP-icons font url - to be removed when integrating fonts from theming base content
+@sapUiIconFontUrl: url('./fonts/SAP-icons.woff2');
+// ===============================================
+// SOME important control-specific parameters...
+// Derived from Expert Theming
+// (these Parameters should be linked in controls)
+// ===============================================
+// Derived Chart Colors
+@sapUiChartLabelHoverColor: @sapUiButtonHoverBackground;            // #ebebeb
+@sapUiChartLabelPressedColor: darken(@sapUiButtonBackground, 17);   // #cccccc
+@sapUiChartCategoryAxisLabelFontColor: @sapUiContentForegroundTextColor;    // #333333
+@sapUiChartValueAxisLabelFontColor: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;           // 12px
+@sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;              // 12px
+@sapUiChartCategoryAxisLineColor: darken(@sapUiChartGridlineColor, 10);  // #cccccc
+@sapUiChartValueAxisLineColor: darken(@sapUiChartGridlineColor, 10);  // #cccccc
+@sapUiChartCategoryAxisTickColor: darken(@sapUiChartGridlineColor, 10);  // #cccccc
+@sapUiChartValueAxisTickColor: darken(@sapUiChartGridlineColor, 10);   // #cccccc
+@sapUiChartBackgroundColor: @sapUiGroupContentBackground;
+@sapUiChartLabelFontWeight: normal;
+@sapUiChartLegendLabelFontColor: @sapUiContentForegroundTextColor;  // #333333
+@sapUiChartLegendTitleFontColor: @sapUiGroupTitleTextColor;         // #333333
+@sapUiChartLegendTitleFontSize: @sapMFontMediumSize;                // 14px
+@sapUiChartLegendLabelFontSize: @sapMFontSmallSize;                 // 12px
+@sapUiChartPaletteUndefinedColor: darken(@sapUiBaseText, 20);       // #000000
+@sapUiChartGridlineColor: lighten(@sapUiContentForegroundBorderColor, 15);  // #e5e5e5
+@sapUiChartReferenceLineColor: darken(@sapUiChartGridlineColor, 70);   // #333333
+@sapUiChartDataLabelFontColor: darken(@sapUiBaseText, 20);          // #000000
+@sapUiChartReferenceLineLabelColor: @sapUiContentContrastTextColor; // #ffffff
+@sapUiChartDataLabelFontSize: @sapMFontSmallSize;                   // 12px
+@sapUiChartPopoverDataItemFontColor: darken(@sapUiBaseText, 20);    // #000000
+@sapUiChartPopoverGroupFontColor: @sapUiContentForegroundTextColor; // #333333
+@sapUiChartPopoverDataItemFontSize: @sapMFontMediumSize;            // 14px
+@sapUiChartPopoverGroupFontSize: @sapMFontMediumSize;               // 14px
+@sapUiChartPopoverGroupFontWeight: bold;
+@sapUiChartScrollBarThumbColor: @sapUiScrollBarFaceColor;           // #b2b2b2
+@sapUiChartScrollBarTrackColor: @sapUiScrollBarTrackColor;          // #ffffff
+@sapUiChartScrollBarThumbHoverColor: @sapUiScrollBarHoverFaceColor; // #ababab
+@sapUiChartMainTitleFontColor: @sapUiGroupTitleTextColor;           // #333333
+@sapUiChartAxisTitleFontColor: @sapUiGroupTitleTextColor;           // #333333
+@sapUiChartMainTitleFontSize: @sapMFontLargeSize;                   // 16px
+@sapUiChartAxisTitleFontSize: @sapMFontSmallSize;                   // 12px
+@sapUiChartTitleFontWeight: bold;
+@sapUiChartAxisTitleFontWeight: regular;
+@sapUiChartLightText: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartZeroAxisColor: darken(@sapUiChartGridlineColor, 50);     // #666666
+@sapUiChartDataPointBorderColor: lighten(@sapUiGroupContentBackground, 2);  // #ffffff
+@sapUiChartDataPointBorderHoverSelectedColor: darken(@sapUiChartGridlineColor, 50);  // #666666
+@sapUiChartDataPointNotSelectedBackgroundOpacity: 0.6;
+@sapUiChartValueAxisLineOpacity: 0;
+@sapUiChartCategoryAxisLabelFontHoverColor: @sapUiContentForegroundTextColor;  // #333333
+@sapUiChartCategoryAxisLabelFontPressedColor: @sapUiContentForegroundTextColor;  // #333333
+@sapUiChartTargetColor: darken(@sapUiChartGridlineColor, 70);       // #333333
+@sapUiChartTargetShadowColor: @sapUiContentContrastShadowColor;     // #ffffff
+@sapUiChartBubbleBGOpacity: 0.8;
+@sapUiChartScrollbarBorderColor: lighten(@sapUiScrollBarBorderColor, 25);  // #f2f2f2
+@sapUiChartScrollbarBorderSize: 0;
+@sapUiChartScrollbarThumbPadding: 0;
+@sapUiChartNegativeLargeText: @sapUiChartBad;  //#dc0d0e
+@sapUiChartCriticalLargeText: @sapUiChartCritical;  // #de890d
+@sapUiChartPositiveLargeText: @sapUiChartGood;  // #3fa45b
+@sapUiChartNeutralLargeText: saturate(darken(@sapUiChartNeutral, 10), 1);  // #69767c
+@sapUiChartDataPointBG: saturate(lighten(@sapUiChartNeutral, 30), 1);  // #d5dadc
+@sapUiChartDataPointBGBorderColor: saturate(lighten(@sapUiChartNeutral, 30), 1);  // #d5dadc
+@sapUiChartDataLineColorWithBG: darken(@sapUiChartGridlineColor, 70);   // #333333
+@sapUiChartDataLineColor: darken(@sapUiChartGridlineColor, 70);   // #333333
+@sapUiChartRadialRemainingCircle: lighten(@sapUiChartNeutral, 35);  // #e3e6e7
+@sapUiChartRadialRemainingCircleBorderColor: lighten(@sapUiChartNeutral, 35);  // #e3e6e7
+@sapUiChartRadialBG: lighten(@sapUiGroupContentBackground, 2);  // #ffffff
+@sapUiChartLegendHoverBackground: @sapUiListHoverBackground;  // #f0f0f0
+@sapUiChartLegendSelectionBackground: @sapUiListSelectionBackgroundColor;  // #e8eff6
+@sapUiChartLegendSelectionHoverBackground: @sapUiListSelectionHoverBackground;  // #dde8f1
+// qualitative palette
+@sapUiChartPaletteQualitativeHue1: @sapUiChart1;
+@sapUiChartPaletteQualitativeHue2: @sapUiChart2;
+@sapUiChartPaletteQualitativeHue3: @sapUiChart3;
+@sapUiChartPaletteQualitativeHue4: @sapUiChart4;
+@sapUiChartPaletteQualitativeHue5: @sapUiChart5;
+@sapUiChartPaletteQualitativeHue6: @sapUiChart6;
+@sapUiChartPaletteQualitativeHue7: @sapUiChart7;
+@sapUiChartPaletteQualitativeHue8: @sapUiChart8;
+@sapUiChartPaletteQualitativeHue9: @sapUiChart9;
+@sapUiChartPaletteQualitativeHue10: @sapUiChart10;
+@sapUiChartPaletteQualitativeHue11: @sapUiChart11;
+@sapUiChartPaletteQualitativeHue12: darken(saturate(@sapUiChartSequence1, 13), 20);
+@sapUiChartPaletteQualitativeHue13: darken(saturate(@sapUiChartSequence2, 21), 17);
+@sapUiChartPaletteQualitativeHue14: darken(saturate(@sapUiChartSequence3, 21), 15);
+@sapUiChartPaletteQualitativeHue15: darken(saturate(@sapUiChartSequence4, 10), 17);
+@sapUiChartPaletteQualitativeHue16: darken(saturate(@sapUiChartSequence5, 12), 11);
+@sapUiChartPaletteQualitativeHue17: darken(saturate(@sapUiChartSequence6, 8), 12);
+@sapUiChartPaletteQualitativeHue18: darken(desaturate(@sapUiChartSequence7, 18), 15);
+@sapUiChartPaletteQualitativeHue19: darken(saturate(@sapUiChartSequence8, 22), 16);
+@sapUiChartPaletteQualitativeHue20: darken(saturate(@sapUiChartSequence9, 16), 16);
+@sapUiChartPaletteQualitativeHue21: darken(desaturate(@sapUiChartSequence10, 13), 16);
+@sapUiChartPaletteQualitativeHue22: darken(saturate(@sapUiChartSequence11, 20), 10);
+// semantic palette
+@sapUiChartPaletteSemanticBadLight3: lighten(@sapUiChartBad, 32);
+@sapUiChartPaletteSemanticBadLight2: lighten(@sapUiChartBad, 22);
+@sapUiChartPaletteSemanticBadLight1: lighten(@sapUiChartBad, 12);
+@sapUiChartPaletteSemanticBad: @sapUiChartBad;
+@sapUiChartPaletteSemanticBadDark1: darken(desaturate(@sapUiChartBad, 1), 7);
+@sapUiChartPaletteSemanticBadDark2: darken(desaturate(@sapUiChartBad, 1), 15);
+@sapUiChartPaletteSemanticCriticalLight3: lighten(@sapUiChartCritical, 30);
+@sapUiChartPaletteSemanticCriticalLight2: lighten(@sapUiChartCritical, 17);
+@sapUiChartPaletteSemanticCriticalLight1: lighten(@sapUiChartCritical, 7);
+@sapUiChartPaletteSemanticCritical: @sapUiChartCritical;
+@sapUiChartPaletteSemanticCriticalDark1: darken(@sapUiChartCritical, 5);
+@sapUiChartPaletteSemanticCriticalDark2: darken(@sapUiChartCritical, 12);
+@sapUiChartPaletteSemanticGoodLight3: lighten(@sapUiChartGood, 30);
+@sapUiChartPaletteSemanticGoodLight2: lighten(@sapUiChartGood, 17);
+@sapUiChartPaletteSemanticGoodLight1: lighten(@sapUiChartGood, 7);
+@sapUiChartPaletteSemanticGood: @sapUiChartGood;
+@sapUiChartPaletteSemanticGoodDark1: darken(@sapUiChartGood, 7);
+@sapUiChartPaletteSemanticGoodDark2: darken(@sapUiChartGood, 15);
+@sapUiChartPaletteSemanticNeutralLight3: saturate(lighten(@sapUiChartNeutral, 30), 1);
+@sapUiChartPaletteSemanticNeutralLight2: saturate(lighten(@sapUiChartNeutral, 20), 1);
+@sapUiChartPaletteSemanticNeutralLight1: saturate(lighten(@sapUiChartNeutral, 10), 1);
+@sapUiChartPaletteSemanticNeutral: @sapUiChartNeutral;
+@sapUiChartPaletteSemanticNeutralDark1: saturate(darken(@sapUiChartNeutral, 10), 1);
+@sapUiChartPaletteSemanticNeutralDark2: saturate(darken(@sapUiChartNeutral, 17), 1);
+// sequential palette
+@sapUiChartPaletteSequentialHue1Light3: lighten(saturate(@sapUiChartSequence1, 13), 23);
+@sapUiChartPaletteSequentialHue1Light2: lighten(saturate(@sapUiChartSequence1, 5), 15);
+@sapUiChartPaletteSequentialHue1Light1: lighten(saturate(@sapUiChartSequence1, 2), 7);
+@sapUiChartPaletteSequentialHue1: @sapUiChartSequence1;
+@sapUiChartPaletteSequentialHue1Dark1: darken(desaturate(@sapUiChartSequence1, 7), 11);
+@sapUiChartPaletteSequentialHue1Dark2: darken(saturate(@sapUiChartSequence1, 13), 20);
+@sapUiChartPaletteSequentialHue2Light3: lighten(saturate(@sapUiChartSequence2, 21), 20);
+@sapUiChartPaletteSequentialHue2Light2: lighten(@sapUiChartSequence2, 21);
+@sapUiChartPaletteSequentialHue2Light1: lighten(saturate(@sapUiChartSequence2, 5), 7);
+@sapUiChartPaletteSequentialHue2: @sapUiChartSequence2;
+@sapUiChartPaletteSequentialHue2Dark1: darken(desaturate(@sapUiChartSequence2, 1), 9);
+@sapUiChartPaletteSequentialHue2Dark2: darken(saturate(@sapUiChartSequence2, 21), 17);
+@sapUiChartPaletteSequentialHue3Light3: lighten(desaturate(@sapUiChartSequence3, 32), 31);
+@sapUiChartPaletteSequentialHue3Light2: lighten(desaturate(@sapUiChartSequence3, 31), 20);
+@sapUiChartPaletteSequentialHue3Light1: lighten(desaturate(@sapUiChartSequence3, 26), 10);
+@sapUiChartPaletteSequentialHue3: @sapUiChartSequence3;
+@sapUiChartPaletteSequentialHue3Dark1: darken(saturate(@sapUiChartSequence3, 8), 8);
+@sapUiChartPaletteSequentialHue3Dark2: darken(saturate(@sapUiChartSequence3, 21), 15);
+@sapUiChartPaletteSequentialHue4Light3: lighten(saturate(@sapUiChartSequence4, 1), 23);
+@sapUiChartPaletteSequentialHue4Light2: lighten(@sapUiChartSequence4, 15);
+@sapUiChartPaletteSequentialHue4Light1: lighten(@sapUiChartSequence4, 7);
+@sapUiChartPaletteSequentialHue4: @sapUiChartSequence4;
+@sapUiChartPaletteSequentialHue4Dark1: darken(desaturate(@sapUiChartSequence4, 5), 8);
+@sapUiChartPaletteSequentialHue4Dark2: darken(saturate(@sapUiChartSequence4, 10), 17);
+@sapUiChartPaletteSequentialHue5Light3: lighten(desaturate(@sapUiChartSequence5, 1), 24);
+@sapUiChartPaletteSequentialHue5Light2: lighten(@sapUiChartSequence5, 16);
+@sapUiChartPaletteSequentialHue5Light1: lighten(@sapUiChartSequence5, 8);
+@sapUiChartPaletteSequentialHue5: @sapUiChartSequence5;
+@sapUiChartPaletteSequentialHue5Dark1: darken(saturate(@sapUiChartSequence5, 4), 5);
+@sapUiChartPaletteSequentialHue5Dark2: darken(saturate(@sapUiChartSequence5, 12), 11);
+@sapUiChartPaletteSequentialHue6Light3: lighten(desaturate(@sapUiChartSequence6, 26), 29);
+@sapUiChartPaletteSequentialHue6Light2: lighten(desaturate(@sapUiChartSequence6, 27), 19);
+@sapUiChartPaletteSequentialHue6Light1: lighten(desaturate(@sapUiChartSequence6, 26), 10);
+@sapUiChartPaletteSequentialHue6: @sapUiChartSequence6;
+@sapUiChartPaletteSequentialHue6Dark1: darken(saturate(@sapUiChartSequence6, 4), 6);
+@sapUiChartPaletteSequentialHue6Dark2: darken(saturate(@sapUiChartSequence6, 8), 12);
+@sapUiChartPaletteSequentialHue7Light3: lighten(saturate(@sapUiChartSequence7, 1), 15);
+@sapUiChartPaletteSequentialHue7Light2: lighten(@sapUiChartSequence7, 10);
+@sapUiChartPaletteSequentialHue7Light1: lighten(saturate(@sapUiChartSequence7, 1), 5);
+@sapUiChartPaletteSequentialHue7: @sapUiChartSequence7;
+@sapUiChartPaletteSequentialHue7Dark1: darken(desaturate(@sapUiChartSequence7, 12), 8);
+@sapUiChartPaletteSequentialHue7Dark2: darken(desaturate(@sapUiChartSequence7, 18), 15);
+@sapUiChartPaletteSequentialHue8Light3: lighten(saturate(@sapUiChartSequence8, 6), 26);
+@sapUiChartPaletteSequentialHue8Light2: lighten(saturate(@sapUiChartSequence8, 2), 17);
+@sapUiChartPaletteSequentialHue8Light1: lighten(@sapUiChartSequence8, 9);
+@sapUiChartPaletteSequentialHue8: @sapUiChartSequence8;
+@sapUiChartPaletteSequentialHue8Dark1: darken(saturate(@sapUiChartSequence8, 9), 8);
+@sapUiChartPaletteSequentialHue8Dark2: darken(saturate(@sapUiChartSequence8, 22), 16);
+@sapUiChartPaletteSequentialHue9Light3: lighten(desaturate(@sapUiChartSequence9, 2), 34);
+@sapUiChartPaletteSequentialHue9Light2: lighten(@sapUiChartSequence9, 22);
+@sapUiChartPaletteSequentialHue9Light1: lighten(@sapUiChartSequence9, 11);
+@sapUiChartPaletteSequentialHue9: @sapUiChartSequence9;
+@sapUiChartPaletteSequentialHue9Dark1: darken(saturate(@sapUiChartSequence9, 6), 8);
+@sapUiChartPaletteSequentialHue9Dark2: darken(saturate(@sapUiChartSequence9, 16), 16);
+@sapUiChartPaletteSequentialHue10Light3: lighten(saturate(@sapUiChartSequence10, 9), 22);
+@sapUiChartPaletteSequentialHue10Light2: lighten(saturate(@sapUiChartSequence10, 5), 14);
+@sapUiChartPaletteSequentialHue10Light1: lighten(saturate(@sapUiChartSequence10, 2), 7);
+@sapUiChartPaletteSequentialHue10: @sapUiChartSequence10;
+@sapUiChartPaletteSequentialHue10Dark1: darken(desaturate(@sapUiChartSequence10, 8), 8);
+@sapUiChartPaletteSequentialHue10Dark2: darken(desaturate(@sapUiChartSequence10, 13), 16);
+@sapUiChartPaletteSequentialHue11Light3: lighten(desaturate(@sapUiChartSequence11, 24), 24);
+@sapUiChartPaletteSequentialHue11Light2: lighten(desaturate(@sapUiChartSequence11, 22), 16);
+@sapUiChartPaletteSequentialHue11Light1: lighten(desaturate(@sapUiChartSequence11, 17), 8);
+@sapUiChartPaletteSequentialHue11: @sapUiChartSequence11;
+@sapUiChartPaletteSequentialHue11Dark1: darken(saturate(@sapUiChartSequence11, 7), 4);
+@sapUiChartPaletteSequentialHue11Dark2: darken(saturate(@sapUiChartSequence11, 20), 10);
+@sapUiChartPaletteSequentialNeutralLight3: saturate(lighten(@sapUiChartSequenceNeutral, 30), 1);
+@sapUiChartPaletteSequentialNeutralLight2: saturate(lighten(@sapUiChartSequenceNeutral, 20), 1);
+@sapUiChartPaletteSequentialNeutralLight1: saturate(lighten(@sapUiChartSequenceNeutral, 10), 1);
+@sapUiChartPaletteSequentialNeutral: @sapUiChartSequenceNeutral;
+@sapUiChartPaletteSequentialNeutralDark1: saturate(darken(@sapUiChartSequenceNeutral, 10), 1);
+@sapUiChartPaletteSequentialNeutralDark2: saturate(darken(@sapUiChartSequenceNeutral, 17), 1);
+@sapUiChartPaletteNoSemDiv1Light3: #f3dec9;
+@sapUiChartPaletteNoSemDiv1Light2: #e3cbb3;
+@sapUiChartPaletteNoSemDiv1Light1: #c8ab8e;
+@sapUiChartPaletteNoSemDiv1: #b08e6d;
+@sapUiChartPaletteNoSemDiv1Dark1: #8e6c4b;
+@sapUiChartPaletteNoSemDiv1Dark2: #754f2a;
+@sapUiChartPaletteMidArea: desaturate(lighten(@sapUiChartSequenceNeutral, 40), 7);
+@sapUiChoroplethBG: lighten(@sapUiChartSequenceNeutral, 42);
+@sapUiChoroplethRegionBorder: lighten(@sapUiChartGridlineColor, 10);
+@sapUiChoroplethRegionBG: @sapUiChartPaletteSemanticNeutralLight2;
+@sapUiMapLegendBG: lighten(@sapUiGroupContentBackground, 2);
+@sapUiMapLegendBorderColor: darken(@sapUiChartGridlineColor, 10);
+// Shell
+@sapUiShellContainerBackground: @sapUiGroupContentBackground;
+@sapUiShellAltContainerBackground: @sapUiShellContainerBackground;
+@sapUiShellGroupTextColor: @sapUiTextTitle;
+@sapUiUx3ShellHeaderColor: @sapShellColor;			// "Quick"
+@sapUiUx3ShellBackgroundColor: @sapUiPrimary3;
+@sapUiUx3ShellHoverColor: lighten(@sapUiPrimary7, 27);
+@sapUiUx3ShellGradientBottom: lighten(@sapUiUx3ShellHeaderColor, 17.3);			// transparent
+@sapUiUx3ShellGradientTop: spin(mix(@sapUiHighlight, lighten(@sapUiUx3ShellGradientBottom, 22), 3), 9);			// transparent
+// Approved by UX to use a hard coded color value for this
+@sapUiUx3ShellToolPaletteIconFontColor: lighten(@sapUiPrimary1, 30);
+// Exact
+@sapUiUx3ExactLstExpandOffset: -1 -2;
+@sapUiUx3ExactLstRootExpandOffset: 0 3;
+@sapUiUx3ExactLstContentTop: 25px;
+// Link
+@sapUiLinkActive: @sapUiLinkActiveColor;
+@sapUiLinkVisited: @sapUiLinkVisitedColor;
+@sapUiLinkHover: @sapUiLinkHoverColor;
+@sapUiLinkInverted: @sapUiLinkInvertedColor;
+@sapUiLinkSubtle: @sapUiLinkSubtleColor;
+// Notification Bar
+@sapUiNotificationBarBG: fade(@sapUiPrimary7, 98);
+@sapUiNotifierSeparator: darken(@sapUiPrimary7, 20);
+@sapUiNotifierSeparatorWidth: ~"1px";
+@sapUiNotificationBarBorder: lighten(@sapUiPrimary7, 20);
+// ToolPopup
+@sapUiUx3ToolPopupInverted: ~"false"; // Telling the ToolPopup if it's inverted per default
+@sapUiUx3ToolPopupArrowRightMarginCorrection: -1px;
+@sapUiUx3ToolPopupShadow: 0px 6px 12px 0px fade(@sapUiContentShadowColor, 30);
+// Callout
+@sapUiCalloutShadow: 0px 6px 12px 0px fade(@sapUiContentShadowColor, 30);
+@sapUiButtonHeaderTextColor: @sapUiButtonTextColor;
+@sapUiButtonHeaderDisabledTextColor: @sapUiButtonHeaderTextColor;
+@sapUiButtonFooterTextColor: contrast(@sapUiPageFooterBackground, @sapUiButtonTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
+@sapUiButtonFooterHoverBackground: @sapUiButtonLiteHoverBackground;
+@sapUiButtonActionSelectBackground: @sapUiListBackground;
+@sapUiButtonActionSelectBorderColor: @sapUiListBorderColor;
+@sapUiButtonLiteActionSelectHoverBackground: @sapUiListHoverBackground;
+@sapUiToggleButtonPressedBackground: @sapUiSelected;
+@sapUiToggleButtonPressedBorderColor: @sapUiToggleButtonPressedBackground;
+@sapUiToggleButtonPressedTextColor: contrast(@sapUiToggleButtonPressedBackground, @sapUiButtonTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
+@sapUiToggleButtonPressedHoverBackground: lighten(@sapUiToggleButtonPressedBackground, 3);
+@sapUiToggleButtonPressedHoverBorderColor: @sapUiToggleButtonPressedHoverBackground;
+@sapUiSegmentedButtonBackground: @sapUiButtonBackground;
+@sapUiSegmentedButtonBorderColor: @sapUiButtonBorderColor;
+@sapUiSegmentedButtonTextColor: contrast(@sapUiSegmentedButtonBackground, @sapUiButtonTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
+@sapUiSegmentedButtonHoverBackground: @sapUiButtonHoverBackground;
+@sapUiSegmentedButtonActiveBackground: @sapUiButtonActiveBackground;
+@sapUiSegmentedButtonActiveTextColor: contrast(@sapUiSegmentedButtonActiveBackground, @sapUiSegmentedButtonTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
+@sapUiSegmentedButtonSelectedBackground: @sapUiToggleButtonPressedBackground;
+@sapUiSegmentedButtonSelectedTextColor: @sapUiToggleButtonPressedTextColor;
+@sapUiSegmentedButtonSelectedHoverBackground: @sapUiToggleButtonPressedHoverBackground;
+@sapUiSegmentedButtonSelectedHoverBorderColor: @sapUiToggleButtonPressedHoverBorderColor;
+@sapUiSegmentedButtonIconColor: contrast(@sapUiSegmentedButtonBackground, @sapUiContentIconColor, @sapUiContentContrastIconColor, @sapUiContentContrastTextThreshold);
+@sapUiSegmentedButtonActiveIconColor: contrast(@sapUiSegmentedButtonActiveBackground, @sapUiContentIconColor, @sapUiContentContrastIconColor, @sapUiContentContrastTextThreshold);
+@sapUiSegmentedButtonSelectedIconColor: contrast(@sapUiSegmentedButtonSelectedBackground, @sapUiContentIconColor, @sapUiContentContrastIconColor, @sapUiContentContrastTextThreshold);
+@sapUiSegmentedButtonFooterBorderColor: @sapUiSegmentedButtonBorderColor;
+@sapUiSegmentedButtonFooterHoverBackground: @sapUiSegmentedButtonHoverBackground;
+@sapUiFieldActiveBackground: @sapUiActive;
+@sapUiFieldActiveTextColor: @sapUiContentContrastTextColor;
+@sapUiListVerticalBorderColor: @sapUiListBorderColor;
+@sapUiListSelectionHoverBackground: contrast(@sapUiListSelectionBackgroundColor, darken(@sapUiListSelectionBackgroundColor, 3), lighten(@sapUiListSelectionBackgroundColor, 3));
+@sapUiListTableTextSize: 0.875rem;
+@sapUiListTableIconSize: 1rem;
+@sapUiCalendarColorToday: @sapUiAccent4;
+@sapUiDragAndDropColor: @sapUiContentNonInteractiveIconColor;
+@sapUiDragAndDropBackground: @sapUiGroupContentBackground;
+@sapUiDragAndDropBorderColor: @sapUiContentForegroundBorderColor;
+@sapUiDragAndDropActiveColor: @sapUiActive;
+@sapUiDragAndDropActiveBackground: fade(@sapUiDragAndDropActiveColor, 5);
+@sapUiDragAndDropActiveBorderColor: @sapUiDragAndDropActiveColor;
+@sapUiShadowLevel0: 0 0 0 0.0625rem fade(@sapUiContentShadowColor, 10), 0 0.125rem 0.5rem 0 fade(@sapUiContentShadowColor, 10);
+@sapUiShadowLevel1: 0 0 0 0.0625rem fade(@sapUiContentShadowColor, 42), 0 0.125rem 0.5rem 0 fade(@sapUiContentShadowColor, 30);
+@sapUiShadowLevel2: 0 0 0 0.0625rem fade(@sapUiContentShadowColor, 42), 0 0.625rem 1.875rem 0 fade(@sapUiContentShadowColor, 30);
+@sapUiShadowLevel3: 0 0 0 0.0625rem fade(@sapUiContentShadowColor, 42), 0 1.25rem 5rem 0 fade(@sapUiContentShadowColor, 30);
+@sapUiShadowText: none;
+@sapUiShadowHeader: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiObjectHeaderBorderColor;
+//images for shell
+@sapUiUx3ShellHeaderImageURL: ~"";
+@sapUiUx3ShellApplicationImageURL: @sapUiGlobalLogo;			// "Quick"
+// DEPRECATED: Title Alignment to start (left or right) or center (default) for Dialogs, Message Boxes, Popover, Page, etc.; possible values: 'start' or 'center'
+@sapMTitleAlignment: Start;