/******************* FILE /Base/baseLib/sap_bluecrystal/base.less *******************/ // ===================================== // Theme Specifics/Internals // ===================================== // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkShadowColor: #000; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightShadowColor: #fff; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkFocusColor: #000; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightFocusColor: #fff; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapSearchHighlightColor: #fffcb5; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapHelpHighlightColor: #3f8600; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapBaseBackground: @sapBaseColor; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightestBackground: lighten(@sapBaseBackground, 100); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraLightBackground: lighten(@sapBaseBackground, 44.7); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightBackground: lighten(@sapBaseBackground, 39.7); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapMediumBackground: lighten(@sapBaseBackground, 36.5); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkBackground: darken(@sapBaseBackground, 3.7); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraDarkBackground: darken(@sapBaseBackground, 30.2); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkestBackground: darken(@sapBaseBackground, 100); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapBaseBorderColor: @sapBaseColor; // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightestBorderColor: lighten(@sapBaseBorderColor, 100); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraLightBorderColor: lighten(@sapBaseBorderColor, 39.7); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightBorderColor: lighten(@sapBaseBorderColor, 36.5); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapMediumBorderColor: lighten(@sapBaseBorderColor, 29.8); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkBorderColor: lighten(@sapBaseBorderColor, 24.8); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraDarkBorderColor: lighten(@sapBaseBorderColor, 9.8); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkestBorderColor: darken(@sapBaseBorderColor, 100); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraLightTextColor: lighten(@sapTextColor, 44); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapLightTextColor: lighten(@sapTextColor, 40); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapMediumTextColor: lighten(@sapTextColor, 26.5); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapDarkTextColor: lighten(@sapTextColor, 20); // [Tags "SapInternal", "Base", "Color", "Protected"] @sapExtraDarkTextColor: lighten(@sapTextColor, 13.4); // ===================================== // Quick // ===================================== // [Tags "!Protected"] @sapBrandColor: #009de0; // [Tags "!Protected"] @sapHighlightColor: #007cc0; // [Tags "!Protected"] @sapBaseColor: #808080; // [Tags "Protected"] @sapShellColor: transparent; // [Tags "!Protected"] @sapBackgroundColor: #f2f2f2; @sapFontFamily: Arial, Helvetica, sans-serif; @sapFontSize: 0.75em; // [Tags "!Protected"] @sapTextColor: #000; // [Tags "!Protected"] @sapLinkColor: #00679e; // [Tags "!Protected"] @sapCompanyLogo: none; // [Tags "!Protected"] @sapBackgroundImage: none; // [Tags "!Protected"] @sapBackgroundImageOpacity: 1.0; // [Tags "!Protected"] @sapBackgroundImageRepeat: true; // [Tags "!Protected"] @sapSelectedColor: @sapHighlightColor; @sapActiveColor: @sapBrandColor; // [Tags "!Protected"] @sapHighlightTextColor: contrast(@sapHighlightColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapTitleColor: @sapDarkTextColor; // ===================================== // Error Semantics // ===================================== // [Tags "!Protected"] @sapNegativeColor: #cc1919; // [Tags "!Protected"] @sapCriticalColor: #d14900; // [Tags "!Protected"] @sapPositiveColor: #007833; // [Tags "!Protected"] @sapInformativeColor: #007cc0; // [Tags "!Protected"] @sapNeutralColor: #007cc0; @sapNegativeElementColor: @sapNegativeColor; @sapCriticalElementColor: @sapCriticalColor; @sapPositiveElementColor: @sapPositiveColor; @sapInformativeElementColor: @sapInformativeColor; @sapNeutralElementColor: @sapNeutralColor; // [Tags "Protected"] @sapNegativeTextColor: @sapNegativeColor; // [Tags "Protected"] @sapCriticalTextColor: @sapCriticalColor; // [Tags "Protected"] @sapPositiveTextColor: @sapPositiveColor; // [Tags "Protected"] @sapInformativeTextColor: @sapInformativeColor; // [Tags "Protected"] @sapNeutralTextColor: @sapTextColor; @sapErrorColor: lighten(@sapNegativeColor, 8); @sapWarningColor: #f0ab00; @sapSuccessColor: lighten(@sapPositiveColor, 3.5); @sapInformationColor: @sapInformativeColor; // [Tags "Protected"] @sapErrorBackground: mix(@sapErrorColor, #fff, 15); // [Tags "Protected"] @sapWarningBackground: #fffcb5; // [Tags "Protected"] @sapSuccessBackground: mix(@sapSuccessColor, #fff, 12); // [Tags "Protected"] @sapInformationBackground: mix(@sapInformativeColor, #fff, 10); // [Tags "Protected"] @sapNeutralBackground: mix(@sapNeutralColor, #fff, 10); // [Tags "Protected"] @sapErrorBorderColor: @sapErrorColor; // [Tags "Protected"] @sapWarningBorderColor: @sapWarningColor; // [Tags "Protected"] @sapSuccessBorderColor: @sapSuccessColor; // [Tags "Protected"] @sapInformationBorderColor: @sapInformationColor; // [Tags "Protected"] @sapNeutralBorderColor: @sapNeutralColor; // ===================================== // Element Metrics // ===================================== @sapElement_LineHeight: 48px; @sapElement_Height: 40px; @sapElement_BorderWidth: 1px; @sapElement_BorderCornerRadius: 2px; @sapElement_Compact_LineHeight: @sapElement_LineHeight; @sapElement_Compact_Height: @sapElement_Height; @sapElement_Condensed_LineHeight: @sapElement_LineHeight; @sapElement_Condensed_Height: @sapElement_Height; // ===================================== // Content // ===================================== @sapContent_LineHeight: 1.3; @sapContent_IconHeight: 16px; @sapContent_IconColor: @sapLightTextColor; @sapContent_ContrastIconColor: @sapContent_ContrastTextColor; @sapContent_NonInteractiveIconColor: @sapContent_IconColor; @sapContent_MarkerIconColor: @sapAccentColor5; @sapContent_MarkerTextColor: darken(@sapAccentColor7, 8); @sapContent_MeasureIndicatorColor: lighten(@sapField_BorderColor, 11.8); @sapContent_Selected_MeasureIndicatorColor: lighten(@sapField_BorderColor, 11.8); @sapContent_Placeholderloading_Background: darken(@sapBaseColor, 12); @sapContent_Placeholderloading_Gradient: linear-gradient(to right, @sapContent_Placeholderloading_Background 0%, @sapContent_Placeholderloading_Background 35%, darken(@sapContent_Placeholderloading_Background, 5) 50%, @sapContent_Placeholderloading_Background 65%, @sapContent_Placeholderloading_Background 100%); @sapContent_ImagePlaceholderBackground: @sapExtraLightBackground; @sapContent_ImagePlaceholderForegroundColor: darken(@sapExtraLightBackground, 20); @sapContent_RatedColor: @sapAccentColor1; @sapContent_UnratedColor: lighten(@sapContent_RatedColor, 50); @sapContent_BusyColor: @sapBrandColor; @sapContent_FocusColor: @sapDarkFocusColor; @sapContent_FocusStyle: dotted; @sapContent_FocusWidth: 1px; @sapContent_ContrastFocusColor: @sapLightFocusColor; @sapContent_ShadowColor: #000; @sapContent_ContrastShadowColor: #fff; @sapContent_Shadow0: none; @sapContent_Shadow1: none; @sapContent_Shadow2: none; @sapContent_Shadow3: none; @sapContent_TextShadow: none; @sapContent_ContrastTextShadow: none; @sapContent_HeaderShadow: none; @sapContent_Interaction_Shadow: none; @sapContent_Selected_Shadow: none; @sapContent_Negative_Shadow: none; @sapContent_Critical_Shadow: none; @sapContent_Positive_Shadow: none; @sapContent_Informative_Shadow: none; @sapContent_Neutral_Shadow: none; @sapContent_SearchHighlightColor: @sapSearchHighlightColor; @sapContent_HelpColor: @sapHelpHighlightColor; // [Tags "!Protected"] @sapContent_LabelColor: @sapLightTextColor; @sapContent_MonospaceFontFamily: lucida console, monospace; @sapContent_MonospaceBoldFontFamily: @sapContent_MonospaceFontFamily; @sapContent_IconFontFamily: "SAP-icons"; // [Tags "!Protected"] @sapContent_DisabledTextColor: lighten(@sapTextColor, 80); @sapContent_DisabledOpacity: 0.5; // [Tags "!Protected"] @sapContent_ContrastTextThreshold: 0.65; // [Tags "!Protected"] @sapContent_ContrastTextColor: #fff; @sapContent_ForegroundColor: @sapLightBackground; @sapContent_ForegroundBorderColor: @sapDarkBorderColor; @sapContent_ForegroundTextColor: contrast(@sapContent_ForegroundColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapContent_BadgeBackground: @sapAccentColor3; @sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapContent_DragAndDropActiveColor: @sapActiveColor; @sapContent_Selected_TextColor: contrast(@sapContent_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapContent_Selected_Background: @sapSelectedColor; @sapContent_Selected_Hover_Background: lighten(@sapContent_Selected_Background, 3); @sapContent_Selected_ForegroundColor: @sapSelectedColor; @sapContent_ForcedColorAdjust: none; // ===================================== // Content Illustrative Colors // ===================================== @sapContent_Illustrative_Color1: #427cac; @sapContent_Illustrative_Color2: #93b7d6; @sapContent_Illustrative_Color3: #ffba10; @sapContent_Illustrative_Color4: #4a5055; @sapContent_Illustrative_Color5: #9da4aa; @sapContent_Illustrative_Color6: #c6cace; @sapContent_Illustrative_Color7: #e7e9ea; @sapContent_Illustrative_Color8: #fff; @sapContent_Illustrative_Color9: #64edd2; @sapContent_Illustrative_Color10: #ebf8ff; @sapContent_Illustrative_Color11: #f31ded; @sapContent_Illustrative_Color12: #5dc122; @sapContent_Illustrative_Color13: #005dc9; @sapContent_Illustrative_Color14: #004da5; @sapContent_Illustrative_Color15: #cc7400; @sapContent_Illustrative_Color16: #3b0ac6; @sapContent_Illustrative_Color17: #00a58a; @sapContent_Illustrative_Color18: #d1efff; @sapContent_Illustrative_Color19: #b8e6ff; @sapContent_Illustrative_Color20: #9eddff; // ===================================== // Font // ===================================== @sapFontLightFamily: @sapFontFamily; @sapFontBoldFamily: @sapFontFamily; @sapFontSemiboldFamily: @sapFontBoldFamily; @sapFontSemiboldDuplexFamily: @sapFontFamily; @sapFontBlackFamily: @sapFontFamily; @sapFontHeaderFamily: @sapFontFamily; @sapFontSmallSize: 0.8 * @sapFontSize; @sapFontLargeSize: 1.2 * @sapFontSize; @sapFontHeader1Size: @sapFontSize; @sapFontHeader2Size: @sapFontSize; @sapFontHeader3Size: @sapFontSize; @sapFontHeader4Size: @sapFontSize; @sapFontHeader5Size: @sapFontSize; @sapFontHeader6Size: @sapFontSize; // ===================================== // Link // ===================================== @sapLink_Hover_Color: @sapLinkColor; @sapLink_Active_Color: @sapLinkColor; @sapLink_Visited_Color: @sapLinkColor; @sapLink_InvertedColor: lighten(@sapLinkColor, 50); @sapLink_SubtleColor: darken(@sapLinkColor, 15); // ===================================== // Shell // ===================================== // [Tags "!Protected"] @sapShell_Background: @sapExtraLightBackground; @sapShell_BackgroundImage: @sapShell_Background; @sapShell_BackgroundImageOpacity: 1.0; @sapShell_BackgroundImageRepeat: false; // [Tags "!Protected"] @sapShell_BorderColor: @sapLightBorderColor; // [Tags "!Protected"] @sapShell_TextColor: contrast(@sapShell_Background, @sapLightTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_InteractiveBackground: @sapShellColor; @sapShell_InteractiveTextColor: @sapShell_TextColor; @sapShell_InteractiveBorderColor: lighten(@sapShellColor, 30); @sapShell_GroupTitleTextColor: @sapTitleColor; // [Tags "!Protected"] @sapShell_GroupTitleTextShadow: 0 0 0.125rem contrast(@sapShell_GroupTitleTextColor, @sapContent_ShadowColor, @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Hover_Background: @sapShellColor; @sapShell_Active_Background: @sapShellColor; @sapShell_Active_TextColor: contrast(@sapShell_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Selected_Background: @sapShellColor; @sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Selected_Hover_Background: @sapShellColor; @sapShell_Favicon: none; @sapShell_Navigation_Background: @sapBackgroundColor; @sapShell_Navigation_Hover_Background: @sapShell_Hover_Background; @sapShell_Navigation_SelectedColor: @sapShell_TextColor; @sapShell_Navigation_Selected_TextColor: @sapShell_TextColor; @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: none; // [Tags "!Protected"] @sapShell_NegativeColor: @sapNegativeColor; // [Tags "!Protected"] @sapShell_CriticalColor: @sapCriticalColor; // [Tags "!Protected"] @sapShell_PositiveColor: @sapPositiveColor; // [Tags "!Protected"] @sapShell_InformativeColor: @sapInformativeColor; // [Tags "!Protected"] @sapShell_NeutralColor: @sapNeutralColor; @sapShell_Category_1_Background: @sapLegendColor6; @sapShell_Category_1_BorderColor: @sapShell_Category_1_Background; @sapShell_Category_1_TextColor: contrast(@sapShell_Category_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_1_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_1_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_2_Background: @sapLegendColor3; @sapShell_Category_2_BorderColor: @sapShell_Category_2_Background; @sapShell_Category_2_TextColor: contrast(@sapShell_Category_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_2_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_2_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_3_Background: @sapLegendColor1; @sapShell_Category_3_BorderColor: @sapShell_Category_3_Background; @sapShell_Category_3_TextColor: contrast(@sapShell_Category_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_3_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_3_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_4_Background: @sapLegendColor10; @sapShell_Category_4_BorderColor: @sapShell_Category_4_Background; @sapShell_Category_4_TextColor: contrast(@sapShell_Category_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_4_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_4_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_5_Background: @sapLegendColor12; @sapShell_Category_5_BorderColor: @sapShell_Category_5_Background; @sapShell_Category_5_TextColor: contrast(@sapShell_Category_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_5_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_5_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_6_Background: @sapLegendColor7; @sapShell_Category_6_BorderColor: @sapShell_Category_6_Background; @sapShell_Category_6_TextColor: contrast(@sapShell_Category_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_6_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_6_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_7_Background: @sapLegendColor5; @sapShell_Category_7_BorderColor: @sapShell_Category_7_Background; @sapShell_Category_7_TextColor: contrast(@sapShell_Category_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_7_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_7_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_8_Background: @sapLegendColor8; @sapShell_Category_8_BorderColor: @sapShell_Category_8_Background; @sapShell_Category_8_TextColor: contrast(@sapShell_Category_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_8_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_8_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_9_Background: @sapLegendColor16; @sapShell_Category_9_BorderColor: @sapShell_Category_9_Background; @sapShell_Category_9_TextColor: contrast(@sapShell_Category_9_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_9_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_9_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_10_Background: @sapLegendColor9; @sapShell_Category_10_BorderColor: @sapShell_Category_10_Background; @sapShell_Category_10_TextColor: contrast(@sapShell_Category_10_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_10_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_10_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_11_Background: @sapLegendColor2; @sapShell_Category_11_BorderColor: @sapShell_Category_11_Background; @sapShell_Category_11_TextColor: contrast(@sapShell_Category_11_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_11_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_11_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_12_Background: @sapLegendColor20; @sapShell_Category_12_BorderColor: @sapShell_Category_12_Background; @sapShell_Category_12_TextColor: contrast(@sapShell_Category_12_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_12_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_12_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_13_Background: @sapLegendColor13; @sapShell_Category_13_BorderColor: @sapShell_Category_13_Background; @sapShell_Category_13_TextColor: contrast(@sapShell_Category_13_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_13_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_13_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_14_Background: @sapLegendColor17; @sapShell_Category_14_BorderColor: @sapShell_Category_14_Background; @sapShell_Category_14_TextColor: contrast(@sapShell_Category_14_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_14_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_14_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_15_Background: darken(@sapLegendColor16, 10); @sapShell_Category_15_BorderColor: @sapShell_Category_15_Background; @sapShell_Category_15_TextColor: contrast(@sapShell_Category_15_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_15_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_15_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapShell_Category_16_Background: @sapLegendColor18; @sapShell_Category_16_BorderColor: @sapShell_Category_16_Background; @sapShell_Category_16_TextColor: contrast(@sapShell_Category_16_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapShell_Category_16_TextShadow: 0 0 0.0625rem contrast(@sapShell_Category_16_TextColor, fade(darken(@sapContent_ShadowColor, 100), 70), @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold); // ===================================== // Avatar // ===================================== @sapAvatar_1_Background: @sapAccentColor1; @sapAvatar_1_BorderColor: @sapAccentColor1; @sapAvatar_1_TextColor: contrast(@sapAvatar_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_2_Background: @sapAccentColor2; @sapAvatar_2_BorderColor: @sapAccentColor2; @sapAvatar_2_TextColor: contrast(@sapAvatar_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_3_Background: @sapAccentColor3; @sapAvatar_3_BorderColor: @sapAccentColor3; @sapAvatar_3_TextColor: contrast(@sapAvatar_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_4_Background: @sapAccentColor4; @sapAvatar_4_BorderColor: @sapAccentColor4; @sapAvatar_4_TextColor: contrast(@sapAvatar_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_5_Background: @sapAccentColor5; @sapAvatar_5_BorderColor: @sapAccentColor5; @sapAvatar_5_TextColor: contrast(@sapAvatar_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_6_Background: @sapAccentColor6; @sapAvatar_6_BorderColor: @sapAccentColor6; @sapAvatar_6_TextColor: contrast(@sapAvatar_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_7_Background: @sapAccentColor7; @sapAvatar_7_BorderColor: @sapAccentColor7; @sapAvatar_7_TextColor: contrast(@sapAvatar_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_8_Background: @sapAccentColor8; @sapAvatar_8_BorderColor: @sapAccentColor8; @sapAvatar_8_TextColor: contrast(@sapAvatar_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_9_Background: @sapAccentColor9; @sapAvatar_9_BorderColor: @sapAccentColor9; @sapAvatar_9_TextColor: contrast(@sapAvatar_9_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapAvatar_10_Background: @sapAccentColor10; @sapAvatar_10_BorderColor: @sapAccentColor10; @sapAvatar_10_TextColor: contrast(@sapAvatar_10_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Button // ===================================== // [Tags "!Protected"] @sapButton_Background: #f7f7f7; // [Tags "!Protected"] @sapButton_BorderColor: darken(@sapButton_Background, 22); // [Tags "!Protected"] @sapButton_BorderWidth: @sapElement_BorderWidth; // [Tags "!Protected"] @sapButton_BorderCornerRadius: 2px; // [Tags "!Protected"] @sapButton_TextColor: contrast(@sapButton_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapButton_Hover_Background: darken(@sapButton_Background, 5); // [Tags "!Protected"] @sapButton_Hover_BorderColor: darken(@sapButton_Hover_Background, 17); // [Tags "!Protected"] @sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_IconColor: contrast(@sapButton_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold); @sapButton_Active_Background: @sapActiveColor; @sapButton_Active_BorderColor: @sapButton_Active_Background; @sapButton_Active_TextColor: contrast(@sapButton_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapButton_Emphasized_Background: @sapBrandColor; // [Tags "!Protected"] @sapButton_Emphasized_BorderColor: darken(@sapButton_Emphasized_Background, 5); // [Tags "!Protected"] @sapButton_Emphasized_TextColor: contrast(@sapButton_Emphasized_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Emphasized_Hover_Background: @sapButton_Emphasized_Background; @sapButton_Emphasized_Hover_BorderColor: @sapButton_Emphasized_BorderColor; @sapButton_Emphasized_Hover_TextColor: @sapButton_Emphasized_TextColor; @sapButton_Emphasized_Active_Background: @sapButton_Emphasized_Background; @sapButton_Emphasized_Active_BorderColor: @sapButton_Emphasized_BorderColor; @sapButton_Emphasized_Active_TextColor: @sapButton_Emphasized_TextColor; @sapButton_Emphasized_TextShadow: transparent; @sapButton_Emphasized_FontWeight: regular; // [Tags "!Protected"] @sapButton_Reject_Background: @sapNegativeElementColor; @sapButton_Reject_BorderColor: @sapNegativeElementColor; @sapButton_Reject_TextColor: contrast(@sapButton_Reject_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Reject_Hover_Background: @sapButton_Reject_Background; @sapButton_Reject_Hover_BorderColor: @sapButton_Reject_BorderColor; @sapButton_Reject_Hover_TextColor: @sapButton_Reject_TextColor; @sapButton_Reject_Active_Background: @sapButton_Reject_Background; @sapButton_Reject_Active_BorderColor: @sapButton_Reject_BorderColor; @sapButton_Reject_Active_TextColor: @sapButton_Reject_TextColor; @sapButton_Reject_Selected_Background: @sapButton_Reject_Active_Background; @sapButton_Reject_Selected_BorderColor: @sapButton_Reject_Selected_Background; @sapButton_Reject_Selected_TextColor: contrast(@sapButton_Reject_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Reject_Selected_Hover_Background: lighten(@sapButton_Reject_Selected_Background, 5); @sapButton_Reject_Selected_Hover_BorderColor: @sapButton_Reject_Selected_Hover_Background; // [Tags "!Protected"] @sapButton_Accept_Background: @sapPositiveElementColor; @sapButton_Accept_BorderColor: @sapPositiveElementColor; @sapButton_Accept_TextColor: contrast(@sapButton_Accept_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Accept_Hover_Background: @sapButton_Accept_Background; @sapButton_Accept_Hover_BorderColor: @sapButton_Accept_BorderColor; @sapButton_Accept_Hover_TextColor: @sapButton_Accept_TextColor; @sapButton_Accept_Active_Background: @sapButton_Accept_Background; @sapButton_Accept_Active_BorderColor: @sapButton_Accept_BorderColor; @sapButton_Accept_Active_TextColor: @sapButton_Accept_TextColor; @sapButton_Accept_Selected_Background: @sapButton_Accept_Active_Background; @sapButton_Accept_Selected_BorderColor: @sapButton_Accept_Selected_Background; @sapButton_Accept_Selected_TextColor: contrast(@sapButton_Accept_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Accept_Selected_Hover_Background: lighten(@sapButton_Accept_Selected_Background, 5); @sapButton_Accept_Selected_Hover_BorderColor: @sapButton_Accept_Selected_Hover_Background; @sapButton_Lite_Background: transparent; @sapButton_Lite_BorderColor: transparent; @sapButton_Lite_TextColor: contrast(@sapButton_Lite_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Lite_Hover_Background: @sapButton_Lite_Background; @sapButton_Lite_Hover_BorderColor: @sapButton_Lite_BorderColor; @sapButton_Lite_Hover_TextColor: @sapButton_Lite_TextColor; @sapButton_Lite_Active_Background: @sapButton_Lite_Background; @sapButton_Lite_Active_BorderColor: @sapButton_Lite_BorderColor; @sapButton_Selected_Background: @sapSelectedColor; @sapButton_Selected_BorderColor: @sapButton_Selected_Background; @sapButton_Selected_TextColor: contrast(@sapButton_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Selected_Hover_Background: @sapButton_Selected_Background; @sapButton_Selected_Hover_BorderColor: @sapButton_Selected_BorderColor; @sapButton_Attention_Background: @sapButton_Background; @sapButton_Attention_BorderColor: @sapCriticalElementColor; @sapButton_Attention_TextColor: contrast(@sapButton_Attention_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Attention_Hover_Background: @sapWarningBackground; @sapButton_Attention_Hover_BorderColor: @sapButton_Attention_BorderColor; @sapButton_Attention_Hover_TextColor: contrast(@sapButton_Attention_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Attention_Active_Background: darken(@sapCriticalElementColor, 5); @sapButton_Attention_Active_BorderColor: @sapButton_Attention_Active_Background; @sapButton_Attention_Active_TextColor: contrast(@sapButton_Attention_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Attention_Selected_Background: @sapButton_Attention_Active_Background; @sapButton_Attention_Selected_BorderColor: @sapButton_Attention_Selected_Background; @sapButton_Attention_Selected_TextColor: contrast(@sapButton_Attention_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Attention_Selected_Hover_Background: lighten(@sapButton_Attention_Selected_Background, 5); @sapButton_Attention_Selected_Hover_BorderColor: @sapButton_Attention_Selected_Hover_Background; @sapButton_Negative_Background: @sapNegativeElementColor; @sapButton_Negative_BorderColor: @sapButton_Negative_Background; @sapButton_Negative_TextColor: contrast(@sapButton_Negative_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Negative_Hover_Background: darken(@sapButton_Negative_Background, 7); @sapButton_Negative_Hover_BorderColor: @sapButton_Negative_Hover_Background; @sapButton_Negative_Hover_TextColor: contrast(@sapButton_Negative_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Negative_Active_Background: darken(@sapButton_Negative_Background, 10); @sapButton_Negative_Active_BorderColor: @sapButton_Negative_Active_Background; @sapButton_Negative_Active_TextColor: contrast(@sapButton_Negative_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Critical_Background: @sapCriticalElementColor; @sapButton_Critical_BorderColor: @sapButton_Critical_Background; @sapButton_Critical_TextColor: contrast(@sapButton_Critical_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Critical_Hover_Background: darken(@sapButton_Critical_Background, 7); @sapButton_Critical_Hover_BorderColor: @sapButton_Critical_Hover_Background; @sapButton_Critical_Hover_TextColor: contrast(@sapButton_Critical_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Critical_Active_Background: darken(@sapButton_Critical_Background, 10); @sapButton_Critical_Active_BorderColor: @sapButton_Critical_Active_Background; @sapButton_Critical_Active_TextColor: contrast(@sapButton_Critical_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Success_Background: @sapPositiveElementColor; @sapButton_Success_BorderColor: @sapButton_Success_Background; @sapButton_Success_TextColor: contrast(@sapButton_Success_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Success_Hover_Background: darken(@sapButton_Success_Background, 7); @sapButton_Success_Hover_BorderColor: @sapButton_Success_Hover_Background; @sapButton_Success_Hover_TextColor: contrast(@sapButton_Success_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Success_Active_Background: darken(@sapButton_Success_Background, 10); @sapButton_Success_Active_BorderColor: @sapButton_Success_Active_Background; @sapButton_Success_Active_TextColor: contrast(@sapButton_Success_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Information_Background: @sapInformativeElementColor; @sapButton_Information_BorderColor: @sapButton_Information_Background; @sapButton_Information_TextColor: contrast(@sapButton_Information_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Information_Hover_Background: darken(@sapButton_Information_Background, 5); @sapButton_Information_Hover_BorderColor: @sapButton_Information_Hover_Background; @sapButton_Information_Hover_TextColor: contrast(@sapButton_Information_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Information_Active_Background: darken(@sapButton_Information_Background, 10); @sapButton_Information_Active_BorderColor: @sapButton_Information_Active_Background; @sapButton_Information_Active_TextColor: contrast(@sapButton_Information_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Neutral_Background: @sapNeutralElementColor; @sapButton_Neutral_BorderColor: @sapButton_Neutral_Background; @sapButton_Neutral_TextColor: contrast(@sapButton_Neutral_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Neutral_Hover_Background: darken(@sapButton_Neutral_Background, 7); @sapButton_Neutral_Hover_BorderColor: @sapButton_Neutral_Hover_Background; @sapButton_Neutral_Hover_TextColor: contrast(@sapButton_Neutral_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Neutral_Active_Background: darken(@sapButton_Neutral_Background, 10); @sapButton_Neutral_Active_BorderColor: @sapButton_Neutral_Active_Background; @sapButton_Neutral_Active_TextColor: contrast(@sapButton_Neutral_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Track_Background: lighten(@sapButton_Background, 3); @sapButton_Track_BorderColor: @sapButton_BorderColor; @sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Track_Hover_Background: @sapButton_Hover_Background; @sapButton_Track_Hover_BorderColor: @sapButton_Hover_BorderColor; @sapButton_Track_Selected_Background: @sapButton_Selected_Background; @sapButton_Track_Selected_BorderColor: @sapButton_Selected_BorderColor; @sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Track_Selected_Hover_Background: @sapButton_Selected_Hover_Background; @sapButton_Track_Selected_Hover_BorderColor: @sapButton_Selected_Hover_BorderColor; @sapButton_Handle_Background: @sapButton_Background; @sapButton_Handle_BorderColor: @sapButton_BorderColor; @sapButton_Handle_TextColor: contrast(@sapButton_Handle_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Handle_Hover_Background: @sapButton_Hover_Background; @sapButton_Handle_Hover_BorderColor: @sapButton_Hover_BorderColor; @sapButton_Handle_Selected_Background: @sapButton_Selected_Background; @sapButton_Handle_Selected_BorderColor: @sapButton_Selected_BorderColor; @sapButton_Handle_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Handle_Selected_Hover_Background: @sapButton_Selected_Hover_Background; @sapButton_Handle_Selected_Hover_BorderColor: @sapButton_Selected_Hover_BorderColor; @sapButton_Track_Negative_Background: @sapButton_Background; @sapButton_Track_Negative_BorderColor: @sapNegativeElementColor; @sapButton_Track_Negative_TextColor: contrast(@sapButton_Track_Negative_Background, @sapNegativeElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Track_Negative_Hover_Background: @sapButton_Track_Negative_Background; @sapButton_Track_Negative_Hover_BorderColor: @sapButton_Track_Negative_BorderColor; @sapButton_Handle_Negative_Background: @sapButton_Handle_Background; @sapButton_Handle_Negative_BorderColor: @sapNegativeElementColor; @sapButton_Handle_Negative_TextColor: contrast(@sapButton_Handle_Negative_Background, @sapNegativeElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Handle_Negative_Hover_Background: @sapButton_Handle_Hover_Background; @sapButton_Handle_Negative_Hover_BorderColor: @sapButton_Handle_Negative_BorderColor; @sapButton_Track_Positive_Background: @sapButton_Background; @sapButton_Track_Positive_BorderColor: @sapPositiveElementColor; @sapButton_Track_Positive_TextColor: contrast(@sapButton_Track_Positive_Background, @sapPositiveElementColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Track_Positive_Hover_Background: @sapButton_Track_Positive_Background; @sapButton_Track_Positive_Hover_BorderColor: @sapButton_Track_Positive_BorderColor; @sapButton_Handle_Positive_Background: @sapButton_Handle_Background; @sapButton_Handle_Positive_BorderColor: @sapPositiveElementColor; @sapButton_Handle_Positive_TextColor: contrast(@sapButton_Handle_Positive_Background, @sapPositiveTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapButton_Handle_Positive_Hover_Background: @sapButton_Handle_Hover_Background; @sapButton_Handle_Positive_Hover_BorderColor: @sapButton_Handle_Positive_BorderColor; @sapButton_TokenBackground: @sapButton_Background; @sapButton_TokenBorderColor: darken(@sapButton_Background, 10); // ===================================== // Field // ===================================== // [Tags "!Protected"] @sapField_Background: @sapLightestBackground; @sapField_BackgroundStyle: none; @sapField_TextColor: @sapTextColor; @sapField_PlaceholderTextColor: lighten(@sapContent_LabelColor, 4); // [Tags "!Protected"] @sapField_BorderColor: @sapDarkBorderColor; // [Tags "!Protected"] @sapField_HelpBackground: @sapField_Background; // [Tags "!Protected"] @sapField_BorderWidth: @sapElement_BorderWidth; @sapField_BorderStyle: solid; // [Tags "!Protected"] @sapField_BorderCornerRadius: 0; // [Tags "!Protected"] @sapField_Hover_Background: @sapField_Background; @sapField_Hover_BackgroundStyle: none; // [Tags "!Protected"] @sapField_Hover_BorderColor: @sapHighlightColor; // [Tags "!Protected"] @sapField_Hover_HelpBackground: @sapHighlightColor; @sapField_Active_BorderColor: @sapActiveColor; // [Tags "!Protected"] @sapField_Focus_Background: @sapField_Background; // [Tags "!Protected"] @sapField_Focus_BorderColor: @sapHighlightColor; // [Tags "!Protected"] @sapField_Focus_HelpBackground: @sapField_Focus_Background; // [Tags "!Protected"] @sapField_ReadOnly_Background: fade(darken(@sapField_Background, 5), 50); @sapField_ReadOnly_BackgroundStyle: none; // [Tags "!Protected"] @sapField_ReadOnly_BorderColor: lighten(@sapField_BorderColor, 5); // [Tags "!Protected"] @sapField_ReadOnly_BorderStyle: @sapField_BorderStyle; // [Tags "!Protected"] @sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background; // [Tags "!Protected"] @sapField_RequiredColor: @sapAccentColor7; // [Tags "!Protected"] @sapField_InvalidColor: @sapErrorColor; // [Tags "!Protected"] @sapField_InvalidBackground: @sapField_Background; @sapField_InvalidBackgroundStyle: none; // [Tags "!Protected"] @sapField_InvalidBorderWidth: 0.125 * @sapElement_BorderWidth; // [Tags "!Protected"] @sapField_InvalidBorderStyle: solid; // [Tags "!Protected"] @sapField_WarningColor: @sapWarningColor; // [Tags "!Protected"] @sapField_WarningBackground: @sapField_Background; @sapField_WarningBackgroundStyle: none; // [Tags "!Protected"] @sapField_WarningBorderWidth: 0.125 * @sapElement_BorderWidth; // [Tags "!Protected"] @sapField_WarningBorderStyle: solid; // [Tags "!Protected"] @sapField_SuccessColor: @sapSuccessColor; // [Tags "!Protected"] @sapField_SuccessBackground: @sapField_Background; @sapField_SuccessBackgroundStyle: none; // [Tags "!Protected"] @sapField_SuccessBorderWidth: 0.0625 * @sapElement_BorderWidth; // [Tags "!Protected"] @sapField_SuccessBorderStyle: solid; // [Tags "!Protected"] @sapField_InformationColor: @sapInformationColor; // [Tags "!Protected"] @sapField_InformationBackground: @sapField_Background; @sapField_InformationBackgroundStyle: none; // [Tags "!Protected"] @sapField_InformationBorderWidth: 0.125 * @sapElement_BorderWidth; // [Tags "!Protected"] @sapField_InformationBorderStyle: solid; // ===================================== // Group // ===================================== // [Tags "!Protected"] @sapGroup_TitleBackground: transparent; // [Tags "!Protected"] @sapGroup_TitleBorderColor: @sapMediumBorderColor; // [Tags "!Protected"] @sapGroup_TitleTextColor: contrast(@sapBackgroundColor, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapGroup_Title_FontSize: 1.0em; @sapGroup_ContentBackground: @sapLightestBackground; @sapGroup_ContentBorderColor: @sapLightBorderColor; @sapGroup_BorderWidth: @sapElement_BorderWidth; @sapGroup_BorderCornerRadius: 0; @sapGroup_FooterBackground: transparent; // ===================================== // Toolbar // ===================================== // [Tags "!Protected"] @sapToolbar_Background: transparent; // [Tags "!Protected"] @sapToolbar_SeparatorColor: @sapDarkBorderColor; // ===================================== // List // ===================================== // [Tags "!Protected"] @sapList_HeaderBackground: lighten(@sapExtraLightBackground, 2); // [Tags "!Protected"] @sapList_HeaderBorderColor: @sapLightBorderColor; // [Tags "!Protected"] @sapList_HeaderTextColor: contrast(@sapList_HeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapList_BorderColor: @sapExtraLightBorderColor; // [Tags "!Protected"] @sapList_BorderWidth: @sapElement_BorderWidth; @sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapList_Active_Background: @sapActiveColor; // [Tags "!Protected"] @sapList_SelectionBackgroundColor: mix(@sapSelectedColor, #fff, 10); // [Tags "!Protected"] @sapList_SelectionBorderColor: @sapList_BorderColor; @sapList_Hover_SelectionBackground: contrast(@sapList_SelectionBackgroundColor, darken(@sapList_SelectionBackgroundColor, 3), lighten(@sapList_SelectionBackgroundColor, 3)); // [Tags "!Protected"] @sapList_Background: @sapGroup_ContentBackground; // [Tags "!Protected"] @sapList_Hover_Background: contrast(@sapList_Background, darken(@sapList_Background, 6), lighten(@sapList_Background, 6)); @sapList_AlternatingBackground: darken(@sapList_Background, 2); @sapList_GroupHeaderBackground: @sapList_Background; @sapList_GroupHeaderBorderColor: @sapList_BorderColor; @sapList_GroupHeaderTextColor: contrast(@sapList_GroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapList_TableGroupHeaderBackground: @sapList_Background; @sapList_TableGroupHeaderBorderColor: @sapList_BorderColor; @sapList_TableGroupHeaderTextColor: contrast(@sapList_TableGroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapList_FooterBackground: @sapList_Background; @sapList_FooterTextColor: @sapList_TextColor; @sapList_TableFooterBorder: @sapList_BorderColor; @sapList_TableFixedBorderColor: @sapList_BorderColor; // ===================================== // Message // ===================================== @sapMessage_ErrorBorderColor: @sapErrorBorderColor; @sapMessage_WarningBorderColor: @sapWarningBorderColor; @sapMessage_SuccessBorderColor: @sapSuccessBorderColor; @sapMessage_InformationBorderColor: @sapInformationBorderColor; // ===================================== // Popover // ===================================== @sapPopover_BorderCornerRadius: @sapElement_BorderCornerRadius; // ===================================== // Progress // ===================================== @sapProgress_Background: @sapField_Background; @sapProgress_BorderColor: @sapField_BorderColor; @sapProgress_TextColor: contrast(@sapProgress_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_FontSize: @sapFontSmallSize; @sapProgress_NegativeBackground: @sapProgress_Background; @sapProgress_NegativeBorderColor: @sapField_BorderColor; @sapProgress_NegativeTextColor: contrast(@sapProgress_NegativeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_CriticalBackground: @sapProgress_Background; @sapProgress_CriticalBorderColor: @sapField_BorderColor; @sapProgress_CriticalTextColor: contrast(@sapProgress_CriticalBackground, @sapProgress_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_PositiveBackground: @sapProgress_Background; @sapProgress_PositiveBorderColor: @sapField_BorderColor; @sapProgress_PositiveTextColor: contrast(@sapProgress_PositiveBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_InformationBackground: @sapProgress_Background; @sapProgress_InformationBorderColor: @sapField_BorderColor; @sapProgress_InformationTextColor: contrast(@sapProgress_InformationBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_Value_Background: @sapNeutralElementColor; @sapProgress_Value_BorderColor: @sapProgress_BorderColor; @sapProgress_Value_TextColor: contrast(@sapProgress_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_Value_NegativeBackground: @sapNegativeElementColor; @sapProgress_Value_NegativeBorderColor: @sapProgress_BorderColor; @sapProgress_Value_NegativeTextColor: contrast(@sapProgress_NegativeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_Value_CriticalBackground: @sapCriticalElementColor; @sapProgress_Value_CriticalBorderColor: @sapProgress_BorderColor; @sapProgress_Value_CriticalTextColor: contrast(@sapProgress_CriticalBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_Value_PositiveBackground: @sapPositiveElementColor; @sapProgress_Value_PositiveBorderColor: @sapProgress_BorderColor; @sapProgress_Value_PositiveTextColor: contrast(@sapProgress_PositiveBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapProgress_Value_InformationBackground: @sapInformativeElementColor; @sapProgress_Value_InformationBorderColor: @sapProgress_BorderColor; @sapProgress_Value_InformationTextColor: contrast(@sapProgress_InformationBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Scrollbar // ===================================== // [Tags "!Protected"] @sapScrollBar_FaceColor: darken(@sapLightestBackground, 10); // [Tags "!Protected"] @sapScrollBar_TrackColor: lighten(@sapScrollBar_FaceColor, 7); // [Tags "!Protected"] @sapScrollBar_BorderColor: @sapScrollBar_FaceColor; // [Tags "!Protected"] @sapScrollBar_SymbolColor: @sapLightTextColor; // [Tags "!Protected"] @sapScrollBar_Dimension: 16px; // [Tags "!Protected"] @sapScrollBar_Hover_FaceColor: darken(@sapScrollBar_FaceColor, 3); // ===================================== // Slider // ===================================== @sapSlider_Background: lighten(@sapField_BorderColor, 11.8); @sapSlider_BorderColor: @sapSlider_Background; @sapSlider_Selected_Background: @sapField_Active_BorderColor; @sapSlider_Selected_BorderColor: @sapSlider_Selected_Background; @sapSlider_HandleBackground: fade(@sapField_Background, 10); @sapSlider_HandleBorderColor: darken(@sapField_BorderColor, 15); @sapSlider_RangeHandleBackground: fade(@sapField_Background, 10); @sapSlider_Hover_HandleBackground: fade(darken(@sapField_Background, 15), 60); @sapSlider_Hover_HandleBorderColor: darken(@sapField_BorderColor, 15); @sapSlider_Hover_RangeHandleBackground: fade(darken(@sapField_Background, 15), 60); @sapSlider_Active_HandleBackground: fade(@sapField_Active_BorderColor, 30); @sapSlider_Active_HandleBorderColor: @sapButton_Active_BorderColor; @sapSlider_Active_RangeHandleBackground: fade(@sapField_Active_BorderColor, 30); // ===================================== // Page Header // ===================================== // [Tags "!Protected"] @sapPageHeader_Background: @sapExtraLightBackground; // [Tags "!Protected"] @sapPageHeader_BorderColor: @sapLightBorderColor; // [Tags "!Protected"] @sapPageHeader_TextColor: contrast(@sapPageHeader_Background, @sapLightTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Page Footer // ===================================== // [Tags "!Protected"] @sapPageFooter_Background: fade(#363e43, 96); @sapPageFooter_BorderColor: @sapPageFooter_Background; // [Tags "!Protected"] @sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Infobar // ===================================== // [Tags "!Protected"] @sapInfobar_Background: mix(@sapAccentColor7, #fff, 73); @sapInfobar_Hover_Background: @sapInfobar_Background; @sapInfobar_Active_Background: @sapInfobar_Background; @sapInfobar_NonInteractive_Background: darken(@sapList_Background, 10); @sapInfobar_TextColor: contrast(@sapInfobar_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Object Header // ===================================== // [Tags "!Protected"] @sapObjectHeader_Background: @sapLightestBackground; @sapObjectHeader_Hover_Background: contrast(@sapObjectHeader_Background, darken(@sapObjectHeader_Background, 4), lighten(@sapObjectHeader_Background, 3)); @sapObjectHeader_BorderColor: darken(@sapObjectHeader_Background, 15); @sapObjectHeader_Title_TextColor: contrast(@sapObjectHeader_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapObjectHeader_Title_FontSize: @sapFontHeader3Size; @sapObjectHeader_Title_SnappedFontSize: @sapFontHeader3Size; @sapObjectHeader_Title_FontFamily: @sapFontFamily; @sapObjectHeader_Subtitle_TextColor: contrast(@sapObjectHeader_Background, @sapContent_LabelColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Block Layer // ===================================== // [Tags "!Protected"] @sapBlockLayer_Background: @sapDarkestBackground; // ===================================== // Tile // ===================================== // [Tags "!Protected"] @sapTile_Background: @sapLightestBackground; @sapTile_Hover_Background: contrast(@sapTile_Background, darken(@sapTile_Background, 2), lighten(@sapTile_Background, 2)); @sapTile_Active_Background: @sapTile_Hover_Background; // [Tags "!Protected"] @sapTile_BorderColor: @sapLightBorderColor; @sapTile_BorderCornerRadius: 0.25rem; // [Tags "!Protected"] @sapTile_TitleTextColor: contrast(@sapTile_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapTile_TextColor: contrast(@sapTile_Background, lighten(@sapTile_TitleTextColor, 20), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapTile_IconColor: contrast(@sapTile_Background, @sapHighlightColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold); @sapTile_SeparatorColor: darken(@sapTile_Background, 20); @sapTile_Interactive_BorderColor: darken(@sapTile_Background, 30); @sapTile_OverlayBackground: fade(@sapBlockLayer_Background, 80); @sapTile_OverlayForegroundColor: contrast(@sapTile_OverlayBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Accent Colors // ===================================== @sapAccentColor1: #f0ab00; @sapAccentColor2: #f27020; @sapAccentColor3: #e52929; @sapAccentColor4: #ab218e; @sapAccentColor5: #007cc0; @sapAccentColor6: #008a3b; @sapAccentColor7: #004990; @sapAccentColor8: #009de0; @sapAccentColor9: #925ace; @sapAccentColor10: #647987; @sapAccentBackgroundColor1: #fff3b8; @sapAccentBackgroundColor2: #ffd0e7; @sapAccentBackgroundColor3: #fff0fa; @sapAccentBackgroundColor4: #ffdcf3; @sapAccentBackgroundColor5: #ded3ff; @sapAccentBackgroundColor6: #d1efff; @sapAccentBackgroundColor7: #c2fcee; @sapAccentBackgroundColor8: #ebf5cb; @sapAccentBackgroundColor9: #dafdf5; @sapAccentBackgroundColor10: #eaecee; // ===================================== // Indication Colors // ===================================== @sapIndicationColor_1: #9f1313; @sapIndicationColor_1_Background: @sapIndicationColor_1; @sapIndicationColor_1_BorderColor: @sapIndicationColor_1; @sapIndicationColor_1_Hover_Background: darken(@sapIndicationColor_1, 5); @sapIndicationColor_1_Active_Background: darken(@sapIndicationColor_1, 10); @sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_2: #cc1919; @sapIndicationColor_2_Background: @sapIndicationColor_2; @sapIndicationColor_2_BorderColor: @sapIndicationColor_2; @sapIndicationColor_2_Hover_Background: darken(@sapIndicationColor_2, 5); @sapIndicationColor_2_Active_Background: darken(@sapIndicationColor_2, 10); @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_3: #d14900; @sapIndicationColor_3_Background: @sapIndicationColor_3; @sapIndicationColor_3_BorderColor: @sapIndicationColor_3; @sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3, 3); @sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3, 6); @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_4: #007833; @sapIndicationColor_4_Background: @sapIndicationColor_4; @sapIndicationColor_4_BorderColor: @sapIndicationColor_4; @sapIndicationColor_4_Hover_Background: darken(@sapIndicationColor_4, 5); @sapIndicationColor_4_Active_Background: darken(@sapIndicationColor_4, 10); @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_5: #007cc0; @sapIndicationColor_5_Background: @sapIndicationColor_5; @sapIndicationColor_5_BorderColor: @sapIndicationColor_5; @sapIndicationColor_5_Hover_Background: darken(@sapIndicationColor_5, 5); @sapIndicationColor_5_Active_Background: darken(@sapIndicationColor_5, 10); @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_6: @sapAccentColor7; @sapIndicationColor_6_Background: @sapIndicationColor_6; @sapIndicationColor_6_BorderColor: @sapIndicationColor_6; @sapIndicationColor_6_Hover_Background: darken(@sapIndicationColor_6, 5); @sapIndicationColor_6_Active_Background: darken(@sapIndicationColor_6, 10); @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_7: @sapAccentColor9; @sapIndicationColor_7_Background: @sapIndicationColor_7; @sapIndicationColor_7_BorderColor: @sapIndicationColor_7; @sapIndicationColor_7_Hover_Background: darken(@sapIndicationColor_7, 5); @sapIndicationColor_7_Active_Background: darken(@sapIndicationColor_7, 10); @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); @sapIndicationColor_8: @sapAccentColor4; @sapIndicationColor_8_Background: @sapIndicationColor_8; @sapIndicationColor_8_BorderColor: @sapIndicationColor_8; @sapIndicationColor_8_Hover_Background: darken(@sapIndicationColor_8, 5); @sapIndicationColor_8_Active_Background: darken(@sapIndicationColor_8, 10); @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // ===================================== // Legend Colors // ===================================== @sapLegend_WorkingBackground: darken(@sapList_Background, 3); @sapLegend_NonWorkingBackground: darken(@sapList_Background, 3); @sapLegend_CurrentDateTime: @sapAccentColor4; @sapLegendColor1: #d58215; @sapLegendColor2: #d76060; @sapLegendColor3: #db1f77; @sapLegendColor4: #9b3b3b; @sapLegendColor5: #cf5db3; @sapLegendColor6: #478fd6; @sapLegendColor7: #1193a2; @sapLegendColor8: #8b9668; @sapLegendColor9: #6c8b99; @sapLegendColor10: #892971; @sapLegendColor11: #725a3a; @sapLegendColor12: #bb2f2f; @sapLegendColor13: #d51f1f; @sapLegendColor14: #8b714f; @sapLegendColor15: #606190; @sapLegendColor16: #597da1; @sapLegendColor17: #49797e; @sapLegendColor18: #687a33; @sapLegendColor19: #295989; @sapLegendColor20: #5154bd; @sapLegendBackgroundColor1: #fff6e0; @sapLegendBackgroundColor2: #feeee5; @sapLegendBackgroundColor3: #f7e6e6; @sapLegendBackgroundColor4: #f9efe9; @sapLegendBackgroundColor5: #fdf2fa; @sapLegendBackgroundColor6: #ebf3fa; @sapLegendBackgroundColor7: #f2fdfd; @sapLegendBackgroundColor8: #f3f9e4; @sapLegendBackgroundColor9: #f1f3f4; @sapLegendBackgroundColor10: #f7edf5; @sapLegendBackgroundColor11: #ffeec6; @sapLegendBackgroundColor12: #fbdfce; @sapLegendBackgroundColor13: #ffdcdc; @sapLegendBackgroundColor14: #f2e2d8; @sapLegendBackgroundColor15: #f0e5ee; @sapLegendBackgroundColor16: #e7e8ea; @sapLegendBackgroundColor17: #d7eaea; @sapLegendBackgroundColor18: #e6edd1; @sapLegendBackgroundColor19: #cfebf7; @sapLegendBackgroundColor20: #f0f7fa; // ===================================== // Chart Colors // ===================================== @sapChart_Background: transparent; @sapChart_ContrastTextShadow: @sapContent_ContrastTextShadow; @sapChart_ContrastShadowColor: @sapContent_ContrastShadowColor; @sapChart_ContrastLineColor: @sapGroup_ContentBackground; @sapChart_LineColor_1: lighten(@sapContent_ForegroundBorderColor, 32); @sapChart_LineColor_2: lighten(@sapChart_LineColor_1, 35); @sapChart_LineColor_3: darken(@sapChart_LineColor_1, 89); @sapChart_Choropleth_Background: lighten(@sapChart_Sequence_Neutral, 42); @sapChart_ChoroplethRegion_Background: @sapChart_Sequence_Neutral; @sapChart_ChoroplethRegion_BorderColor: @sapChart_Choropleth_Background; @sapChart_Data_TextColor: darken(@sapTextColor, 20); @sapChart_Data_ContrastTextColor: @sapContent_ContrastTextColor; @sapChart_Data_InteractiveColor: @sapChart_LineColor_3; @sapChart_Data_Active_Background: darken(@sapHoverColor, 10); // [Tags "!Protected"] @sapChart_OrderedColor_1: #5899da; // [Tags "!Protected"] @sapChart_OrderedColor_2: #e8743b; // [Tags "!Protected"] @sapChart_OrderedColor_3: #19a979; // [Tags "!Protected"] @sapChart_OrderedColor_4: #ed4a7b; // [Tags "!Protected"] @sapChart_OrderedColor_5: #945ecf; // [Tags "!Protected"] @sapChart_OrderedColor_6: #13a4b4; // [Tags "!Protected"] @sapChart_OrderedColor_7: #525df4; // [Tags "!Protected"] @sapChart_OrderedColor_8: #bf399e; // [Tags "!Protected"] @sapChart_OrderedColor_9: #6c8893; // [Tags "!Protected"] @sapChart_OrderedColor_10: #ee6868; // [Tags "!Protected"] @sapChart_OrderedColor_11: #2f6497; // [Tags "!Protected"] @sapChart_OrderedColor_12: #b08e6d; // [Tags "!Protected"] @sapChart_Bad: #d32030; // [Tags "!Protected"] @sapChart_Critical: #e17b24; // [Tags "!Protected"] @sapChart_Good: #61a656; // [Tags "!Protected"] @sapChart_Neutral: #848f94; @sapChart_Sequence_1_Plus3: lighten(saturate(@sapChart_Sequence_1, 13), 23); @sapChart_Sequence_1_Plus3_TextColor: contrast(@sapChart_Sequence_1_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Plus2: lighten(saturate(@sapChart_Sequence_1, 5), 15); @sapChart_Sequence_1_Plus2_TextColor: contrast(@sapChart_Sequence_1_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Plus1: lighten(saturate(@sapChart_Sequence_1, 2), 7); @sapChart_Sequence_1_Plus1_TextColor: contrast(@sapChart_Sequence_1_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_1: @sapChart_OrderedColor_1; @sapChart_Sequence_1_TextColor: contrast(@sapChart_Sequence_1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_BorderColor: @sapChart_Sequence_1; @sapChart_Sequence_1_Minus1: darken(desaturate(@sapChart_Sequence_1, 7), 11); @sapChart_Sequence_1_Minus1_TextColor: contrast(@sapChart_Sequence_1_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Minus2: darken(saturate(@sapChart_Sequence_1, 13), 20); @sapChart_Sequence_1_Minus2_TextColor: contrast(@sapChart_Sequence_1_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Minus3: darken(saturate(@sapChart_Sequence_1, 13), 24); @sapChart_Sequence_1_Minus3_TextColor: contrast(@sapChart_Sequence_1_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Minus4: darken(saturate(@sapChart_Sequence_1, 13), 28); @sapChart_Sequence_1_Minus4_TextColor: contrast(@sapChart_Sequence_1_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_1_Minus5: darken(saturate(@sapChart_Sequence_1, 13), 32); @sapChart_Sequence_1_Minus5_TextColor: contrast(@sapChart_Sequence_1_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_1_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Plus3: lighten(saturate(@sapChart_Sequence_2, 21), 20); @sapChart_Sequence_2_Plus3_TextColor: contrast(@sapChart_Sequence_2_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Plus2: lighten(saturate(@sapChart_Sequence_2, 10), 15); @sapChart_Sequence_2_Plus2_TextColor: contrast(@sapChart_Sequence_2_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Plus1: lighten(saturate(@sapChart_Sequence_2, 5), 7); @sapChart_Sequence_2_Plus1_TextColor: contrast(@sapChart_Sequence_2_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_2: @sapChart_OrderedColor_2; @sapChart_Sequence_2_TextColor: contrast(@sapChart_Sequence_2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_BorderColor: @sapChart_Sequence_2_Minus1; @sapChart_Sequence_2_Minus1: darken(desaturate(@sapChart_Sequence_2, 1), 9); @sapChart_Sequence_2_Minus1_TextColor: contrast(@sapChart_Sequence_2_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Minus2: darken(saturate(@sapChart_Sequence_2, 21), 17); @sapChart_Sequence_2_Minus2_TextColor: contrast(@sapChart_Sequence_2_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Minus3: darken(@sapChart_Sequence_2, 20); @sapChart_Sequence_2_Minus3_TextColor: contrast(@sapChart_Sequence_2_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 25); @sapChart_Sequence_2_Minus4_TextColor: contrast(@sapChart_Sequence_2_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_2_Minus5: darken(@sapChart_Sequence_2, 30); @sapChart_Sequence_2_Minus5_TextColor: contrast(@sapChart_Sequence_2_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_2_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Plus3: lighten(desaturate(@sapChart_Sequence_3, 32), 31); @sapChart_Sequence_3_Plus3_TextColor: contrast(@sapChart_Sequence_3_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Plus2: lighten(desaturate(@sapChart_Sequence_3, 31), 20); @sapChart_Sequence_3_Plus2_TextColor: contrast(@sapChart_Sequence_3_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Plus1: lighten(desaturate(@sapChart_Sequence_3, 26), 10); @sapChart_Sequence_3_Plus1_TextColor: contrast(@sapChart_Sequence_3_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_3: @sapChart_OrderedColor_3; @sapChart_Sequence_3_TextColor: contrast(@sapChart_Sequence_3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_BorderColor: @sapChart_Sequence_3_Minus1; @sapChart_Sequence_3_Minus1: darken(saturate(@sapChart_Sequence_3, 8), 8); @sapChart_Sequence_3_Minus1_TextColor: contrast(@sapChart_Sequence_3_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Minus2: darken(saturate(@sapChart_Sequence_3, 21), 15); @sapChart_Sequence_3_Minus2_TextColor: contrast(@sapChart_Sequence_3_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Minus3: darken(@sapChart_Sequence_3, 20); @sapChart_Sequence_3_Minus3_TextColor: contrast(@sapChart_Sequence_3_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Minus4: darken(@sapChart_Sequence_3, 23); @sapChart_Sequence_3_Minus4_TextColor: contrast(@sapChart_Sequence_3_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_3_Minus5: darken(@sapChart_Sequence_3, 26); @sapChart_Sequence_3_Minus5_TextColor: contrast(@sapChart_Sequence_3_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_3_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_3_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Plus3: lighten(saturate(@sapChart_Sequence_4, 1), 23); @sapChart_Sequence_4_Plus3_TextColor: contrast(@sapChart_Sequence_4_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Plus2: lighten(@sapChart_Sequence_4, 15); @sapChart_Sequence_4_Plus2_TextColor: contrast(@sapChart_Sequence_4_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Plus1: lighten(@sapChart_Sequence_4, 7); @sapChart_Sequence_4_Plus1_TextColor: contrast(@sapChart_Sequence_4_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_4: @sapChart_OrderedColor_4; @sapChart_Sequence_4_TextColor: contrast(@sapChart_Sequence_4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_BorderColor: @sapChart_Sequence_4; @sapChart_Sequence_4_Minus1: darken(desaturate(@sapChart_Sequence_4, 5), 5); @sapChart_Sequence_4_Minus1_TextColor: contrast(@sapChart_Sequence_4_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Minus2: darken(saturate(@sapChart_Sequence_4, 10), 17); @sapChart_Sequence_4_Minus2_TextColor: contrast(@sapChart_Sequence_4_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Minus3: darken(@sapChart_Sequence_4, 22); @sapChart_Sequence_4_Minus3_TextColor: contrast(@sapChart_Sequence_4_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Minus4: darken(@sapChart_Sequence_4, 30); @sapChart_Sequence_4_Minus4_TextColor: contrast(@sapChart_Sequence_4_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_4_Minus5: darken(@sapChart_Sequence_4, 35); @sapChart_Sequence_4_Minus5_TextColor: contrast(@sapChart_Sequence_4_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_4_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_4_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Plus3: lighten(desaturate(@sapChart_Sequence_5, 1), 24); @sapChart_Sequence_5_Plus3_TextColor: contrast(@sapChart_Sequence_5_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Plus2: lighten(@sapChart_Sequence_5, 16); @sapChart_Sequence_5_Plus2_TextColor: contrast(@sapChart_Sequence_5_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Plus1: lighten(@sapChart_Sequence_5, 8); @sapChart_Sequence_5_Plus1_TextColor: contrast(@sapChart_Sequence_5_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_5: @sapChart_OrderedColor_5; @sapChart_Sequence_5_TextColor: contrast(@sapChart_Sequence_5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_BorderColor: @sapChart_Sequence_5; @sapChart_Sequence_5_Minus1: darken(saturate(@sapChart_Sequence_5, 4), 5); @sapChart_Sequence_5_Minus1_TextColor: contrast(@sapChart_Sequence_5_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Minus2: darken(saturate(@sapChart_Sequence_5, 12), 11); @sapChart_Sequence_5_Minus2_TextColor: contrast(@sapChart_Sequence_5_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Minus3: darken(saturate(@sapChart_Sequence_5, 10), 18); @sapChart_Sequence_5_Minus3_TextColor: contrast(@sapChart_Sequence_5_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Minus4: darken(saturate(@sapChart_Sequence_5, 10), 26); @sapChart_Sequence_5_Minus4_TextColor: contrast(@sapChart_Sequence_5_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_5_Minus5: darken(@sapChart_Sequence_5, 35); @sapChart_Sequence_5_Minus5_TextColor: contrast(@sapChart_Sequence_5_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_5_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_5_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Plus3: lighten(desaturate(@sapChart_Sequence_6, 26), 29); @sapChart_Sequence_6_Plus3_TextColor: contrast(@sapChart_Sequence_6_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Plus2: lighten(desaturate(@sapChart_Sequence_6, 27), 19); @sapChart_Sequence_6_Plus2_TextColor: contrast(@sapChart_Sequence_6_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Plus1: lighten(desaturate(@sapChart_Sequence_6, 26), 1); @sapChart_Sequence_6_Plus1_TextColor: contrast(@sapChart_Sequence_6_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_6: @sapChart_OrderedColor_6; @sapChart_Sequence_6_TextColor: contrast(@sapChart_Sequence_6, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_BorderColor: @sapChart_Sequence_6; @sapChart_Sequence_6_Minus1: darken(saturate(@sapChart_Sequence_6, 4), 6); @sapChart_Sequence_6_Minus1_TextColor: contrast(@sapChart_Sequence_6_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Minus2: darken(saturate(@sapChart_Sequence_6, 8), 12); @sapChart_Sequence_6_Minus2_TextColor: contrast(@sapChart_Sequence_6_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Minus3: darken(saturate(@sapChart_Sequence_6, 5), 16); @sapChart_Sequence_6_Minus3_TextColor: contrast(@sapChart_Sequence_6_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Minus4: darken(saturate(@sapChart_Sequence_6, 5), 20); @sapChart_Sequence_6_Minus4_TextColor: contrast(@sapChart_Sequence_6_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_6_Minus5: darken(saturate(@sapChart_Sequence_6, 5), 25); @sapChart_Sequence_6_Minus5_TextColor: contrast(@sapChart_Sequence_6_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_6_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_6_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Plus3: lighten(saturate(@sapChart_Sequence_7, 1), 15); @sapChart_Sequence_7_Plus3_TextColor: contrast(@sapChart_Sequence_7_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Plus2: lighten(@sapChart_Sequence_7, 10); @sapChart_Sequence_7_Plus2_TextColor: contrast(@sapChart_Sequence_7_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Plus1: lighten(saturate(@sapChart_Sequence_7, 1), 5); @sapChart_Sequence_7_Plus1_TextColor: contrast(@sapChart_Sequence_7_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_7: @sapChart_OrderedColor_7; @sapChart_Sequence_7_TextColor: contrast(@sapChart_Sequence_7, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_BorderColor: @sapChart_Sequence_7; @sapChart_Sequence_7_Minus1: darken(desaturate(@sapChart_Sequence_7, 12), 8); @sapChart_Sequence_7_Minus1_TextColor: contrast(@sapChart_Sequence_7_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Minus2: darken(desaturate(@sapChart_Sequence_7, 18), 15); @sapChart_Sequence_7_Minus2_TextColor: contrast(@sapChart_Sequence_7_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Minus3: darken(desaturate(@sapChart_Sequence_7, 18), 20); @sapChart_Sequence_7_Minus3_TextColor: contrast(@sapChart_Sequence_7_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Minus4: darken(desaturate(@sapChart_Sequence_7, 18), 28); @sapChart_Sequence_7_Minus4_TextColor: contrast(@sapChart_Sequence_7_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_7_Minus5: darken(desaturate(@sapChart_Sequence_7, 18), 36); @sapChart_Sequence_7_Minus5_TextColor: contrast(@sapChart_Sequence_7_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_7_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_7_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Plus3: lighten(saturate(@sapChart_Sequence_8, 6), 26); @sapChart_Sequence_8_Plus3_TextColor: contrast(@sapChart_Sequence_8_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Plus2: lighten(saturate(@sapChart_Sequence_8, 2), 17); @sapChart_Sequence_8_Plus2_TextColor: contrast(@sapChart_Sequence_8_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Plus1: lighten(@sapChart_Sequence_8, 9); @sapChart_Sequence_8_Plus1_TextColor: contrast(@sapChart_Sequence_8_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_8: @sapChart_OrderedColor_8; @sapChart_Sequence_8_TextColor: contrast(@sapChart_Sequence_8, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_BorderColor: @sapChart_Sequence_8; @sapChart_Sequence_8_Minus1: darken(saturate(@sapChart_Sequence_8, 9), 8); @sapChart_Sequence_8_Minus1_TextColor: contrast(@sapChart_Sequence_8_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Minus2: darken(saturate(@sapChart_Sequence_8, 22), 16); @sapChart_Sequence_8_Minus2_TextColor: contrast(@sapChart_Sequence_8_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Minus3: darken(saturate(@sapChart_Sequence_8, 22), 20); @sapChart_Sequence_8_Minus3_TextColor: contrast(@sapChart_Sequence_8_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Minus4: darken(saturate(@sapChart_Sequence_8, 22), 25); @sapChart_Sequence_8_Minus4_TextColor: contrast(@sapChart_Sequence_8_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_8_Minus5: darken(saturate(@sapChart_Sequence_8, 22), 32); @sapChart_Sequence_8_Minus5_TextColor: contrast(@sapChart_Sequence_8_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_8_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_8_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Plus3: lighten(desaturate(@sapChart_Sequence_9, 2), 34); @sapChart_Sequence_9_Plus3_TextColor: contrast(@sapChart_Sequence_9_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Plus2: lighten(@sapChart_Sequence_9, 22); @sapChart_Sequence_9_Plus2_TextColor: contrast(@sapChart_Sequence_9_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Plus1: lighten(@sapChart_Sequence_9, 11); @sapChart_Sequence_9_Plus1_TextColor: contrast(@sapChart_Sequence_9_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_9: @sapChart_OrderedColor_9; @sapChart_Sequence_9_TextColor: contrast(@sapChart_Sequence_9, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_BorderColor: @sapChart_Sequence_9; @sapChart_Sequence_9_Minus1: darken(saturate(@sapChart_Sequence_9, 6), 8); @sapChart_Sequence_9_Minus1_TextColor: contrast(@sapChart_Sequence_9_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Minus2: darken(saturate(@sapChart_Sequence_9, 16), 16); @sapChart_Sequence_9_Minus2_TextColor: contrast(@sapChart_Sequence_9_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Minus3: darken(saturate(@sapChart_Sequence_9, 16), 24); @sapChart_Sequence_9_Minus3_TextColor: contrast(@sapChart_Sequence_9_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Minus4: darken(saturate(@sapChart_Sequence_9, 16), 32); @sapChart_Sequence_9_Minus4_TextColor: contrast(@sapChart_Sequence_9_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_9_Minus5: darken(saturate(@sapChart_Sequence_9, 16), 38); @sapChart_Sequence_9_Minus5_TextColor: contrast(@sapChart_Sequence_9_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_9_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_9_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Plus3: lighten(saturate(@sapChart_Sequence_10, 9), 22); @sapChart_Sequence_10_Plus3_TextColor: contrast(@sapChart_Sequence_10_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Plus2: lighten(saturate(@sapChart_Sequence_10, 5), 14); @sapChart_Sequence_10_Plus2_TextColor: contrast(@sapChart_Sequence_10_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Plus1: lighten(saturate(@sapChart_Sequence_10, 2), 7); @sapChart_Sequence_10_Plus1_TextColor: contrast(@sapChart_Sequence_10_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_10: @sapChart_OrderedColor_10; @sapChart_Sequence_10_TextColor: contrast(@sapChart_Sequence_10, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_BorderColor: @sapChart_Sequence_10_Minus1; @sapChart_Sequence_10_Minus1: darken(desaturate(@sapChart_Sequence_10, 8), 8); @sapChart_Sequence_10_Minus1_TextColor: contrast(@sapChart_Sequence_10_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Minus2: darken(desaturate(@sapChart_Sequence_10, 13), 16); @sapChart_Sequence_10_Minus2_TextColor: contrast(@sapChart_Sequence_10_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Minus3: darken(desaturate(@sapChart_Sequence_10, 13), 22); @sapChart_Sequence_10_Minus3_TextColor: contrast(@sapChart_Sequence_10_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Minus4: darken(desaturate(@sapChart_Sequence_10, 13), 28); @sapChart_Sequence_10_Minus4_TextColor: contrast(@sapChart_Sequence_10_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_10_Minus5: darken(desaturate(@sapChart_Sequence_10, 13), 34); @sapChart_Sequence_10_Minus5_TextColor: contrast(@sapChart_Sequence_10_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_10_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_10_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Plus3: lighten(desaturate(@sapChart_Sequence_11, 24), 24); @sapChart_Sequence_11_Plus3_TextColor: contrast(@sapChart_Sequence_11_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Plus2: lighten(desaturate(@sapChart_Sequence_11, 22), 16); @sapChart_Sequence_11_Plus2_TextColor: contrast(@sapChart_Sequence_11_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Plus1: lighten(desaturate(@sapChart_Sequence_11, 17), 8); @sapChart_Sequence_11_Plus1_TextColor: contrast(@sapChart_Sequence_11_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_11: @sapChart_OrderedColor_11; @sapChart_Sequence_11_TextColor: contrast(@sapChart_Sequence_11, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_BorderColor: @sapChart_Sequence_11; @sapChart_Sequence_11_Minus1: darken(saturate(@sapChart_Sequence_11, 7), 4); @sapChart_Sequence_11_Minus1_TextColor: contrast(@sapChart_Sequence_11_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Minus2: darken(saturate(@sapChart_Sequence_11, 20), 10); @sapChart_Sequence_11_Minus2_TextColor: contrast(@sapChart_Sequence_11_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Minus3: darken(saturate(@sapChart_Sequence_11, 20), 16); @sapChart_Sequence_11_Minus3_TextColor: contrast(@sapChart_Sequence_11_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Minus4: darken(saturate(@sapChart_Sequence_11, 20), 22); @sapChart_Sequence_11_Minus4_TextColor: contrast(@sapChart_Sequence_11_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_11_Minus5: darken(saturate(@sapChart_Sequence_11, 20), 28); @sapChart_Sequence_11_Minus5_TextColor: contrast(@sapChart_Sequence_11_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .4); @sapChart_Sequence_11_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Plus3: lighten(desaturate(@sapChart_Sequence_12, 34), 36); @sapChart_Sequence_12_Plus3_TextColor: contrast(@sapChart_Sequence_12_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Plus2: lighten(saturate(@sapChart_Sequence_12, 16), 29); @sapChart_Sequence_12_Plus2_TextColor: contrast(@sapChart_Sequence_12_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Plus1: lighten(saturate(@sapChart_Sequence_12, 5), 16); @sapChart_Sequence_12_Plus1_TextColor: contrast(@sapChart_Sequence_12_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_12: @sapChart_OrderedColor_12; @sapChart_Sequence_12_TextColor: contrast(@sapChart_Sequence_12, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_BorderColor: @sapChart_Sequence_12; @sapChart_Sequence_12_Minus1: darken(@sapChart_Sequence_12, 8); @sapChart_Sequence_12_Minus1_TextColor: contrast(@sapChart_Sequence_12_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Minus2: darken(saturate(@sapChart_Sequence_12, 17), 20); @sapChart_Sequence_12_Minus2_TextColor: contrast(@sapChart_Sequence_12_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Minus3: darken(saturate(@sapChart_Sequence_12, 12), 23); @sapChart_Sequence_12_Minus3_TextColor: contrast(@sapChart_Sequence_12_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Minus4: darken(saturate(@sapChart_Sequence_12, 12), 27); @sapChart_Sequence_12_Minus4_TextColor: contrast(@sapChart_Sequence_12_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_12_Minus5: darken(saturate(@sapChart_Sequence_12, 11), 33); @sapChart_Sequence_12_Minus5_TextColor: contrast(@sapChart_Sequence_12_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_12_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_12_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Plus3: lighten(@sapChart_Sequence_Bad, 32); @sapChart_Sequence_Bad_Plus3_TextColor: contrast(@sapChart_Sequence_Bad_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Plus2: lighten(@sapChart_Sequence_Bad, 22); @sapChart_Sequence_Bad_Plus2_TextColor: contrast(@sapChart_Sequence_Bad_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Plus1: lighten(@sapChart_Sequence_Bad, 12); @sapChart_Sequence_Bad_Plus1_TextColor: contrast(@sapChart_Sequence_Bad_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_Bad: @sapChart_Bad; @sapChart_Sequence_Bad_TextColor: contrast(@sapChart_Sequence_Bad, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_BorderColor: @sapChart_Sequence_Bad; @sapChart_Sequence_Bad_Minus1: darken(desaturate(@sapChart_Sequence_Bad, 1), 7); @sapChart_Sequence_Bad_Minus1_TextColor: contrast(@sapChart_Sequence_Bad_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Minus2: darken(desaturate(@sapChart_Sequence_Bad, 1), 7); @sapChart_Sequence_Bad_Minus2_TextColor: contrast(@sapChart_Sequence_Bad_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Minus3: darken(@sapChart_Sequence_Bad, 20); @sapChart_Sequence_Bad_Minus3_TextColor: contrast(@sapChart_Sequence_Bad_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Minus4: darken(@sapChart_Sequence_Bad, 28); @sapChart_Sequence_Bad_Minus4_TextColor: contrast(@sapChart_Sequence_Bad_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Bad_Minus5: darken(@sapChart_Sequence_Bad, 34); @sapChart_Sequence_Bad_Minus5_TextColor: contrast(@sapChart_Sequence_Bad_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .35); @sapChart_Sequence_Bad_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Bad_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Plus3: lighten(@sapChart_Sequence_Critical, 30); @sapChart_Sequence_Critical_Plus3_TextColor: contrast(@sapChart_Sequence_Critical_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Plus2: lighten(@sapChart_Sequence_Critical, 17); @sapChart_Sequence_Critical_Plus2_TextColor: contrast(@sapChart_Sequence_Critical_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Plus1: lighten(@sapChart_Sequence_Critical, 7); @sapChart_Sequence_Critical_Plus1_TextColor: contrast(@sapChart_Sequence_Critical_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_Critical: @sapChart_Critical; @sapChart_Sequence_Critical_TextColor: contrast(@sapChart_Sequence_Critical, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_BorderColor: @sapChart_Sequence_Critical; @sapChart_Sequence_Critical_Minus1: darken(@sapChart_Sequence_Critical, 5); @sapChart_Sequence_Critical_Minus1_TextColor: contrast(@sapChart_Sequence_Critical_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Minus2: darken(@sapChart_Sequence_Critical, 12); @sapChart_Sequence_Critical_Minus2_TextColor: contrast(@sapChart_Sequence_Critical_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Minus3: darken(@sapChart_Sequence_Critical, 18); @sapChart_Sequence_Critical_Minus3_TextColor: contrast(@sapChart_Sequence_Critical_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Minus4: darken(@sapChart_Sequence_Critical, 24); @sapChart_Sequence_Critical_Minus4_TextColor: contrast(@sapChart_Sequence_Critical_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Critical_Minus5: darken(@sapChart_Sequence_Critical, 30); @sapChart_Sequence_Critical_Minus5_TextColor: contrast(@sapChart_Sequence_Critical_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Critical_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Critical_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Plus3: lighten(@sapChart_Sequence_Good, 30); @sapChart_Sequence_Good_Plus3_TextColor: contrast(@sapChart_Sequence_Good_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Plus2: lighten(@sapChart_Sequence_Good, 17); @sapChart_Sequence_Good_Plus2_TextColor: contrast(@sapChart_Sequence_Good_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Plus1: lighten(@sapChart_Sequence_Good, 7); @sapChart_Sequence_Good_Plus1_TextColor: contrast(@sapChart_Sequence_Good_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_Good: @sapChart_Good; @sapChart_Sequence_Good_TextColor: contrast(@sapChart_Sequence_Good, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_BorderColor: @sapChart_Sequence_Good; @sapChart_Sequence_Good_Minus1: darken(@sapChart_Sequence_Good, 7); @sapChart_Sequence_Good_Minus1_TextColor: contrast(@sapChart_Sequence_Good_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Minus2: darken(@sapChart_Sequence_Good, 15); @sapChart_Sequence_Good_Minus2_TextColor: contrast(@sapChart_Sequence_Good_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Minus3: darken(@sapChart_Sequence_Good, 20); @sapChart_Sequence_Good_Minus3_TextColor: contrast(@sapChart_Sequence_Good_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Minus4: darken(@sapChart_Sequence_Good, 24); @sapChart_Sequence_Good_Minus4_TextColor: contrast(@sapChart_Sequence_Good_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Good_Minus5: darken(@sapChart_Sequence_Good, 28); @sapChart_Sequence_Good_Minus5_TextColor: contrast(@sapChart_Sequence_Good_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45); @sapChart_Sequence_Good_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Good_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Plus3: lighten(saturate(@sapChart_Sequence_Neutral, 1), 30); @sapChart_Sequence_Neutral_Plus3_TextColor: contrast(@sapChart_Sequence_Neutral_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Plus2: lighten(saturate(@sapChart_Sequence_Neutral, 1), 20); @sapChart_Sequence_Neutral_Plus2_TextColor: contrast(@sapChart_Sequence_Neutral_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Plus1: lighten(saturate(@sapChart_Sequence_Neutral, 1), 10); @sapChart_Sequence_Neutral_Plus1_TextColor: contrast(@sapChart_Sequence_Neutral_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapChart_Sequence_Neutral: @sapChart_Neutral; @sapChart_Sequence_Neutral_TextColor: contrast(@sapChart_Sequence_Neutral, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_BorderColor: @sapChart_Sequence_Neutral; @sapChart_Sequence_Neutral_Minus1: darken(saturate(@sapChart_Sequence_Neutral, 1), 10); @sapChart_Sequence_Neutral_Minus1_TextColor: contrast(@sapChart_Sequence_Neutral_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Minus2: darken(saturate(@sapChart_Sequence_Neutral, 1), 17); @sapChart_Sequence_Neutral_Minus2_TextColor: contrast(@sapChart_Sequence_Neutral_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Minus3: darken(@sapChart_Sequence_Neutral, 26); @sapChart_Sequence_Neutral_Minus3_TextColor: contrast(@sapChart_Sequence_Neutral_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Minus4: darken(@sapChart_Sequence_Neutral, 34); @sapChart_Sequence_Neutral_Minus4_TextColor: contrast(@sapChart_Sequence_Neutral_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); @sapChart_Sequence_Neutral_Minus5: darken(@sapChart_Sequence_Neutral, 40); @sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5); @sapChart_Sequence_Neutral_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_Neutral_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold); // ===================================== // Deprecated // ===================================== // [Tags "!Protected"] @sapBackgroundColorDefault: #f2f2f2; // [Tags "!Protected"] @sapList_HighlightColor: @sapHighlightColor; // [Tags "!Protected"] @sapButton_Disabled_Background: mix(@sapButton_Background, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100)); // [Tags "!Protected"] @sapButton_Disabled_BorderColor: mix(@sapButton_BorderColor, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100)); // [Tags "!Protected"] @sapButton_Disabled_TextColor: contrast(@sapButton_Disabled_Background, mix(@sapDarkTextColor, #fff, 25), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // [Tags "!Protected"] @sapField_Disabled_Background: fade(darken(@sapField_Background, 5), (100 - (@sapContent_DisabledOpacity * 100))); // [Tags "!Protected"] @sapField_Disabled_TextColor: @sapContent_DisabledTextColor; // [Tags "!Protected"] @sapField_Disabled_BorderColor: fade(@sapField_BorderColor, (100 - (@sapContent_DisabledOpacity * 100))); // [Tags "!Protected"] @sapField_Disabled_HelpBackground: @sapField_Disabled_Background; @sapContent_ElementHeight: 1.37em; @sapContent_ElementHeight_PX: 22px; // [Label "Background Gradient Color"] // [Description "The color which is used as base for the background gradient. It only applies when the background color is not modified."] // [Tags "ThemeSpecific", "Quick", "Color"] @sapBackgroundGradientBaseColor: #178299; // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientStartColor: lighten(desaturate(spin(@sapContent_BackgroundGradientMiddleColor, 353), 14), 9); // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientMiddleColor: @sapBackgroundGradientBaseColor; // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientEndColor: darken(desaturate(spin(@sapContent_BackgroundGradientMiddleColor, 19), 8), 5); // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientMixedStartColor: mix(@sapContent_BackgroundGradientStartColor, #fff, 15); // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientMixedMiddleColor: mix(@sapContent_BackgroundGradientMiddleColor, #fff, 15); // [Tags "Base", "Content", "Color", "Protected"] @sapContent_BackgroundGradientMixedEndColor: mix(@sapContent_BackgroundGradientEndColor, #fff, 15);