@openui5/sap.ui.core
Version:
OpenUI5 Core Library sap.ui.core
949 lines (855 loc) • 82.7 kB
text/less
// ===========================
// Global CSS for 'base' 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: medium; // @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;
@sapUiShellCategory1Background: @sapShell_Category_1_Background;
@sapUiShellCategory1BorderColor: @sapShell_Category_1_BorderColor;
@sapUiShellCategory1TextColor: @sapShell_Category_1_TextColor;
@sapUiShellCategory1TextShadow: @sapShell_Category_1_TextShadow;
@sapUiShellCategory2Background: @sapShell_Category_2_Background;
@sapUiShellCategory2BorderColor: @sapShell_Category_2_BorderColor;
@sapUiShellCategory2TextColor: @sapShell_Category_2_TextColor;
@sapUiShellCategory2TextShadow: @sapShell_Category_2_TextShadow;
@sapUiShellCategory31Background: @sapShell_Category_3_Background;
@sapUiShellCategory3BorderColor: @sapShell_Category_3_BorderColor;
@sapUiShellCategory3TextColor: @sapShell_Category_3_TextColor;
@sapUiShellCategory3TextShadow: @sapShell_Category_3_TextShadow;
@sapUiShellCategory4Background: @sapShell_Category_4_Background;
@sapUiShellCategory4BorderColor: @sapShell_Category_4_BorderColor;
@sapUiShellCategory4TextColor: @sapShell_Category_4_TextColor;
@sapUiShellCategory4TextShadow: @sapShell_Category_4_TextShadow;
@sapUiShellCategory5Background: @sapShell_Category_5_Background;
@sapUiShellCategory5BorderColor: @sapShell_Category_5_BorderColor;
@sapUiShellCategory5TextColor: @sapShell_Category_5_TextColor;
@sapUiShellCategory5TextShadow: @sapShell_Category_5_TextShadow;
@sapUiShellCategory6Background: @sapShell_Category_6_Background;
@sapUiShellCategory6BorderColor: @sapShell_Category_6_BorderColor;
@sapUiShellCategory6TextColor: @sapShell_Category_6_TextColor;
@sapUiShellCategory6TextShadow: @sapShell_Category_6_TextShadow;
@sapUiShellCategory7Background: @sapShell_Category_7_Background;
@sapUiShellCategory7BorderColor: @sapShell_Category_7_BorderColor;
@sapUiShellCategory7TextColor: @sapShell_Category_7_TextColor;
@sapUiShellCategory7TextShadow: @sapShell_Category_7_TextShadow;
@sapUiShellCategory8Background: @sapShell_Category_8_Background;
@sapUiShellCategory8BorderColor: @sapShell_Category_8_BorderColor;
@sapUiShellCategory8TextColor: @sapShell_Category_8_TextColor;
@sapUiShellCategory8TextShadow: @sapShell_Category_8_TextShadow;
@sapUiShellCategory9Background: @sapShell_Category_9_Background;
@sapUiShellCategory9BorderColor: @sapShell_Category_9_BorderColor;
@sapUiShellCategory9TextColor: @sapShell_Category_9_TextColor;
@sapUiShellCategory9TextShadow: @sapShell_Category_9_TextShadow;
@sapUiShellCategory10Background: @sapShell_Category_10_Background;
@sapUiShellCategory10BorderColor: @sapShell_Category_10_BorderColor;
@sapUiShellCategory10TextColor: @sapShell_Category_10_TextColor;
@sapUiShellCategory10TextShadow: @sapShell_Category_10_TextShadow;
@sapUiShellCategory11Background: @sapShell_Category_11_Background;
@sapUiShellCategory11BorderColor: @sapShell_Category_11_BorderColor;
@sapUiShellCategory11TextColor: @sapShell_Category_11_TextColor;
@sapUiShellCategory11TextShadow: @sapShell_Category_11_TextShadow;
@sapUiShellCategory12Background: @sapShell_Category_12_Background;
@sapUiShellCategory12BorderColor: @sapShell_Category_12_BorderColor;
@sapUiShellCategory12TextColor: @sapShell_Category_12_TextColor;
@sapUiShellCategory12TextShadow: @sapShell_Category_12_TextShadow;
@sapUiShellCategory13Background: @sapShell_Category_13_Background;
@sapUiShellCategory13BorderColor: @sapShell_Category_13_BorderColor;
@sapUiShellCategory13TextColor: @sapShell_Category_13_TextColor;
@sapUiShellCategory13TextShadow: @sapShell_Category_13_TextShadow;
@sapUiShellCategory14Background: @sapShell_Category_14_Background;
@sapUiShellCategory14BorderColor: @sapShell_Category_14_BorderColor;
@sapUiShellCategory14TextColor: @sapShell_Category_14_TextColor;
@sapUiShellCategory14TextShadow: @sapShell_Category_14_TextShadow;
@sapUiShellCategory15Background: @sapShell_Category_15_Background;
@sapUiShellCategory15BorderColor: @sapShell_Category_15_BorderColor;
@sapUiShellCategory15TextColor: @sapShell_Category_15_TextColor;
@sapUiShellCategory15TextShadow: @sapShell_Category_15_TextShadow;
@sapUiShellCategory16Background: @sapShell_Category_16_Background;
@sapUiShellCategory16BorderColor: @sapShell_Category_16_BorderColor;
@sapUiShellCategory16TextColor: @sapShell_Category_16_TextColor;
@sapUiShellCategory16TextShadow: @sapShell_Category_16_TextShadow;
@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;
@sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
@sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
@sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
@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!!
// ============================================
@sapUiErrorColor: lighten(@sapUiNegative, 10);
@sapUiWarningColor: lighten(@sapUiCritical, 10);
@sapUiSuccessColor: lighten(@sapUiPositive, 10);
@sapUiContentElementHeight: @sapContent_ElementHeight;
@sapUiContentElementHeightPX: @sapContent_ElementHeight_PX;
@sapMFontMediumSize: @sapFontSize;
@sapUiShellBackgroundPatternColor: @sapUiBaseBG;
@sapUiShellBackgroundGradient: @sapShell_BackgroundGradient;
@sapUiButtonDisabledBackground: @sapButton_Disabled_Background;
@sapUiButtonDisabledBorderColor: @sapButton_Disabled_BorderColor;
@sapUiButtonDisabledTextColor: @sapButton_Disabled_TextColor;
@sapUiFieldDisabledBackground: @sapField_Disabled_Background;
@sapUiFieldDisabledBorderColor: @sapField_Disabled_BorderColor;
@sapUiFieldDisabledTextColor: @sapField_Disabled_TextColor;
@sapUiFieldDisabledHelpBackground: @sapField_Disabled_HelpBackground;
@sapUiListHighlightColor: @sapList_HighlightColor;
// =====================================
// Font
// =====================================
@sapUiFontCondensedFamily: 'Arial Narrow', HelveticaNeue-CondensedBold, Arial, sans-serif;
@sapUiFontHeaderFamily: @sapUiFontFamily;
@sapUiFontHeaderWeight: normal;
// use these "sapM"-prefixed parameters for sap.m controls
@sapMFontHeader1Size: 1.625rem; // 26px
@sapMFontHeader2Size: 1.375rem; // 22px
@sapMFontHeader3Size: 1.250rem; // 20px
@sapMFontHeader4Size: 1.125rem; // 18px
@sapMFontHeader5Size: 1rem; // 16px
@sapMFontHeader6Size: 0.875rem; // 14px
@sapMFontSmallSize: 0.75rem; // 12px
@sapMFontMediumSize: 0.875rem; // 14px
@sapMFontLargeSize: 1rem; // 16px
@sapUiTranslucentBGOpacity: 80%;
@sapMPlatformDependent: false;
@sapUiColumnHeaderFontSize: @sapMFontMediumSize;
@sapUiColumnHeaderFontWeight: normal;
// =====================================
// 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;
// ===============================================
// SOME important control-specific parameters...
// Derived from Expert Theming
// (these Parameters should be linked in controls)
// ===============================================
// Derived Chart Colors
@sapUiChartLabelHoverColor: @sapUiButtonHoverBackground;
@sapUiChartLabelPressedColor: darken(@sapUiButtonBackground, 17);
@sapUiChartCategoryAxisLabelFontColor: @sapUiContentForegroundTextColor;
@sapUiChartValueAxisLabelFontColor: lighten(@sapUiContentForegroundTextColor, 24);
@sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;
@sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;
@sapUiChartCategoryAxisLineColor: darken(@sapUiChartGridlineColor, 10);
@sapUiChartValueAxisLineColor: darken(@sapUiChartGridlineColor, 10);
@sapUiChartCategoryAxisTickColor: darken(@sapUiChartGridlineColor, 10);
@sapUiChartValueAxisTickColor: darken(@sapUiChartGridlineColor, 10);
@sapUiChartBackgroundColor: transparent;
@sapUiChartLabelFontWeight: normal;
@sapUiChartLegendLabelFontColor: @sapUiContentForegroundTextColor;
@sapUiChartLegendTitleFontColor: @sapUiGroupTitleTextColor;
@sapUiChartLegendTitleFontSize: @sapMFontMediumSize;
@sapUiChartLegendLabelFontSize: @sapMFontSmallSize;
@sapUiChartPaletteUndefinedColor: @sapUiBaseText;
@sapUiChartGridlineColor: lighten(@sapUiContentForegroundBorderColor, 15);
@sapUiChartReference