@openui5/sap.ui.core/src/sap/ui/core/themes/base/base.less

OpenUI5 Core Library sap.ui.core

@sapBrandColor: #000;
@sapHighlightColor: #cc8700;
@sapBaseColor: #ddd;
@sapShellColor: #fff;
@sapBackgroundColorDefault: #fff;
@sapBackgroundColor: #fff;
@sapFontFamily: Arial, Helvetica, sans-serif;
@sapFontLightFamily:  Arial, Helvetica, sans-serif;
@sapFontBoldFamily:  Arial, Helvetica, sans-serif;
@sapFontHeaderFamily:  @sapFontFamily;
@sapFontSize: 0.75em;
@sapFontSmallSize: 0.75 * @sapContent_GridSize; //12px
@sapFontLargeSize: 1.0 * @sapContent_GridSize; //16px
@sapFontHeader1Size: 1.625 * @sapContent_GridSize; //26px
@sapFontHeader2Size: 1.375 * @sapContent_GridSize; //22px
@sapFontHeader3Size: 1.25 * @sapContent_GridSize; //20px
@sapFontHeader4Size: 1.125 * @sapContent_GridSize; //18px
@sapFontHeader5Size: 1.0 * @sapContent_GridSize; //16px
@sapFontHeader6Size: 0.875 * @sapContent_GridSize; //14px
@sapTextColor: #000;
@sapLinkColor: #000;
@sapLink_Hover_Color: @sapLinkColor;
@sapLink_Active_Color: @sapLinkColor;
@sapLink_Visited_Color: @sapLinkColor;
@sapLink_InvertedColor: @sapLinkColor;
@sapLink_SubtleColor: @sapLinkColor;
@sapCompanyLogo: none;
@sapBackgroundImage: none;
@sapBackgroundImageOpacity: 1.0;
@sapBackgroundImageRepeat: false;

@sapContent_GridSize: 1rem;

@sapAccentColor1: #5f5800;
@sapAccentColor2: #5e4101;
@sapAccentColor3: #973333;
@sapAccentColor4: #961d7c;
@sapAccentColor5: #365892;
@sapAccentColor6: #004ccb;
@sapAccentColor7: #105b5b;
@sapAccentColor8: #26340b;
@sapAccentColor9: #6c32a9;
@sapAccentColor10: #4a5964;

@sapLegend_WorkingBackground: darken(@sapList_Background, 15);
@sapLegend_NonWorkingBackground: darken(@sapList_Background, 30);
@sapLegend_CurrentDateTime: @sapAccentColor4;

@sapLegendColor1: #5f5800;
@sapLegendColor2: #5e4101;
@sapLegendColor3: #973333;
@sapLegendColor4: #463000;
@sapLegendColor5: #961d7c;
@sapLegendColor6: #004ccb;
@sapLegendColor7: #105b5b;
@sapLegendColor8: #26340b;
@sapLegendColor9: #002f7e;
@sapLegendColor10: #6c3d62;
@sapLegendColor11: #383513;
@sapLegendColor12: #734f00;
@sapLegendColor13: #723e3e;
@sapLegendColor14: #5f5642;
@sapLegendColor15: #60535d;
@sapLegendColor16: #465878;
@sapLegendColor17: #435b5b;
@sapLegendColor18: #4e5a36;
@sapLegendColor19: #4e5869;
@sapLegendColor20: #001b49;

@sapLegendBackgroundColor1: @sapList_Background;
@sapLegendBackgroundColor2: @sapList_Background;
@sapLegendBackgroundColor3: @sapList_Background;
@sapLegendBackgroundColor4: @sapList_Background;
@sapLegendBackgroundColor5: @sapList_Background;
@sapLegendBackgroundColor6: @sapList_Background;
@sapLegendBackgroundColor7: @sapList_Background;
@sapLegendBackgroundColor8: @sapList_Background;
@sapLegendBackgroundColor9: @sapList_Background;
@sapLegendBackgroundColor10: @sapList_Background;
@sapLegendBackgroundColor11: @sapList_Background;
@sapLegendBackgroundColor12: @sapList_Background;
@sapLegendBackgroundColor13: @sapList_Background;
@sapLegendBackgroundColor14: @sapList_Background;
@sapLegendBackgroundColor15: @sapList_Background;
@sapLegendBackgroundColor16: @sapList_Background;
@sapLegendBackgroundColor17: @sapList_Background;
@sapLegendBackgroundColor18: @sapList_Background;
@sapLegendBackgroundColor19: @sapList_Background;
@sapLegendBackgroundColor20: @sapList_Background;

@sapErrorBackground:       #fff;
@sapWarningBackground:     #fff;
@sapSuccessBackground:     #fff;
@sapInformationBackground: #fff;
@sapNeutralBackground:     #fff;

@sapErrorBorderColor:       @sapErrorColor;
@sapWarningBorderColor:     @sapWarningColor;
@sapSuccessBorderColor:     @sapSuccessColor;
@sapInformationBorderColor: @sapInformationColor;
@sapNeutralBorderColor:     @sapNeutralColor;

@sapNegativeElementColor:    @sapNegativeColor;
@sapCriticalElementColor:    @sapCriticalColor;
@sapPositiveElementColor:    @sapPositiveColor;
@sapInformativeElementColor: @sapInformativeColor;
@sapNeutralElementColor:     @sapNeutralColor;

@sapNegativeTextColor:    @sapNegativeColor;
@sapCriticalTextColor:    @sapCriticalColor;
@sapPositiveTextColor:    @sapPositiveColor;
@sapInformativeTextColor: @sapInformativeColor;
@sapNeutralTextColor:     @sapNeutralColor;

@sapNegativeColor:    #ab0000;
@sapCriticalColor:    #5c5c00;
@sapPositiveColor:    #006362;
@sapInformativeColor: #000000;
@sapNeutralColor:     #000000;

@sapErrorColor:       @sapNegativeColor;
@sapWarningColor:     @sapCriticalColor;
@sapSuccessColor:     @sapPositiveColor;
@sapInformationColor: @sapInformativeColor;

@sapIndicationColor_1: #780000;
@sapIndicationColor_1_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_1_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_2: #ab0000;
@sapIndicationColor_2_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_2_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_3: #5c5c00;
@sapIndicationColor_3_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_3_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_4: #006362;
@sapIndicationColor_4_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_4_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_5: #004ccb;
@sapIndicationColor_5_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_5_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_6: @sapAccentColor7;
@sapIndicationColor_6_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_6_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_7: @sapAccentColor9;
@sapIndicationColor_7_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_7_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapIndicationColor_8: @sapAccentColor4;
@sapIndicationColor_8_Hover_Background: @sapButton_Hover_Background;
@sapIndicationColor_8_Active_Background: @sapButton_Active_Background;
@sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapSelectedColor: #2e9cea;
@sapActiveColor: @sapHighlightColor;
@sapHighlightTextColor: contrast(@sapHighlightColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapTitleColor: @sapTextColor;

@sapElement_LineHeight: 26px;  //<=new
@sapElement_Height: 22px;  //<=new
@sapElement_BorderWidth: 1px;  //<=new
@sapElement_BorderCornerRadius: 0.25 * @sapContent_GridSize;
@sapElement_Compact_LineHeight: 2 * @sapContent_GridSize;
@sapElement_Compact_Height: 1.625 * @sapContent_GridSize;
@sapElement_Condensed_LineHeight: 1.5 * @sapContent_GridSize;
@sapElement_Condensed_Height: 1.375 * @sapContent_GridSize;
@sapContent_LineHeight: 1.3;  //<=new
@sapContent_ElementHeight: 1.37em;  //<=new
@sapContent_ElementHeight_PX: 22px;  //<=new
@sapContent_IconHeight: 16px; //<=new
@sapContent_IconColor: #000; //<=new
@sapContent_ContrastIconColor: @sapContent_ContrastTextColor; //<=new
@sapContent_NonInteractiveIconColor: @sapContent_IconColor; //<=new
@sapContent_MarkerIconColor: @sapContent_IconColor; //<=new
@sapContent_MarkerTextColor: @sapTextColor;
@sapContent_Placeholderloading_Background: #888;
@sapContent_Placeholderloading_Gradient: linear-gradient(to right, #888 0%, #888 35%, #585858 50%, #888 65%, #888 100%);
@sapContent_ImagePlaceholderBackground: @sapBackgroundColor;
@sapContent_ImagePlaceholderForegroundColor: #585858;
@sapContent_RatedColor: @sapContent_IconColor;
@sapContent_UnratedColor: #888888;
@sapContent_FocusColor: #000; //<=new
@sapContent_FocusStyle: dotted;
@sapContent_FocusWidth: 0.125 * @sapContent_GridSize;
@sapContent_ContrastFocusColor: #fff; //<=new
@sapContent_ShadowColor: #000; //<=new
@sapContent_ContrastShadowColor: #fff; //<=new
@sapContent_Shadow0: 0 0 1rem 0 fade(@sapContent_ContrastShadowColor, 50), 0 0 0 0.125rem @sapContent_ShadowColor;
@sapContent_Shadow1: 0 0 1rem 0 fade(@sapContent_ShadowColor, 50), 0 0 0 0.125rem @sapContent_ShadowColor;
@sapContent_Shadow2: 0 0.25rem 2rem 0 fade(@sapContent_ContrastShadowColor, 60), 0 0 0 0.125rem @sapContent_ShadowColor;
@sapContent_Shadow3: 0 0.625rem 4rem 0 fade(@sapContent_ContrastShadowColor, 80), 0 0 0 0.125rem @sapContent_ShadowColor;
@sapContent_TextShadow: none;
@sapContent_HeaderShadow: inset 0 -0.125rem @sapObjectHeader_BorderColor;
@sapContent_SearchHighlightColor: #cc8700; //<=new
@sapContent_HelpColor: #006500; //<=new
@sapContent_LabelColor: @sapTextColor;
@sapContent_MonospaceFontFamily: lucida console, monospace; //<=new
@sapContent_MonospaceBoldFontFamily: @sapContent_MonospaceFontFamily;
@sapContent_DisabledTextColor: #666;
@sapContent_DisabledOpacity: 0.5; //<=new
@sapContent_ContrastTextThreshold: 0.65;
@sapContent_ContrastTextColor: @sapTextColor;
@sapContent_ForegroundColor: #e5e5e5;
@sapContent_ForegroundBorderColor: #000;
@sapContent_ForegroundTextColor: contrast(@sapContent_ForegroundColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapContent_BadgeBackground: @sapBackgroundColor;
@sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapContent_DragAndDropActiveColor: @sapContent_HelpColor;
@sapContent_Selected_TextColor: contrast(@sapContent_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapContent_Selected_Background: @sapSelectedColor;
@sapContent_Selected_Hover_Background: @sapHighlightColor;

@sapContent_Illustrative_Color1: #0a6ed1;
@sapContent_Illustrative_Color2: #434e56;
@sapContent_Illustrative_Color3: #62737c;
@sapContent_Illustrative_Color4: #030303;
@sapContent_Illustrative_Color5: #9da4aa;
@sapContent_Illustrative_Color6: #0a6ed1;
@sapContent_Illustrative_Color7: #e7e9ea;
@sapContent_Illustrative_Color8: #fff;

@sapShell_Background: @sapShellColor;
@sapShell_BackgroundImage: @sapShell_Background;
@sapShell_BackgroundGradient: @sapShell_BackgroundImage;
@sapShell_BackgroundImageOpacity: @sapBackgroundImageOpacity;
@sapShell_BackgroundImageRepeat: @sapBackgroundImageRepeat;
@sapShell_BackgroundPatternColor: @sapBackgroundColor;
@sapShell_BorderColor: #666;
@sapShell_TextColor: @sapTextColor;
@sapShell_InteractiveTextColor: @sapShell_TextColor;
@sapShell_InteractiveBorderColor: @sapField_BorderColor;
@sapShell_GroupTitleTextColor: @sapTitleColor;
@sapShell_GroupTitleTextShadow: none;
@sapShell_Hover_Background: @sapHighlightColor;
@sapShell_Active_Background: @sapActiveColor;
@sapShell_Active_TextColor: contrast(@sapShell_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapShell_Selected_Background: @sapSelectedColor;
@sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapShell_Selected_Hover_Background: @sapShell_Selected_Background;
@sapShell_Favicon: none;
@sapShell_Navigation_Background: @sapShellColor;
@sapShell_Navigation_Hover_Background: @sapShell_Hover_Background;
@sapShell_Navigation_SelectedColor: @sapShell_Navigation_Selected_TextColor;
@sapShell_Navigation_Selected_TextColor: @sapShell_InteractiveTextColor;
@sapShell_Navigation_TextColor: @sapShell_GroupTitleTextColor;
@sapShell_Navigation_Active_TextColor: contrast(@sapShell_Navigation_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapShell_Navigation_Active_Background: @sapShell_Active_Background;
@sapShell_Shadow: 0 0.125rem 0 0 @sapShell_BorderColor;
@sapShell_NegativeColor: @sapNegativeColor;
@sapShell_CriticalColor: @sapCriticalColor;
@sapShell_PositiveColor: @sapPositiveColor;
@sapShell_InformativeColor: @sapInformativeColor;
@sapShell_NeutralColor: @sapNeutralColor;

@sapButton_BorderWidth: @sapElement_BorderWidth; //<=new
@sapButton_BorderCornerRadius: 2px; //<=new
@sapButton_Background: #fff;
@sapButton_BorderColor: #000;
@sapButton_TextColor: contrast(@sapButton_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Disabled_Background: #fff;
@sapButton_Disabled_BorderColor: #666;
@sapButton_Disabled_TextColor: contrast(@sapButton_Disabled_Background, #666, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Hover_Background: @sapHighlightColor;
@sapButton_Hover_BorderColor: #000;
@sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_IconColor: @sapButton_TextColor;
@sapButton_Active_Background: @sapActiveColor;
@sapButton_Active_BorderColor: @sapButton_BorderColor;
@sapButton_Active_TextColor: contrast(@sapButton_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Emphasized_Background: @sapButton_Background;
@sapButton_Emphasized_BorderColor: @sapButton_BorderColor;
@sapButton_Emphasized_TextColor: contrast(@sapButton_Emphasized_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Emphasized_Hover_Background: @sapButton_Hover_Background;
@sapButton_Emphasized_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Emphasized_Hover_TextColor: contrast( @sapButton_Emphasized_Hover_Background , @sapTextColor , @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Emphasized_Active_Background: @sapButton_Active_Background;
@sapButton_Emphasized_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Emphasized_TextShadow: transparent;
@sapButton_Emphasized_FontWeight: bold;
@sapButton_Reject_Background: @sapButton_Background;
@sapButton_Reject_BorderColor: @sapButton_BorderColor;
@sapButton_Reject_TextColor: contrast(@sapButton_Reject_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Reject_Hover_Background: @sapButton_Hover_Background;
@sapButton_Reject_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Reject_Hover_TextColor: contrast(@sapButton_Reject_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Reject_Active_Background: @sapButton_Active_Background;
@sapButton_Reject_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Reject_Selected_Background: @sapSelectedColor;
@sapButton_Reject_Selected_BorderColor: @sapButton_BorderColor;
@sapButton_Reject_Selected_TextColor: contrast(@sapButton_Reject_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Reject_Selected_Hover_Background: @sapButton_Hover_Background;
@sapButton_Reject_Selected_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Accept_Background: @sapButton_Background;
@sapButton_Accept_BorderColor: @sapButton_BorderColor;
@sapButton_Accept_TextColor: contrast(@sapButton_Accept_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Accept_Hover_Background: @sapButton_Hover_Background;
@sapButton_Accept_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Accept_Hover_TextColor: contrast(@sapButton_Accept_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Accept_Active_Background: @sapButton_Active_Background;
@sapButton_Accept_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Accept_Selected_Background: @sapSelectedColor;
@sapButton_Accept_Selected_BorderColor: @sapButton_BorderColor;
@sapButton_Accept_Selected_TextColor: contrast(@sapButton_Accept_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Accept_Selected_Hover_Background: @sapButton_Hover_Background;
@sapButton_Accept_Selected_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Lite_Background: @sapButton_Background;
@sapButton_Lite_BorderColor: @sapButton_BorderColor;
@sapButton_Lite_TextColor: @sapButton_TextColor;
@sapButton_Lite_Hover_Background: @sapButton_Hover_Background;
@sapButton_Lite_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Lite_Hover_TextColor: @sapButton_Lite_TextColor;
@sapButton_Lite_Active_Background: @sapButton_Active_Background;
@sapButton_Lite_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Selected_Background: @sapSelectedColor;
@sapButton_Selected_BorderColor: @sapButton_BorderColor;
@sapButton_Selected_TextColor: contrast(@sapButton_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Selected_Hover_Background: @sapButton_Hover_Background;
@sapButton_Selected_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Attention_Background: @sapButton_Background;
@sapButton_Attention_BorderColor: @sapButton_BorderColor;
@sapButton_Attention_TextColor: contrast(@sapButton_Attention_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Attention_Hover_Background: @sapButton_Hover_Background;
@sapButton_Attention_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Attention_Hover_TextColor: contrast(@sapButton_Attention_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Attention_Active_Background: @sapButton_Active_Background;
@sapButton_Attention_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Attention_Selected_Background: @sapSelectedColor;
@sapButton_Attention_Selected_BorderColor: @sapButton_BorderColor;
@sapButton_Attention_Selected_TextColor: contrast(@sapButton_Attention_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Attention_Selected_Hover_Background: @sapButton_Hover_Background;
@sapButton_Attention_Selected_Hover_BorderColor: @sapButton_Hover_BorderColor;
@sapButton_Negative_Background: @sapButton_Background;
@sapButton_Negative_BorderColor: @sapButton_BorderColor;
@sapButton_Negative_TextColor: contrast(@sapButton_Negative_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Negative_Hover_Background: @sapButton_Hover_Background;
@sapButton_Negative_Hover_BorderColor: @sapButton_Negative_BorderColor;
@sapButton_Negative_Hover_TextColor: contrast(@sapButton_Negative_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Negative_Active_Background: @sapButton_Active_Background;
@sapButton_Negative_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Critical_Background: @sapButton_Background;
@sapButton_Critical_BorderColor: @sapButton_BorderColor;
@sapButton_Critical_TextColor: contrast(@sapButton_Critical_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Critical_Hover_Background: @sapButton_Hover_Background;
@sapButton_Critical_Hover_BorderColor: @sapButton_Critical_BorderColor;
@sapButton_Critical_Hover_TextColor: contrast(@sapButton_Critical_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Critical_Active_Background: @sapButton_Active_Background;
@sapButton_Critical_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Success_Background: @sapButton_Background;
@sapButton_Success_BorderColor: @sapButton_BorderColor;
@sapButton_Success_TextColor: contrast(@sapButton_Success_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Success_Hover_Background: @sapButton_Hover_Background;
@sapButton_Success_Hover_BorderColor: @sapButton_Success_BorderColor;
@sapButton_Success_Hover_TextColor: contrast(@sapButton_Success_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Success_Active_Background: @sapButton_Active_Background;
@sapButton_Success_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Information_Background: @sapButton_Background;
@sapButton_Information_BorderColor: @sapButton_BorderColor;
@sapButton_Information_TextColor: contrast(@sapButton_Information_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Information_Hover_Background: @sapButton_Hover_Background;
@sapButton_Information_Hover_BorderColor: @sapButton_Information_BorderColor;
@sapButton_Information_Hover_TextColor: contrast(@sapButton_Information_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Information_Active_Background: @sapButton_Active_Background;
@sapButton_Information_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Neutral_Background: @sapButton_Background;
@sapButton_Neutral_BorderColor: @sapButton_BorderColor;
@sapButton_Neutral_TextColor: contrast(@sapButton_Neutral_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Neutral_Hover_Background: @sapButton_Hover_Background;
@sapButton_Neutral_Hover_BorderColor: @sapButton_Neutral_BorderColor;
@sapButton_Neutral_Hover_TextColor: contrast(@sapButton_Neutral_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Neutral_Active_Background: @sapButton_Active_Background;
@sapButton_Neutral_Active_BorderColor: @sapButton_Active_BorderColor;
@sapButton_Track_Selected_Background: @sapButton_Selected_Background;
@sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_Track_Background: @sapButton_Background;
@sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapButton_TokenBackground: @sapButton_Background;
@sapButton_TokenBorderColor: @sapButton_BorderColor;

@sapField_Background: #fff;
@sapField_BorderColor: #000;
@sapField_TextColor: #000;
@sapField_PlaceholderTextColor: @sapField_TextColor;
@sapField_HelpBackground: #fff;
@sapField_BorderWidth: @sapElement_BorderWidth; //<=new
@sapField_BorderCornerRadius: 0; //<=new
@sapField_Hover_Background: @sapField_Background;
@sapField_Hover_BorderColor: @sapField_BorderColor;
@sapField_Hover_HelpBackground: @sapHighlightColor;
@sapField_Active_BorderColor: @sapField_BorderColor;
@sapField_Focus_Background: @sapField_Background;
@sapField_Focus_BorderColor: @sapField_BorderColor;
@sapField_Focus_HelpBackground: @sapField_Background;
@sapField_Disabled_Background: #959595;
@sapField_Disabled_BorderColor: #4f4f4f;
@sapField_Disabled_TextColor: @sapContent_DisabledTextColor;
@sapField_Disabled_HelpBackground: @sapField_Disabled_Background;
@sapField_ReadOnly_Background: #959595;
@sapField_ReadOnly_BorderColor: #4f4f4f;
@sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background;
@sapField_RequiredColor: #000;
@sapField_InvalidColor: @sapField_BorderColor;
@sapField_InvalidBackground: @sapHighlightColor;
@sapField_WarningColor: @sapField_BorderColor;
@sapField_WarningBackground: @sapField_Background;
@sapField_SuccessColor: @sapField_BorderColor;
@sapField_SuccessBackground: @sapField_Background;
@sapField_InformationColor: @sapField_BorderColor;
@sapField_InformationBackground: @sapField_Background;

@sapGroup_TitleBackground: #fff;
@sapGroup_TitleBorderColor: #000;
@sapGroup_TitleTextColor: contrast(@sapGroup_TitleBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapGroup_Title_FontSize: 1.0em; //<=new
@sapGroup_ContentBackground: @sapField_Background;
@sapGroup_ContentBorderColor: #000;
@sapGroup_BorderWidth: @sapElement_BorderWidth; //<=new
@sapGroup_BorderCornerRadius: 0; //<=new
@sapGroup_FooterBackground: #fff;

@sapToolbar_Background: #fff;
@sapToolbar_SeparatorColor: #000;

@sapList_HeaderBackground: #fff;
@sapList_HeaderBorderColor: #000;
@sapList_HeaderTextColor: contrast(@sapList_HeaderBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapList_BorderColor: #4f4f4f;
@sapList_BorderWidth: @sapElement_BorderWidth; //<=new
@sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapList_Active_Background: @sapHighlightColor;
@sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapList_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapList_HighlightColor: @sapHighlightColor;
@sapList_SelectionBackgroundColor: #2e9cea;
@sapList_SelectionBorderColor: @sapList_BorderColor;
@sapList_Hover_SelectionBackground: @sapList_Hover_Background;
@sapList_Background: #fff;
@sapList_Hover_Background: @sapHighlightColor;
@sapList_AlternatingBackground: darken(@sapList_Background, 10);
@sapList_GroupHeaderBackground: #b3b3b3;
@sapList_GroupHeaderBorderColor: #000;
@sapList_GroupHeaderTextColor: @sapList_TextColor;
@sapList_FooterBackground: @sapList_Background;
@sapList_FooterTextColor: contrast(@sapList_FooterBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapList_TableGroupHeaderBackground: @sapList_GroupHeaderBackground;
@sapList_TableGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
@sapList_TableGroupHeaderTextColor: @sapList_GroupHeaderTextColor;
@sapList_TableFooterBorder: #000;
@sapList_TableFixedBorderColor: #000;

@sapScrollBar_FaceColor: #4f4f4f;
@sapScrollBar_TrackColor: #fff;
@sapScrollBar_BorderColor: #4f4f4f;
@sapScrollBar_SymbolColor: #000;
@sapScrollBar_Dimension: 16px; //<=new
@sapScrollBar_Hover_FaceColor: #000;

@sapPageHeader_Background: #fff;
@sapPageHeader_BorderColor: #000;
@sapPageHeader_TextColor: contrast(@sapPageHeader_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapPageFooter_Background: #fff;
@sapPageFooter_BorderColor: #000;
@sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapInfobar_Background: #fff;
@sapInfobar_Hover_Background:  @sapHighlightColor;
@sapInfobar_Active_Background: @sapActiveColor;
@sapInfobar_NonInteractive_Background: #b3b3b3;
@sapInfobar_TextColor: contrast(@sapInfobar_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapObjectHeader_Background: #fff;
@sapObjectHeader_Hover_Background: @sapHighlightColor;
@sapObjectHeader_BorderColor: #000;

@sapBlockLayer_Background: #000;

@sapTile_Background: @sapGroup_ContentBackground;
@sapTile_Hover_Background: @sapHighlightColor;
@sapTile_Active_Background: @sapActiveColor;
@sapTile_BorderColor: @sapGroup_ContentBorderColor;
@sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTile_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapTile_TextColor: contrast(@sapTile_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@sapTile_IconColor: contrast(@sapTile_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
@sapTile_SeparatorColor: @sapTile_BorderColor;
@sapTile_Interactive_BorderColor: @sapTile_BorderColor;

@sapChart_OrderedColor_1: #286ac3;
@sapChart_OrderedColor_2: #d74114;
@sapChart_OrderedColor_3: #057d47;
@sapChart_OrderedColor_4: #e11e48;
@sapChart_OrderedColor_5: #642eb2;
@sapChart_OrderedColor_6: #03778c;
@sapChart_OrderedColor_7: #232deb;
@sapChart_OrderedColor_8: #9b136f;
@sapChart_OrderedColor_9: #395563;
@sapChart_OrderedColor_10: #e02e2e;
@sapChart_OrderedColor_11: #0d3367;

@sapChart_Bad: #ab0000;
@sapChart_Critical: #5c5c00;
@sapChart_Good: #006362;
@sapChart_Neutral: #000000;

@sapChart_Sequence_1: @sapChart_OrderedColor_1;
@sapChart_Sequence_2: @sapChart_OrderedColor_2;
@sapChart_Sequence_3: @sapChart_OrderedColor_3;
@sapChart_Sequence_4: @sapChart_OrderedColor_4;
@sapChart_Sequence_5: @sapChart_OrderedColor_5;
@sapChart_Sequence_6: @sapChart_OrderedColor_6;
@sapChart_Sequence_7: @sapChart_OrderedColor_7;
@sapChart_Sequence_8: @sapChart_OrderedColor_8;
@sapChart_Sequence_9: @sapChart_OrderedColor_9;
@sapChart_Sequence_10: @sapChart_OrderedColor_10;
@sapChart_Sequence_11: @sapChart_OrderedColor_11;
@sapChart_Sequence_Neutral: @sapChart_Neutral;