@openui5/themelib_sap_belize 1.90.6 → 1.93.1

package/src/sap/ui/core/themes/sap_belize/base.less

@@ -1,1444 +1,1742 @@
-// Public Theme Parameters
 
-/* ===================================== */
-/* Quick Theming                         */
-/* ===================================== */
+/******************* FILE /Base/baseLib/sap_belize/base.less *******************/
 
-// [Label "Brand Color"]
-// [Description "The color which builds your brand"]
-// [Tags "Quick", "Base", "Color"]
-@sapBrandColor: @sapPrimary2;
-
-// [Label "Highlight Color"]
-// [Description "The color which is used to highlight screen elements"]
-// [Tags "Quick", "Base", "Content", "Color"]
-@sapHighlightColor: @sapBrandColor;
 
-// [Label "Base Color"]
-// [Description "The color which is used to derive the most dominant background colors"]
-// [Tags "Quick", "Base", "Color"]
-@sapBaseColor: @sapPrimary3;
 
-// [Label "Shell Header Color"]
-// [Description "The color of the shell header bar"]
-// [Tags "Quick", "Base", "Color"]
-@sapShellColor: transparent;
+// =====================================
+// Theme Specifics/Internals
+// =====================================
 
-// [Description "The default background color of this theme"]
-// [Tags "Base", "Content", "Color", "Protected"]
-@sapBackgroundColorDefault: @sapPrimary5;
+// [Tags "SapInternal", "Base", "Dimension", "Protected"]
+@sapContent_GridSize: 1rem;
 
-// [Label "Background Color"]
-// [Description "The main background color of the screen"]
-// [Tags "Quick", "Base", "Color"]
-@sapBackgroundColor: @sapPrimary5;
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary1: #3f5161;
 
-// [Label "Font Family"]
-// [Description "The preferred font family"]
-// [Tags "Quick", "Base", "Content", "Font", "Protected"]
-@sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary2: #427cac;
 
-@sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary3: #eff4f9;
 
-@sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary4: #fff;
 
-@sapFontHeaderFamily: @sapFontFamily;
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary5: #fafafa;
 
-// [Label "Font Size"]
-// [Description "The preferred font size"]
-// [Tags "Quick", "Base", "Content", "Dimension", "Font", "Protected"]
-@sapFontSize: 0.875 * @sapContent_GridSize; //14px
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary6: #bfbfbf;
 
-@sapFontSmallSize: 0.75 * @sapContent_GridSize; //12px
+// [Tags "SapInternal", "Base", "Palette", "Color", "Protected"]
+@sapPrimary7: #333;
 
-@sapFontLargeSize: 1.0 * @sapContent_GridSize; //16px
+// [Label "Shell Background Pattern Color"]
+// [Description "The background pattern color of the shell. To turn off the pattern set the value to 'transparent'."]
+// [Tags "ThemeSpecific", "Base", "Shell", "Color", "!Protected"]
+@sapShell_BackgroundPatternColor: fade(@sapPrimary4, 8);
 
-@sapFontHeader1Size: 1.625 * @sapContent_GridSize; //26px
 
-@sapFontHeader2Size: 1.375 * @sapContent_GridSize; //22px
 
-@sapFontHeader3Size: 1.25 * @sapContent_GridSize; //20px
 
-@sapFontHeader4Size: 1.125 * @sapContent_GridSize; //18px
+// =====================================
+// Quick
+// =====================================
 
-@sapFontHeader5Size: 1.0 * @sapContent_GridSize; //16px
+// [Tags "!Protected"]
+@sapBrandColor: @sapPrimary2;
 
-@sapFontHeader6Size: 0.875 * @sapContent_GridSize; //14px
+// [Tags "!Protected"]
+@sapHighlightColor: @sapBrandColor;
 
-// [Label "Text Color"]
-// [Description "The preferred text color"]
-// [Tags "Quick", "Base", "Content", "Color", "Font"]
-@sapTextColor: @sapPrimary7;
+// [Tags "!Protected"]
+@sapBaseColor: @sapPrimary3;
 
-// [Label "Link Color"]
-// [Description "The color of the link text"]
-// [Tags "Quick", "Base", "Content", "Color", "Font", "Link"]
-@sapLinkColor: #0070b1;
+// [Tags "!Protected"]
+@sapShellColor: transparent;
 
-@sapLink_Hover_Color: @sapLinkColor;
+// [Tags "!Protected"]
+@sapBackgroundColor: @sapPrimary5;
 
-@sapLink_Active_Color: @sapLinkColor;
+// [Tags "!Protected"]
+@sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
 
-@sapLink_Visited_Color: @sapLinkColor;
+// [Tags "!Protected"]
+@sapFontSize: 0.875 * @sapContent_GridSize;
 
-@sapLink_InvertedColor: #7ed0ff;
+// [Tags "!Protected"]
+@sapTextColor: @sapPrimary7;
 
-@sapLink_SubtleColor: darken(@sapLinkColor, 15);
+// [Tags "!Protected"]
+@sapLinkColor: #0070b1;
 
-// [Label "Company Logo"]
-// [Description "The URI to the logo of your company"]
-// [Tags "Quick", "Base", "URI", "Image"]
+// [Tags "!Protected"]
 @sapCompanyLogo: none;
 
-// [Label "Background Image"]
-// [Description "The URI to the image which is shown as background"]
-// [Tags "Quick", "Base", "URI", "Image"]
+// [Tags "!Protected"]
 @sapBackgroundImage: none;
 
-// [Label "Background Opacity"]
-// [Description "A value between 0.0 and 1.0 to control the opacity of the background image"]
-// [Tags "Quick", "Base", "Opacity"]
+// [Tags "!Protected"]
 @sapBackgroundImageOpacity: 1.0;
 
-// [Label "Background Repeat"]
-// [Description "The switch to turn on/off the repetition of the background image. Chose 'true' or 'false' as value."]
-// [Tags "Quick", "Base"]
+// [Tags "!Protected"]
 @sapBackgroundImageRepeat: false;
 
+// [Tags "!Protected"]
+@sapSelectedColor: @sapHighlightColor;
 
-/*
- UX COLOR SET
-*/
-
-@sapContent_GridSize: 1rem;
-
-/* PRIMARY COLORS */
-@sapPrimary1: #3f5161;
-@sapPrimary2: #427cac;
-@sapPrimary3: #eff4f9;
-@sapPrimary4: #ffffff;
-@sapPrimary5: #fafafa;
-@sapPrimary6: #bfbfbf;
-@sapPrimary7: #333333;
-
-
-/* ACCENT COLORS */
-@sapAccentColor1: #e09d00;
-@sapAccentColor2: #e6600d;
-@sapAccentColor3: #c14646;
-@sapAccentColor4: #ab218e;
-@sapAccentColor5: #678bc7;
-@sapAccentColor6: #0092d1;
-@sapAccentColor7: #1a9898;
-@sapAccentColor8: #759421;
-@sapAccentColor9: #925ace;
-@sapAccentColor10: #647987;
-
-
-/* LEGEND COLORS */
-
-@sapLegend_WorkingBackground: darken(@sapList_Background, 3);
-
-@sapLegend_NonWorkingBackground: darken(@sapList_Background, 3);
-
-@sapLegend_CurrentDateTime: @sapAccentColor4;
-
-@sapLegendColor1: #ad7900;
-@sapLegendColor2: #dc5c0c;
-@sapLegendColor3:#c14646;
-@sapLegendColor4: #853808;
-@sapLegendColor5: #da3fb9;
-@sapLegendColor6: #008bc7;
-@sapLegendColor7: #198f8f;
-@sapLegendColor8: #6e8c1f;
-@sapLegendColor9: #648796;
-@sapLegendColor10: #80196a;
-@sapLegendColor11: #6f5925;
-@sapLegendColor12: #b64600;
-@sapLegendColor13: #d61818;
-@sapLegendColor14: #976c52;
-@sapLegendColor15: #73596d;
-@sapLegendColor16: #5d759e;
-@sapLegendColor17: #466c6c;
-@sapLegendColor18: #626b4a;
-@sapLegendColor19: #284d5d;
-@sapLegendColor20: #1851b0;
-
-@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;
-
-
-/* Semantic Background Colors */
-@sapErrorBackground: lighten(@sapErrorColor, 48);
-@sapWarningBackground: lighten(@sapWarningColor, 36);
-@sapSuccessBackground: lighten(@sapSuccessColor, 50);
-@sapInformationBackground: lighten(@sapInformationColor, 48);
-@sapNeutralBackground: lighten(@sapNeutralColor, 56);
-
-
-/* Semantic Border Colors */
-@sapErrorBorderColor: @sapErrorColor;
-@sapWarningBorderColor: @sapWarningColor;
-@sapSuccessBorderColor: @sapSuccessColor;
-@sapInformationBorderColor: @sapInformativeColor;
-@sapNeutralBorderColor: @sapNeutralColor;
+// [Tags "!Protected"]
+@sapActiveColor: @sapHighlightColor;
 
+// [Tags "!Protected"]
+@sapHighlightTextColor: contrast(@sapHighlightColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-/* Semantic Foreground Elements */
-@sapNegativeElementColor: @sapNegativeColor;
-@sapCriticalElementColor: @sapCriticalColor;
-@sapPositiveElementColor: @sapPositiveColor;
-@sapInformativeElementColor: @sapInformativeColor;
-@sapNeutralElementColor: @sapNeutralColor;
+// [Tags "!Protected"]
+@sapTitleColor: @sapTextColor;
 
 
-/* Semantic Text */
-@sapNegativeTextColor: @sapNegativeColor;
-@sapCriticalTextColor: @sapCriticalColor;
-@sapPositiveTextColor: @sapPositiveColor;
-@sapInformativeTextColor: @sapInformativeColor;
-@sapNeutralTextColor: @sapNeutralColor;
 
 
-/* Semantic Foreground Colors */
+// =====================================
+// Error Semantics
+// =====================================
 
-// [Label "Negative Color"]
-// [Description "The color for elements showing negative state"]
-// [Tags "Base", "SemanticColor", "Color"]
+// [Tags "!Protected"]
 @sapNegativeColor: #bb0000;
 
-// [Label "Critical Color"]
-// [Description "The color for elements showing critical state"]
-// [Tags "Base", "SemanticColor", "Color"]
+// [Tags "!Protected"]
 @sapCriticalColor: #e78c07;
 
-// [Label "Positive Color"]
-// [Description "The color for elements showing positive state"]
-// [Tags "Base", "SemanticColor", "Color"]
+// [Tags "!Protected"]
 @sapPositiveColor: #2b7c2b;
 
-// [Label "Informative Color"]
-// [Description "The color for elements showing informative state"]
-// [Tags "Base", "SemanticColor", "Color"]
+// [Tags "!Protected"]
 @sapInformativeColor: #427cac;
 
-// [Label "Neutral Color"]
-// [Description "The color for elements showing neutral state"]
-// [Tags "Base", "SemanticColor", "Color"]
+// [Tags "!Protected"]
 @sapNeutralColor: #5e696e;
 
-@sapErrorColor: lighten(@sapNegativeColor, 10);
-@sapWarningColor: lighten(@sapCriticalColor, 10);
-@sapSuccessColor: lighten(@sapPositiveColor, 10);
-@sapInformationColor: @sapInformativeColor;
-
-
-// [Label "Indication Color 1"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_1: #880000;
-
-@sapIndicationColor_1_Hover_Background: darken(@sapIndicationColor_1, 5);
-
-@sapIndicationColor_1_Active_Background: darken(@sapIndicationColor_1, 10);
-
-@sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-
-// [Label "Indication Color 2"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_2: #bb0000;
-
-@sapIndicationColor_2_Hover_Background: darken(@sapIndicationColor_2, 5);
-
-@sapIndicationColor_2_Active_Background: darken(@sapIndicationColor_2, 10);
-
-@sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-
-// [Label "Indication Color 3"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_3: #e78c07;
-
-@sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3, 3);
-
-@sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3, 6);
+// [Tags "!Protected"]
+@sapNegativeElementColor: @sapNegativeColor;
 
-@sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapCriticalElementColor: @sapCriticalColor;
 
-// [Label "Indication Color 4"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_4: #2b7c2b;
+// [Tags "!Protected"]
+@sapPositiveElementColor: @sapPositiveColor;
 
-@sapIndicationColor_4_Hover_Background: darken(@sapIndicationColor_4, 5);
+// [Tags "!Protected"]
+@sapInformativeElementColor: @sapInformativeColor;
 
-@sapIndicationColor_4_Active_Background: darken(@sapIndicationColor_4, 10);
+// [Tags "!Protected"]
+@sapNeutralElementColor: @sapNeutralColor;
 
-@sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapNegativeTextColor: @sapNegativeColor;
 
-// [Label "Indication Color 5"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_5: #427cac;
+// [Tags "!Protected"]
+@sapCriticalTextColor: @sapCriticalColor;
 
-@sapIndicationColor_5_Hover_Background: darken(@sapIndicationColor_5, 5);
+// [Tags "!Protected"]
+@sapPositiveTextColor: @sapPositiveColor;
 
-@sapIndicationColor_5_Active_Background: darken(@sapIndicationColor_5, 10);
+// [Tags "!Protected"]
+@sapInformativeTextColor: @sapInformativeColor;
 
-@sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapNeutralTextColor: @sapNeutralColor;
 
-// [Label "Indication Color 6"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_6: @sapAccentColor7;
+// [Tags "!Protected"]
+@sapErrorColor: lighten(@sapNegativeColor, 10);
 
-@sapIndicationColor_6_Hover_Background: darken(@sapIndicationColor_6, 5);
+// [Tags "!Protected"]
+@sapWarningColor: lighten(@sapCriticalColor, 10);
 
-@sapIndicationColor_6_Active_Background: darken(@sapIndicationColor_6, 10);
+// [Tags "!Protected"]
+@sapSuccessColor: lighten(@sapPositiveColor, 10);
 
-@sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapInformationColor: @sapInformativeColor;
 
-// [Label "Indication Color 7"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_7: @sapAccentColor9;
+// [Tags "!Protected"]
+@sapErrorBackground: lighten(@sapNegativeColor, 58);
 
-@sapIndicationColor_7_Hover_Background: darken(@sapIndicationColor_7, 5);
+// [Tags "!Protected"]
+@sapWarningBackground: lighten(@sapCriticalColor, 46);
 
-@sapIndicationColor_7_Active_Background: darken(@sapIndicationColor_7, 10);
+// [Tags "!Protected"]
+@sapSuccessBackground: lighten(@sapPositiveColor, 60);
 
-@sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapInformationBackground: lighten(@sapInformativeColor, 48);
 
-// [Label "Indication Color 8"]
-// [Tags "Base", "SemanticColor", "Color"]
-@sapIndicationColor_8: @sapAccentColor4;
+// [Tags "!Protected"]
+@sapNeutralBackground: lighten(@sapNeutralColor, 56);
 
-@sapIndicationColor_8_Hover_Background: darken(@sapIndicationColor_8, 5);
+// [Tags "!Protected"]
+@sapErrorBorderColor: @sapErrorColor;
 
-@sapIndicationColor_8_Active_Background: darken(@sapIndicationColor_8, 10);
+// [Tags "!Protected"]
+@sapWarningBorderColor: @sapWarningColor;
 
-@sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapSuccessBorderColor: @sapSuccessColor;
 
+// [Tags "!Protected"]
+@sapInformationBorderColor: @sapInformativeColor;
 
-/* ===================================== */
-/* Expert Theming                        */
-/* ===================================== */
+// [Tags "!Protected"]
+@sapNeutralBorderColor: @sapNeutralColor;
 
-// [Label "Selected Color"]
-// [Description "The color of selected elements"]
-// [Tags "Base", "Color"]
-@sapSelectedColor: @sapHighlightColor;
 
-// [Label "Active Color"]
-// [Description "The color of activated elements"]
-// [Tags "Base", "Color"]
-@sapActiveColor: @sapHighlightColor;
 
-// [Label "Highlight Text Color"]
-// [Description "The text color of highlighted screen elements"]
-// [Tags "Base", "Content", "Color", "Font"]
-@sapHighlightTextColor: contrast(@sapHighlightColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Title Text Color"]
-// [Description "The text color of the application title"]
-// [Tags "Base", "Color", "Font"]
-@sapTitleColor: @sapTextColor;
+// =====================================
+// Element Metrics
+// =====================================
 
-// [Label "Element Line Height"]
-// [Description "The height of the line box surrounding the inline elements in the content area."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
-@sapElement_LineHeight: 3 * @sapContent_GridSize; // Cozy
+// [Tags "Protected"]
+@sapElement_LineHeight: 3 * @sapContent_GridSize;
 
-// [Label "Element Height"]
-// [Description "The height of inline elements in the content area."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
-@sapElement_Height: 2.5 * @sapContent_GridSize; // Cozy
+// [Tags "Protected"]
+@sapElement_Height: 2.5 * @sapContent_GridSize;
 
-// [Label "Element Border Thickness"]
-// [Description "The standard thickness of element borders."]
-// [Tags "Base", "Button", "Dimension", "Protected"]
-@sapElement_BorderWidth: 0.0625 * @sapContent_GridSize; // Cozy
+// [Tags "Protected"]
+@sapElement_BorderWidth: 0.0625 * @sapContent_GridSize;
 
+// [Tags "!Protected"]
 @sapElement_BorderCornerRadius: 0.25 * @sapContent_GridSize;
 
+// [Tags "Protected"]
 @sapElement_Compact_LineHeight: 2 * @sapContent_GridSize;
 
+// [Tags "Protected"]
 @sapElement_Compact_Height: 1.625 * @sapContent_GridSize;
 
+// [Tags "Protected"]
 @sapElement_Condensed_LineHeight: 1.5 * @sapContent_GridSize;
 
+// [Tags "Protected"]
 @sapElement_Condensed_Height: 1.375 * @sapContent_GridSize;
 
-// [Label "Content Line Height EM"]
-// [Description "The height of lines in the content area (in em). Basically this is used as the CSS line-height property."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
-@sapContent_LineHeight: 1.4;
 
-// [Label "Content Element Height"]
-// [Description "The height of inline elements in the content area (in em)."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
-@sapContent_ElementHeight: 1.37em; // deprecated/protected (only used by older UR versions). Can be deleted from Belize end 2019.
 
-// [Label "Content Element Height PX"]
-// [Description "The height of lines in the content area (in pixel)."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
-@sapContent_ElementHeight_PX: 22px; // deprecated/protected (only used by older UR versions). Can be deleted from Belize end 2019.
 
-// [Label "Content Icon Height"]
-// [Description "The height of inline icons in the content area (in pixel)."]
-// [Tags "Base", "Content", "Dimension", "Protected"]
+// =====================================
+// Content
+// =====================================
+
+// [Tags "!Protected"]
+@sapContent_LineHeight: 1.4;
+
+// [Tags "!Protected"]
 @sapContent_IconHeight: @sapContent_GridSize;
 
-// [Label "Content Icon Color"]
-// [Description "The color of icons."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_IconColor: darken(@sapHighlightColor, 10);
 
-// [Label "Content Icon Contrast Color"]
-// [Description "The alternative icon color switched to by a threshold to keep contrast for icons."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ContrastIconColor: @sapContent_ContrastTextColor;
 
-// [Label "Content Icon Noninteractive Color"]
-// [Description "The color of noninteractive icons."]
-// [TranslationKey "sapContent_NoIntactvIcoClr"]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_NonInteractiveIconColor: darken(@sapPrimary6, 22);
 
-// [Label "Marker Icon Color"]
-// [Description "The color of marker icons."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_MarkerIconColor: @sapAccentColor5;
 
-// [Label "Marker Text Color"]
-// [Description "The color of Marker Texts."]
-// [Tags "Base", "Content", "Color", "Font"]
+// [Tags "!Protected"]
 @sapContent_MarkerTextColor: darken(@sapAccentColor7, 8);
 
+// [Tags "!Protected"]
 @sapContent_Placeholderloading_Background: darken(@sapBaseColor, 12);
 
+// [Tags "!Protected"]
 @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%);
 
-// [Label "Image Placeholder Background Color"]
-// [Description "The background color of Image Placeholders."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ImagePlaceholderBackground: darken(@sapBaseColor, 9);
 
-// [Label "Image Placeholder Foreground Color"]
-// [Description "The foreground color of Image Placeholders."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ImagePlaceholderForegroundColor: lighten(@sapBaseColor, 5);
 
+// [Tags "!Protected"]
 @sapContent_RatedColor: @sapAccentColor1;
 
+// [Tags "!Protected"]
 @sapContent_UnratedColor: darken(@sapContent_ForegroundColor, 25);
 
-// [Label "Content Focus Color"]
-// [Description "The color of the focus."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_FocusColor: #000;
 
+// [Tags "!Protected"]
 @sapContent_FocusStyle: dotted;
 
+// [Tags "!Protected"]
 @sapContent_FocusWidth: 0.0625 * @sapContent_GridSize;
 
-// [Label "Content Focus Contrast Color"]
-// [Description "The alternative focus color."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ContrastFocusColor: #fff;
 
-// [Label "Content Shadow Color"]
-// [Description "The shadow color."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ShadowColor: #000;
 
-// [Label "Content Shadow Contrast Color"]
-// [Description "The alternative shadow color."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ContrastShadowColor: #fff;
 
+// [Tags "!Protected"]
 @sapContent_Shadow0: 0 0 0 1px fade(@sapContent_ShadowColor, 15);
 
+// [Tags "!Protected"]
 @sapContent_Shadow1: 0 0.125rem 0.5rem 0 fade(@sapContent_ShadowColor, 15), @sapContent_Shadow0;
 
+// [Tags "!Protected"]
 @sapContent_Shadow2: 0 0.625rem 1.875rem 0 fade(@sapContent_ShadowColor, 15), @sapContent_Shadow0;
 
+// [Tags "!Protected"]
 @sapContent_Shadow3: 0 1.25rem 5rem 0 fade(@sapContent_ShadowColor, 15), @sapContent_Shadow0;
 
+// [Tags "!Protected"]
 @sapContent_TextShadow: 0 0 0.125rem @sapContent_ContrastShadowColor;
 
+// [Tags "!Protected"]
+@sapContent_ContrastTextShadow: 0 0 0.0625rem fade(@sapContent_ShadowColor, 70);
+
+// [Tags "!Protected"]
 @sapContent_HeaderShadow: 0 0.125rem 0 0 @sapObjectHeader_Background, inset 0 -0.125rem 0 0 @sapObjectHeader_BorderColor;
 
-// [Label "Content Search Result Highlight Color"]
-// [Description "The color of found search results in the content."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_SearchHighlightColor: #d4f7db;
 
-// [Label "Content Help Indication Color"]
-// [Description "The color which indicates that the element has help content."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_HelpColor: #3f8600;
 
-// [Label "Content Label Color"]
-// [Description "The color of labels in the content area."]
-// [Tags "Base", "Content", "Color", "Font"]
+// [Tags "!Protected"]
 @sapContent_LabelColor: lighten(@sapTextColor, 20);
 
-// [Label "Content Monospace Font Family"]
-// [Description "Defines which monospaced font is used for specific texts in the content area."]
-// [Tags "Base", "Content", "Font", "Protected"]
+// [Tags "!Protected"]
 @sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;
 
+// [Tags "!Protected"]
 @sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;
 
+// [Tags "!Protected"]
 @sapContent_IconFontFamily: "SAP-icons";
 
-// [Label "Content Disabled Text Color"]
-// [Description "The color of texts on disabled screen elements in the content area."]
-// [Tags "Base", "Content", "Color", "Font"]
+// [Tags "!Protected"]
 @sapContent_DisabledTextColor: fade(@sapTextColor, (100 - (@sapContent_DisabledOpacity * 100)));
 
+// [Tags "!Protected"]
 @sapContent_DisabledOpacity: 0.5;
 
-// [Label "Text Contrast Threshold"]
-// [Description "The threshold to switch to alternative text color to keep contrast for texts"]
-// [TranslationKey "sapContent_ContrastTxtThreshold"]
-// [Tags "Base", "Content", "Font"]
+// [Tags "!Protected"]
 @sapContent_ContrastTextThreshold: 0.65;
 
-// [Label "Text Contrast Color"]
-// [Description "The alternative text color switched to by a threshold to keep contrast for texts"]
-// [Tags "Base", "Content", "Color", "Font"]
+// [Tags "!Protected"]
 @sapContent_ContrastTextColor: #fff;
 
-// [Label "Content Foreground Color"]
-// [Description "The foreground color of the content area."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ForegroundColor: lighten(@sapPrimary6, 15);
 
-// [Label "Content Foreground Border Color"]
-// [Description "The foreground color of the borders of the content area."]
-// [TranslationKey "sapContent_ForegroundBorderCol"]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_ForegroundBorderColor: @sapPrimary6;
 
-// [Label "Content Foreground Text Color"]
-// [Description "The foreground color of texts in the content area."]
-// [Tags "Base", "Content", "Color", "Font"]
+// [Tags "!Protected"]
 @sapContent_ForegroundTextColor: contrast(@sapContent_ForegroundColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Content Badge Background"]
-// [Description "The background color of badges."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapContent_BadgeBackground: @sapAccentColor3;
 
+// [Tags "!Protected"]
 @sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-@sapContent_DragAndDropActiveColor: @sapLinkColor; // to be compatible
+// [Tags "!Protected"]
+@sapContent_DragAndDropActiveColor: @sapLinkColor;
 
+// [Tags "!Protected"]
 @sapContent_Selected_TextColor: contrast(@sapContent_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapContent_Selected_Background: @sapSelectedColor;
 
+// [Tags "!Protected"]
 @sapContent_Selected_Hover_Background: lighten(@sapContent_Selected_Background, 3);
 
-/* Content Illustrative Colors */
+// [Tags "!Protected"]
+@sapContent_Selected_ForegroundColor: @sapSelectedColor;
+
+
+
+
+// =====================================
+// 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;
 
-// [Label "Shell Background Color"]
-// [Description "The background color of the shell."]
-// [Tags "Base", "Shell", "Color"]
+
+
+
+// =====================================
+// Font
+// =====================================
+
+// [Tags "!Protected"]
+@sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
+
+// [Tags "!Protected"]
+@sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
+
+// [Tags "!Protected"]
+@sapFontHeaderFamily: @sapFontFamily;
+
+// [Tags "!Protected"]
+@sapFontSmallSize: 0.75 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontLargeSize: 1.0 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader1Size: 1.625 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader2Size: 1.375 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader3Size: 1.25 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader4Size: 1.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader5Size: 1.0 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapFontHeader6Size: 0.875 * @sapContent_GridSize;
+
+
+
+
+// =====================================
+// Link
+// =====================================
+
+// [Tags "!Protected"]
+@sapLink_Hover_Color: @sapLinkColor;
+
+// [Tags "!Protected"]
+@sapLink_Active_Color: @sapLinkColor;
+
+// [Tags "!Protected"]
+@sapLink_Visited_Color: @sapLinkColor;
+
+// [Tags "!Protected"]
+@sapLink_InvertedColor: #7ed0ff;
+
+// [Tags "!Protected"]
+@sapLink_SubtleColor: darken(@sapLinkColor, 15);
+
+
+
+
+// =====================================
+// Shell
+// =====================================
+
+// [Tags "!Protected"]
 @sapShell_Background: darken(desaturate(@sapBaseColor, 6), 11);
 
-// [Label "Shell Background Image/Gradient"]
-// [Description "The background image or gradient of the shell."]
-// [Tags "Base", "Shell", "URI", "Image"]
+// [Tags "!Protected"]
 @sapShell_BackgroundImage: linear-gradient(to bottom, darken(saturate(@sapShell_Background, 6), 7.8), lighten(desaturate(@sapShell_Background, 16), 7.8));
 
-// [Label "Background Opacity"]
-// [Description "A value between 0.0 and 1.0 to control the opacity of the shell background image"]
-// [Tags "Quick", "Base", "Opacity"]
+// [Tags "!Protected"]
 @sapShell_BackgroundImageOpacity: 1.0;
 
-// [Label "Background Repeat"]
-// [Description "The switch to turn on/off the repetition of the shell background image. Chose 'true' or 'false' as value."]
-// [Tags "Quick", "Base"]
+// [Tags "!Protected"]
 @sapShell_BackgroundImageRepeat: false;
 
-// [Label "Shell Background Pattern Color"]
-// [Description "The background pattern color of the shell. To turn off the pattern set the value to 'transparent'"]
-// [Tags "Base", "Shell", "Color"]
-@sapShell_BackgroundPatternColor: fade(@sapPrimary4, 8);
-
-// [Label "Shell Border Color"]
-// [Description "The color of the borders of the shell."]
-// [Tags "Base", "Shell", "Color"]
+// [Tags "!Protected"]
 @sapShell_BorderColor: transparent;
 
-// [Label "Shell Text Color"]
-// [Description "The color of texts in the shell."]
-// [Tags "Base", "Shell", "Color", "Font"]
+// [Tags "!Protected"]
 @sapShell_TextColor: darken(@sapBrandColor, 10);
 
-// [Label "Shell Interactive Text Color"]
-// [Description "The color of interactive texts in the shell."]
-// [Tags "Base", "Shell", "Color", "Font"]
+// [Tags "!Protected"]
 @sapShell_InteractiveTextColor: @sapShell_TextColor;
 
-@sapShell_InteractiveBorderColor: @sapField_BorderColor;
+// [Tags "!Protected"]
+@sapShell_InteractiveBorderColor: darken(@sapBrandColor, 10);
 
+// [Tags "!Protected"]
 @sapShell_GroupTitleTextColor: @sapTitleColor;
 
+// [Tags "!Protected"]
 @sapShell_GroupTitleTextShadow: 0 0 0.125rem contrast(@sapShell_GroupTitleTextColor, @sapContent_ShadowColor, @sapContent_ContrastShadowColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapShell_Hover_Background: darken(@sapBrandColor, 10);
 
+// [Tags "!Protected"]
 @sapShell_Active_Background: @sapActiveColor;
 
+// [Tags "!Protected"]
 @sapShell_Active_TextColor: contrast(@sapShell_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapShell_Selected_Background: @sapSelectedColor;
 
+// [Tags "!Protected"]
 @sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapShell_Selected_Hover_Background: @sapShell_Selected_Background;
 
-// [Label "Shell Favicon"]
-// [Description "The URI to the favorite or shortcut icon displayed for the shell."]
-// [Tags "Base", "Shell", "URI", "Image"]
+// [Tags "!Protected"]
 @sapShell_Favicon: none;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_Background: transparent;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_Hover_Background: @sapShell_Hover_Background;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_SelectedColor: @sapShell_TextColor;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_Selected_TextColor: @sapShell_TextColor;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_TextColor: @sapShell_GroupTitleTextColor;
 
+// [Tags "!Protected"]
 @sapShell_Navigation_Active_TextColor: contrast(@sapShell_Navigation_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapShell_Navigation_Active_Background: @sapShell_Active_Background;
 
+// [Tags "!Protected"]
 @sapShell_Shadow: 0 0.125rem 0 0 darken(@sapShell_Background, 5);
 
+// [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;
 
-// [Label "Button Border Thickness"]
-// [Description "The thickness of button borders."]
-// [Tags "Base", "Button", "Dimension"]
-@sapButton_BorderWidth: @sapElement_BorderWidth;
 
-// [Label "Button Corner Radius"]
-// [Description "Defines whether a button has rounded corners."]
-// [Tags "Base", "Button", "Dimension"]
-@sapButton_BorderCornerRadius: 0.1875 * @sapContent_GridSize; // Cozy
 
-// [Label "Button Background Color"]
-// [Description "The background color of buttons."]
-// [Tags "Base", "Button", "Color"]
+
+// =====================================
+// Button
+// =====================================
+
+// [Tags "!Protected"]
 @sapButton_Background: darken(@sapPrimary4, 3);
 
-// [Label "Button Border Color"]
-// [Description "The color of a button's borders."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_BorderColor: darken(@sapButton_Background, 30);
 
-// [Label "Button Text Color"]
-// [Description "The color of texts on buttons."]
-// [Tags "Base", "Button", "Color", "Font"]
-@sapButton_TextColor: contrast(@sapButton_Background, darken(@sapHighlightColor, 10), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_BorderWidth: @sapElement_BorderWidth;
+
+// [Tags "!Protected"]
+@sapButton_BorderCornerRadius: 0.1875 * @sapContent_GridSize;
 
-// [Label "Button Hover Background Color"]
-// [Description "The background color of buttons on hover."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
+@sapButton_TextColor: contrast(@sapButton_Background, darken(@sapHighlightColor, 10), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Hover_Background: darken(@sapButton_Background, 5);
 
-// [Label "Button Hover Border Color"]
-// [Description "The color of a button's borders on hover."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_Hover_BorderColor: @sapButton_BorderColor;
 
-// [Label "Button Hover Text Color"]
-// [Description "The color of texts on buttons on hover."]
-// [Tags "Base", "Button", "Color", "Font"]
+// [Tags "!Protected"]
 @sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, darken(@sapHighlightColor, 10), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_IconColor: @sapButton_TextColor;
 
+// [Tags "!Protected"]
 @sapButton_Active_Background: @sapActiveColor;
 
+// [Tags "!Protected"]
 @sapButton_Active_BorderColor: @sapButton_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Active_TextColor: contrast(@sapButton_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Emphasized Button Background Color"]
-// [Description "The background color of emphasized buttons."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_Emphasized_Background: lighten(saturate(@sapHighlightColor, 10), 10);
 
-// [Label "Emphasized Button Border Color"]
-// [Description "The border color of emphasized buttons."]
-// [TranslationKey "sapButton_Emphasized_BorderCol"]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_Emphasized_BorderColor: darken(@sapButton_Emphasized_Background, 5);
 
-// [Label "Emphasized Button Text Color"]
-// [Description "The color of texts on emphasized buttons."]
-// [Tags "Base", "Button", "Color", "Font"]
-@sapButton_Emphasized_TextColor: contrast(@sapButton_Emphasized_Background, darken(@sapPrimary1, 8), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Emphasized_TextColor: contrast(@sapButton_Emphasized_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Emphasized_Hover_Background: darken(@sapButton_Emphasized_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Emphasized_Hover_BorderColor: @sapButton_Emphasized_Hover_Background;
 
-@sapButton_Emphasized_Hover_TextColor: contrast(@sapButton_Emphasized_Hover_Background , darken(@sapPrimary1, 8), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Emphasized_Hover_TextColor: contrast(@sapButton_Emphasized_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Emphasized_Active_Background: @sapActiveColor;
 
+// [Tags "!Protected"]
 @sapButton_Emphasized_Active_BorderColor: @sapButton_Emphasized_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Emphasized_Active_TextColor: contrast(@sapButton_Emphasized_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Emphasized_TextShadow: contrast(@sapButton_Emphasized_TextColor, fade(@sapContent_ShadowColor, 50), fade(@sapContent_ContrastShadowColor, 50), @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Emphasized_FontWeight: regular;
 
-// [Label "Reject Button Background Color"]
-// [Description "The background color of \"Reject\" buttons."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_Reject_Background: @sapButton_Background;
 
+// [Tags "!Protected"]
 @sapButton_Reject_BorderColor: @sapNegativeElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Reject_TextColor: contrast(@sapButton_Reject_Background, @sapNegativeTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Reject_Hover_Background: @sapButton_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Reject_Hover_BorderColor: @sapButton_Reject_BorderColor;
 
-@sapButton_Reject_Hover_TextColor: contrast(@sapButton_Reject_Hover_Background, @sapNegativeTextColor , @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Reject_Hover_TextColor: contrast(@sapButton_Reject_Hover_Background, @sapNegativeTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Reject_Active_Background: @sapNegativeElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Reject_Active_BorderColor: @sapButton_Reject_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Reject_Active_TextColor: contrast(@sapButton_Reject_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Reject_Selected_Background: @sapButton_Reject_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Reject_Selected_BorderColor: @sapButton_Reject_Selected_Background;
 
+// [Tags "!Protected"]
 @sapButton_Reject_Selected_TextColor: contrast(@sapButton_Reject_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Reject_Selected_Hover_Background: lighten(@sapButton_Reject_Selected_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Reject_Selected_Hover_BorderColor: @sapButton_Reject_Selected_Hover_Background;
 
-// [Label "Accept Button Background Color"]
-// [Description "The background color of \"Accept\" buttons."]
-// [Tags "Base", "Button", "Color"]
+// [Tags "!Protected"]
 @sapButton_Accept_Background: @sapButton_Background;
 
+// [Tags "!Protected"]
 @sapButton_Accept_BorderColor: @sapPositiveElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Accept_TextColor: contrast(@sapButton_Accept_Background, @sapPositiveTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Accept_Hover_Background: @sapButton_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Accept_Hover_BorderColor: @sapButton_Accept_BorderColor;
 
-@sapButton_Accept_Hover_TextColor: contrast(@sapButton_Accept_Hover_Background, @sapPositiveTextColor , @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Accept_Hover_TextColor: contrast(@sapButton_Accept_Hover_Background, @sapPositiveTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Accept_Active_Background: @sapPositiveElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Accept_Active_BorderColor: @sapButton_Accept_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Accept_Active_TextColor: contrast(@sapButton_Accept_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Accept_Selected_Background: @sapButton_Accept_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Accept_Selected_BorderColor: @sapButton_Accept_Selected_Background;
 
+// [Tags "!Protected"]
 @sapButton_Accept_Selected_TextColor: contrast(@sapButton_Accept_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Accept_Selected_Hover_Background: lighten(@sapButton_Accept_Selected_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Accept_Selected_Hover_BorderColor: @sapButton_Accept_Selected_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Lite_Background: transparent;
 
+// [Tags "!Protected"]
 @sapButton_Lite_BorderColor: transparent;
 
+// [Tags "!Protected"]
 @sapButton_Lite_TextColor: @sapButton_TextColor;
 
-@sapButton_Lite_Hover_Background: fade( darken(@sapButton_Hover_Background, 22), 50);
+// [Tags "!Protected"]
+@sapButton_Lite_Hover_Background: fade(darken(@sapButton_Hover_Background, 22), 50);
 
+// [Tags "!Protected"]
 @sapButton_Lite_Hover_BorderColor: @sapButton_Lite_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Lite_Hover_TextColor: @sapButton_Lite_TextColor;
 
+// [Tags "!Protected"]
 @sapButton_Lite_Active_Background: @sapButton_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Lite_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
 @sapButton_Selected_Background: darken(@sapSelectedColor, 10);
 
+// [Tags "!Protected"]
 @sapButton_Selected_BorderColor: darken(@sapButton_Selected_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Selected_TextColor: contrast(@sapButton_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Selected_Hover_Background: lighten(@sapButton_Selected_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Selected_Hover_BorderColor: @sapButton_Selected_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Attention_Background: @sapButton_Background;
 
+// [Tags "!Protected"]
 @sapButton_Attention_BorderColor: @sapCriticalElementColor;
 
-@sapButton_Attention_TextColor: contrast(@sapButton_Attention_Background, @sapCriticalTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Attention_TextColor: contrast(@sapButton_Attention_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Attention_Hover_Background: @sapWarningBackground;
 
+// [Tags "!Protected"]
 @sapButton_Attention_Hover_BorderColor: @sapButton_Attention_BorderColor;
 
-@sapButton_Attention_Hover_TextColor: contrast(@sapButton_Attention_Hover_Background, @sapCriticalTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+// [Tags "!Protected"]
+@sapButton_Attention_Hover_TextColor: contrast(@sapButton_Attention_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Attention_Active_Background: darken(@sapCriticalElementColor, 5);
 
+// [Tags "!Protected"]
 @sapButton_Attention_Active_BorderColor: @sapButton_Attention_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Attention_Active_TextColor: contrast(@sapButton_Attention_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Attention_Selected_Background: @sapButton_Attention_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Attention_Selected_BorderColor: @sapButton_Attention_Selected_Background;
 
+// [Tags "!Protected"]
 @sapButton_Attention_Selected_TextColor: contrast(@sapButton_Attention_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Attention_Selected_Hover_Background: lighten(@sapButton_Attention_Selected_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Attention_Selected_Hover_BorderColor: @sapButton_Attention_Selected_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Negative_Background: @sapNegativeElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Negative_BorderColor: @sapButton_Negative_Background;
 
+// [Tags "!Protected"]
 @sapButton_Negative_TextColor: contrast(@sapButton_Negative_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Negative_Hover_Background: darken(@sapButton_Negative_Background, 7);
 
+// [Tags "!Protected"]
 @sapButton_Negative_Hover_BorderColor: @sapButton_Negative_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Negative_Hover_TextColor: contrast(@sapButton_Negative_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Negative_Active_Background: darken(@sapButton_Negative_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Negative_Active_BorderColor: @sapButton_Negative_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Negative_Active_TextColor: contrast(@sapButton_Negative_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Critical_Background: @sapCriticalElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Critical_BorderColor: @sapButton_Critical_Background;
 
+// [Tags "!Protected"]
 @sapButton_Critical_TextColor: contrast(@sapButton_Critical_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Critical_Hover_Background: darken(@sapButton_Critical_Background, 7);
 
+// [Tags "!Protected"]
 @sapButton_Critical_Hover_BorderColor: @sapButton_Critical_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Critical_Hover_TextColor: contrast(@sapButton_Critical_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Critical_Active_Background: darken(@sapButton_Critical_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Critical_Active_BorderColor: @sapButton_Critical_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Critical_Active_TextColor: contrast(@sapButton_Critical_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Success_Background: @sapPositiveElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Success_BorderColor: @sapButton_Success_Background;
 
+// [Tags "!Protected"]
 @sapButton_Success_TextColor: contrast(@sapButton_Success_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Success_Hover_Background: darken(@sapButton_Success_Background, 7);
 
+// [Tags "!Protected"]
 @sapButton_Success_Hover_BorderColor: @sapButton_Success_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Success_Hover_TextColor: contrast(@sapButton_Success_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Success_Active_Background: darken(@sapButton_Success_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Success_Active_BorderColor: @sapButton_Success_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Success_Active_TextColor: contrast(@sapButton_Success_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Information_Background: @sapInformativeElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Information_BorderColor: @sapButton_Information_Background;
 
+// [Tags "!Protected"]
 @sapButton_Information_TextColor: contrast(@sapButton_Information_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Information_Hover_Background: darken(@sapButton_Information_Background, 5);
 
+// [Tags "!Protected"]
 @sapButton_Information_Hover_BorderColor: @sapButton_Information_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Information_Hover_TextColor: contrast(@sapButton_Information_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Information_Active_Background: darken(@sapButton_Information_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Information_Active_BorderColor: @sapButton_Information_Active_Background;
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Background: @sapNeutralElementColor;
 
+// [Tags "!Protected"]
 @sapButton_Neutral_BorderColor: @sapButton_Neutral_Background;
 
+// [Tags "!Protected"]
 @sapButton_Neutral_TextColor: contrast(@sapButton_Neutral_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Hover_Background: darken(@sapButton_Neutral_Background, 7);
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Hover_BorderColor: @sapButton_Neutral_Hover_Background;
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Hover_TextColor: contrast(@sapButton_Neutral_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Active_Background: darken(@sapButton_Neutral_Background, 10);
 
+// [Tags "!Protected"]
 @sapButton_Neutral_Active_BorderColor: @sapButton_Neutral_Active_Background;
 
+// [Tags "!Protected"]
+@sapButton_Neutral_Active_TextColor: contrast(@sapButton_Neutral_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapButton_Track_Selected_Background: @sapButton_Selected_Background;
 
+// [Tags "!Protected"]
 @sapButton_Track_Selected_TextColor: contrast(@sapButton_Track_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_Track_Background: lighten(@sapButton_Background, 3);
 
+// [Tags "!Protected"]
 @sapButton_Track_TextColor: contrast(@sapButton_Track_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapButton_TokenBackground: @sapButton_Background;
 
+// [Tags "!Protected"]
 @sapButton_TokenBorderColor: darken(@sapButton_Background, 10);
 
-// [Label "Field Background Color"]
-// [Description "The background color of input fields."]
-// [Tags "Base", "Field", "Color"]
-@sapField_Background: @sapPrimary4;
 
-// [Label "Field Border Color"]
-// [Description "The color of an input field's borders."]
-// [Tags "Base", "Field", "Color"]
-@sapField_BorderColor: @sapPrimary6;
 
-// [Label "Field Text Color"]
-// [Description "The text color of input fields."]
-// [Tags "Base", "Field", "Color", "Font"]
+
+// =====================================
+// Field
+// =====================================
+
+// [Tags "!Protected"]
+@sapField_Background: @sapPrimary4;
+
+// [Tags "!Protected"]
 @sapField_TextColor: #000;
 
+// [Tags "!Protected"]
 @sapField_PlaceholderTextColor: lighten(@sapField_TextColor, 46);
 
-// [Label "Field Help Background Color"]
-// [Description "The color of the value help icon."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
+@sapField_BorderColor: @sapPrimary6;
+
+// [Tags "!Protected"]
 @sapField_HelpBackground: @sapField_Background;
 
-// [Label "Field Border Thickness"]
-// [Description "The thickness of an input field's borders."]
-// [Tags "Base", "Field", "Dimension"]
+// [Tags "!Protected"]
 @sapField_BorderWidth: @sapElement_BorderWidth;
 
-// [Label "Field Corner Radius"]
-// [Description "Defines whether an input field has rounded corners."]
-// [Tags "Base", "Field", "Dimension"]
+// [Tags "!Protected"]
 @sapField_BorderCornerRadius: 0;
 
-// [Label "Field Hover Background Color"]
-// [Description "The background color of input fields on hover."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Hover_Background: @sapField_Background;
 
-// [Label "Field Hover Border Color"]
-// [Description "The color of an input field's borders on hover."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Hover_BorderColor: @sapHighlightColor;
 
-// [Label "Field Help Hover Background Color"]
-// [Description "The color of the value help icon on hover."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Hover_HelpBackground: @sapHighlightColor;
 
+// [Tags "!Protected"]
 @sapField_Active_BorderColor: @sapActiveColor;
 
-// [Label "Focused Field Background Color"]
-// [Description "The background color of focused input fields."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Focus_Background: @sapField_Background;
 
-// [Label "Focused Field Border Color"]
-// [Description "The color of a focused input field's borders."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Focus_BorderColor: @sapField_BorderColor;
 
-// [Label "Focused Field Help Background Color"]
-// [Description "The background color of a focused input field's value help icon."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_Focus_HelpBackground: @sapField_Focus_Background;
 
-// [Label "Read Only Field Background Color"]
-// [Description "The background color of a read-only input field."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_ReadOnly_Background: fade(darken(@sapField_Background, 5), 50);
 
-// [Label "Read Only Field Border Color"]
-// [Description "The color of a read-only input field's borders."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_ReadOnly_BorderColor: lighten(@sapField_BorderColor, 5);
 
-// [Label "Read Only Field Help Color"]
-// [Description "The background color of a read-only input field's value help icon."]
-// [TranslationKey "sapField_ReadOnly_HelpBackgrnd"]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background;
 
-// [Label "Required Field Color"]
-// [Description "The color of the asterisk next to required input fields."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_RequiredColor: @sapAccentColor3;
 
-// [Label "Invalid Field Color"]
-// [Description "The base color of input fields with an invalid value."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_InvalidColor: @sapErrorColor;
 
-// [Label "Invalid Field Background Color"]
-// [Description "The background color of input fields with an invalid value."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_InvalidBackground: @sapField_Background;
 
-// [Label "Warning Field Color"]
-// [Description "The base color of an input field indicating a warning."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
+@sapField_InvalidBorderWidth: 0.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_InvalidBorderStyle: solid;
+
+// [Tags "!Protected"]
 @sapField_WarningColor: @sapWarningColor;
 
-// [Label "Warning Field Background Color"]
-// [Description "The background color of an input field indicating a warning."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_WarningBackground: @sapField_Background;
 
-// [Label "Success Field Color"]
-// [Description "The base color an input field indicating a successful user action."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
+@sapField_WarningBorderWidth: 0.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_WarningBorderStyle: solid;
+
+// [Tags "!Protected"]
 @sapField_SuccessColor: @sapSuccessColor;
 
-// [Label "Success Field Background Color"]
-// [Description "The background color of an input field indicating a successful user action."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_SuccessBackground: @sapField_Background;
 
-// [Label "Information Field Color"]
-// [Description "The base color an input field indicating an information status."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
+@sapField_SuccessBorderWidth: 0.0625 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_SuccessBorderStyle: solid;
+
+// [Tags "!Protected"]
 @sapField_InformationColor: @sapInformationColor;
 
-// [Label "Information Field Background Color"]
-// [Description "The background color of an input field indicating an information status."]
-// [Tags "Base", "Field", "Color"]
+// [Tags "!Protected"]
 @sapField_InformationBackground: @sapField_Background;
 
-// [Label "Group Title Background Color"]
-// [Description "The background color of the group header area."]
-// [Tags "Base", "Group", "Color"]
+// [Tags "!Protected"]
+@sapField_InformationBorderWidth: 0.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_InformationBorderStyle: solid;
+
+
+
+
+// =====================================
+// Group
+// =====================================
+
+// [Tags "!Protected"]
 @sapGroup_TitleBackground: transparent;
 
-// [Label "Group Title Border Color"]
-// [Description "The color of the borders of the group header area."]
-// [Tags "Base", "Group", "Color"]
+// [Tags "!Protected"]
 @sapGroup_TitleBorderColor: lighten(@sapPrimary6, 5);
 
-// [Label "Group Title Text Color"]
-// [Description "The text color of the group title. The text color of the title of a group."]
-// [Tags "Base", "Group", "Color", "Font"]
+// [Tags "!Protected"]
 @sapGroup_TitleTextColor: contrast(@sapBackgroundColor, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Group Title Font Size"]
-// [Description "The font size of the group title."]
-// [Tags "Base", "Group", "Dimension", "Font", "Protected"]
-@sapGroup_Title_FontSize: @sapFontSize;
-
-// [Label "Group Content Background Color"]
-// [Description "The background color of the content area of a group."]
-// [Tags "Base", "Group", "Color"]
+// [Tags "!Protected"]
 @sapGroup_ContentBackground: lighten(@sapBackgroundColor, 2);
 
-// [Label "Group Content Border Color"]
-// [Description "The color of the borders of a group's content area."]
-// [Tags "Base", "Group", "Color"]
+// [Tags "!Protected"]
 @sapGroup_ContentBorderColor: darken(@sapGroup_ContentBackground, 8);
 
-// [Label "Group Border Thickness"]
-// [Description "The thickness of the borders of a group's content area."]
-// [Tags "Base", "Group", "Dimension", "Protected"]
+// [Tags "!Protected"]
 @sapGroup_BorderWidth: @sapElement_BorderWidth;
 
-// [Label "Group Corner Radius"]
-// [Description "Defines whether a group has rounded corners."]
-// [Tags "Base", "Group", "Dimension", "Protected"]
+// [Tags "!Protected"]
 @sapGroup_BorderCornerRadius: 0;
 
-// [Label "Group Footer Background Color"]
-// [Description "The background color of the footer area of a group."]
-// [Tags "Base", "Group", "Color", "Protected"]
+// [Tags "!Protected"]
 @sapGroup_FooterBackground: transparent;
 
-// [Label "Toolbar Background Color"]
-// [Description "The background color of the toolbar."]
-// [Tags "Base", "Toolbar", "Color"]
+
+
+
+// =====================================
+// Toolbar
+// =====================================
+
+// [Tags "!Protected"]
 @sapToolbar_Background: transparent;
 
-// [Label "Toolbar Separator Color"]
-// [Description "The color of a toolbar's separators."]
-// [Tags "Base", "Toolbar", "Color"]
+// [Tags "!Protected"]
 @sapToolbar_SeparatorColor: fade(@sapPrimary1, 20);
 
-// [Label "List Column Header Background Color"]
-// [Description "The background color of the column header area of lists."]
-// [Tags "Base", "List", "Color"]
+
+
+
+// =====================================
+// List
+// =====================================
+
+// [Tags "!Protected"]
 @sapList_HeaderBackground: darken(@sapPrimary4, 3);
 
-// [Label "List Column Header Border Color"]
-// [Description "The color of the borders of the list column header area."]
-// [Tags "Base", "List", "Color"]
+// [Tags "!Protected"]
 @sapList_HeaderBorderColor: @sapList_BorderColor;
 
-// [Label "List Column Header Text Color"]
-// [Description "The color of texts on the list column header area."]
-// [Tags "Base", "List", "Color", "Font"]
+// [Tags "!Protected"]
 @sapList_HeaderTextColor: contrast(@sapList_HeaderBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "List Border Color"]
-// [Description "The color of the border in a list separating the entries."]
-// [Tags "Base", "List", "Color"]
-@sapList_BorderColor: darken(@sapList_Background, 10.15);
+// [Tags "!Protected"]
+@sapList_BorderColor: darken(@sapList_Background, 10.2);
 
-// [Label "List Grid Thickness"]
-// [Description "The thickness of the border in a list separating the entries."]
-// [Tags "Base", "List", "Dimension"]
+// [Tags "!Protected"]
 @sapList_BorderWidth: @sapElement_BorderWidth;
 
+// [Tags "!Protected"]
 @sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-@sapList_Active_Background: @sapHighlightColor;
-
+// [Tags "!Protected"]
 @sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapList_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "List Highlight Color"]
-// [Description "The color of highlighted elements in lists."]
-// [Tags "Base", "List", "Color"]
-@sapList_HighlightColor: @sapHighlightColor; // deprecated since Belize
+// [Tags "!Protected"]
+@sapList_Active_Background: @sapHighlightColor;
 
-// [Label "List Selection Background Color"]
-// [Description "The background color of selected elements in lists."]
-// [TranslationKey "sapList_SelectBackgrndColor"]
-// [Tags "Base", "List", "Color"]
+// [Tags "!Protected"]
 @sapList_SelectionBackgroundColor: lighten(desaturate(@sapSelectedColor, 2), 47);
 
+// [Tags "!Protected"]
 @sapList_SelectionBorderColor: @sapList_BorderColor;
 
-@sapList_Hover_SelectionBackground: contrast(@sapList_SelectionBackgroundColor,darken(@sapList_SelectionBackgroundColor, 3), lighten(@sapList_SelectionBackgroundColor, 3));
+// [Tags "!Protected"]
+@sapList_Hover_SelectionBackground: contrast(@sapList_SelectionBackgroundColor, darken(@sapList_SelectionBackgroundColor, 3), lighten(@sapList_SelectionBackgroundColor, 3));
 
-// [Label "List Background Color"]
-// [Description "The background color of lists."]
-// [Tags "Base", "List", "Color"]
+// [Tags "!Protected"]
 @sapList_Background: @sapPrimary4;
 
-// [Label "List Hover Background Color"]
-// [Description "The background color of lists on hover."]
-// [Tags "Base", "List", "Color"]
+// [Tags "!Protected"]
 @sapList_Hover_Background: contrast(@sapList_Background, darken(@sapList_Background, 6), lighten(@sapList_Background, 6));
 
+// [Tags "!Protected"]
 @sapList_AlternatingBackground: darken(@sapList_Background, 2);
 
+// [Tags "!Protected"]
 @sapList_GroupHeaderBackground: @sapList_Background;
 
+// [Tags "!Protected"]
 @sapList_GroupHeaderBorderColor: darken(@sapList_BorderColor, 10);
 
+// [Tags "!Protected"]
 @sapList_GroupHeaderTextColor: @sapContent_MarkerTextColor;
 
-@sapList_FooterBackground: darken(@sapBaseColor, 9);
-
-@sapList_FooterTextColor: contrast(@sapList_FooterBackground, @sapList_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-
+// [Tags "!Protected"]
 @sapList_TableGroupHeaderBackground: darken(@sapList_Background, 5);
 
+// [Tags "!Protected"]
 @sapList_TableGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
 
+// [Tags "!Protected"]
 @sapList_TableGroupHeaderTextColor: contrast(@sapList_TableGroupHeaderBackground, @sapContent_MarkerTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
+@sapList_FooterBackground: darken(@sapBaseColor, 9);
+
+// [Tags "!Protected"]
+@sapList_FooterTextColor: contrast(@sapList_FooterBackground, @sapList_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
 @sapList_TableFooterBorder: darken(@sapList_BorderColor, 10);
 
+// [Tags "!Protected"]
 @sapList_TableFixedBorderColor: darken(@sapList_BorderColor, 30);
 
-// [Label "Scrollbar Face Color"]
-// [Description "The color of the surface of a scrollbar."]
-// [Tags "Base", "Scrollbar", "Color"]
+
+
+
+// =====================================
+// Scrollbar
+// =====================================
+
+// [Tags "!Protected"]
 @sapScrollBar_FaceColor: darken(@sapPrimary6, 5);
 
-// [Label "Scrollbar Track Color"]
-// [Description "The color of the track of a scrollbar."]
-// [Tags "Base", "Scrollbar", "Color"]
+// [Tags "!Protected"]
 @sapScrollBar_TrackColor: lighten(@sapScrollBar_FaceColor, 30);
 
-// [Label "Scrollbar Border Color"]
-// [Description "The color of the borders of a scrollbar."]
-// [Tags "Base", "Scrollbar", "Color"]
+// [Tags "!Protected"]
 @sapScrollBar_BorderColor: @sapScrollBar_FaceColor;
 
-// [Label "Scrollbar Symbol Color"]
-// [Description "The color of the scroll arrows in a scrollbar."]
-// [Tags "Base", "Scrollbar", "Color"]
+// [Tags "!Protected"]
 @sapScrollBar_SymbolColor: @sapContent_IconColor;
 
-// [Label "Scrollbar Dimension"]
-// [Description "The size of the scrollbar (in pixel)."]
-// [Tags "Base", "Scrollbar", "Dimension", "Protected"]
-@sapScrollBar_Dimension: 0.7 * @sapContent_GridSize; // Cozy
+// [Tags "!Protected"]
+@sapScrollBar_Dimension: 0.75 * @sapContent_GridSize;
 
-// [Label "Scrollbar Hover Face Color"]
-// [Description "The hover color of the surface of a scrollbar."]
-// [Tags "Base", "Scrollbar", "Color"]
+// [Tags "!Protected"]
 @sapScrollBar_Hover_FaceColor: darken(@sapScrollBar_FaceColor, 3);
 
-// [Label "Page Header Background Color"]
-// [Description "The background color of page headers."]
-// [Tags "Base", "Page", "Color"]
+
+
+
+// =====================================
+// Page Header
+// =====================================
+
+// [Tags "!Protected"]
 @sapPageHeader_Background: @sapBaseColor;
 
-// [Label "Page Header Border Color"]
-// [Description "The border color of page headers."]
-// [Tags "Base", "Page", "Color"]
+// [Tags "!Protected"]
 @sapPageHeader_BorderColor: darken(@sapPageHeader_Background, 8);
 
-// [Label "Page Header Text Color"]
-// [Description "The color of texts on page headers."]
-// [Tags "Base", "Page", "Color", "Font"]
+// [Tags "!Protected"]
 @sapPageHeader_TextColor: contrast(@sapPageHeader_Background, lighten(@sapTextColor, 20), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Page Footer Background Color"]
-// [Description "The background color of page footers."]
-// [Tags "Base", "Page", "Color"]
+
+
+
+// =====================================
+// Page Footer
+// =====================================
+
+// [Tags "!Protected"]
 @sapPageFooter_Background: @sapPrimary4;
 
+// [Tags "!Protected"]
 @sapPageFooter_BorderColor: contrast(@sapPageFooter_Background, darken(@sapPageFooter_Background, 8), lighten(@sapPageFooter_Background, 12), @sapContent_ContrastTextThreshold);
 
-// [Label "Page Footer Text Color"]
-// [Description "The color of texts on page footers."]
-// [Tags "Base", "Page", "Color", "Font"]
+// [Tags "!Protected"]
 @sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Infobar Background Color"]
-// [Description "The background color of infobars."]
-// [Tags "Base", "Page", "Color"]
+
+
+
+// =====================================
+// Infobar
+// =====================================
+
+// [Tags "!Protected"]
 @sapInfobar_Background: darken(@sapAccentColor7, 5);
 
+// [Tags "!Protected"]
 @sapInfobar_Hover_Background: darken(@sapInfobar_Background, 3);
 
+// [Tags "!Protected"]
 @sapInfobar_Active_Background: @sapList_Active_Background;
 
+// [Tags "!Protected"]
 @sapInfobar_NonInteractive_Background: darken(@sapList_Background, 10);
 
+// [Tags "!Protected"]
 @sapInfobar_TextColor: contrast(@sapInfobar_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Object Header Background Color"]
-// [Description "The background color of object headers."]
-// [Tags "Base", "Page", "Color"]
+
+
+
+// =====================================
+// Object Header
+// =====================================
+
+// [Tags "!Protected"]
 @sapObjectHeader_Background: @sapBaseColor;
 
+// [Tags "!Protected"]
 @sapObjectHeader_Hover_Background: contrast(@sapObjectHeader_Background, darken(@sapObjectHeader_Background, 4), lighten(@sapObjectHeader_Background, 3));
 
+// [Tags "!Protected"]
 @sapObjectHeader_BorderColor: contrast(@sapObjectHeader_Background, darken(@sapObjectHeader_Background, 8), lighten(@sapObjectHeader_Background, 8), @sapContent_ContrastTextThreshold);
 
-// [Label "BlockLayer Background Color"]
-// [Description "The background color of blocklayers."]
-// [Tags "Base", "Page", "Color"]
+
+
+
+// =====================================
+// Block Layer
+// =====================================
+
+// [Tags "!Protected"]
 @sapBlockLayer_Background: #000;
 
-// [Label "Tile Background Color"]
-// [Description "The background color of tiles."]
-// [Tags "Base", "Tile", "Color"]
+
+
+
+// =====================================
+// Tile
+// =====================================
+
+// [Tags "!Protected"]
 @sapTile_Background: @sapPrimary4;
 
+// [Tags "!Protected"]
 @sapTile_Hover_Background: contrast(@sapTile_Background, darken(@sapTile_Background, 3), lighten(@sapTile_Background, 3));
 
+// [Tags "!Protected"]
 @sapTile_Active_Background: @sapTile_Hover_Background;
 
-// [Label "Tile Border Color"]
-// [Description "The border color of tiles."]
-// [Tags "Base", "Tile", "Color"]
+// [Tags "!Protected"]
 @sapTile_BorderColor: transparent;
 
-// [Label "Tile Title Text Color"]
-// [Description "The color of title texts on tiles."]
-// [Tags "Base", "Tile", "Color", "Font"]
+// [Tags "!Protected"]
 @sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Tile Text Color"]
-// [Description "The color of texts on tiles."]
-// [Tags "Base", "Tile", "Color", "Font"]
+// [Tags "!Protected"]
 @sapTile_TextColor: contrast(@sapTile_Background, lighten(@sapTile_TitleTextColor, 20), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
-// [Label "Tile Icon Color"]
-// [Description "The color of icons on tiles."]
-// [Tags "Base", "Content", "Color"]
+// [Tags "!Protected"]
 @sapTile_IconColor: contrast(@sapTile_Background, lighten(@sapContent_IconColor, 34), @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
 
+// [Tags "!Protected"]
 @sapTile_SeparatorColor: darken(@sapTile_Background, 20);
 
+// [Tags "!Protected"]
 @sapTile_Interactive_BorderColor: darken(@sapTile_Background, 30);
 
-// [Label "Chart Ordered Color 1"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
+@sapTile_OverlayBackground: fade(@sapBlockLayer_Background, 80);
+
+// [Tags "!Protected"]
+@sapTile_OverlayForegroundColor: contrast(@sapTile_OverlayBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+
+
+// =====================================
+// Accent Colors
+// =====================================
+
+@sapAccentColor1: #e09d00;
+
+@sapAccentColor2: #e6600d;
+
+@sapAccentColor3: #c14646;
+
+@sapAccentColor4: #ab218e;
+
+@sapAccentColor5: #678bc7;
+
+@sapAccentColor6: #0092d1;
+
+@sapAccentColor7: #1a9898;
+
+@sapAccentColor8: #759421;
+
+@sapAccentColor9: #925ace;
+
+@sapAccentColor10: #647987;
+
+
+
+
+// =====================================
+// Indication Colors
+// =====================================
+
+// [Tags "!Protected"]
+@sapIndicationColor_1: #880000;
+
+// [Tags "!Protected"]
+@sapIndicationColor_1_Hover_Background: darken(@sapIndicationColor_1, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_1_Active_Background: darken(@sapIndicationColor_1, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_1_TextColor: contrast(@sapIndicationColor_1, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_2: #bb0000;
+
+// [Tags "!Protected"]
+@sapIndicationColor_2_Hover_Background: darken(@sapIndicationColor_2, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_2_Active_Background: darken(@sapIndicationColor_2, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_3: #e78c07;
+
+// [Tags "!Protected"]
+@sapIndicationColor_3_Hover_Background: darken(@sapIndicationColor_3, 3);
+
+// [Tags "!Protected"]
+@sapIndicationColor_3_Active_Background: darken(@sapIndicationColor_3, 6);
+
+// [Tags "!Protected"]
+@sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_4: #2b7c2b;
+
+// [Tags "!Protected"]
+@sapIndicationColor_4_Hover_Background: darken(@sapIndicationColor_4, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_4_Active_Background: darken(@sapIndicationColor_4, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_5: #427cac;
+
+// [Tags "!Protected"]
+@sapIndicationColor_5_Hover_Background: darken(@sapIndicationColor_5, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_5_Active_Background: darken(@sapIndicationColor_5, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_6: #1a9898;
+
+// [Tags "!Protected"]
+@sapIndicationColor_6_Hover_Background: darken(@sapIndicationColor_6, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_6_Active_Background: darken(@sapIndicationColor_6, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_7: #925ace;
+
+// [Tags "!Protected"]
+@sapIndicationColor_7_Hover_Background: darken(@sapIndicationColor_7, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_7_Active_Background: darken(@sapIndicationColor_7, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+// [Tags "!Protected"]
+@sapIndicationColor_8: #ab218e;
+
+// [Tags "!Protected"]
+@sapIndicationColor_8_Hover_Background: darken(@sapIndicationColor_8, 5);
+
+// [Tags "!Protected"]
+@sapIndicationColor_8_Active_Background: darken(@sapIndicationColor_8, 10);
+
+// [Tags "!Protected"]
+@sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
+
+
+
+// =====================================
+// Legend Colors
+// =====================================
+
+// [Tags "!Protected"]
+@sapLegend_WorkingBackground: darken(@sapList_Background, 3);
+
+// [Tags "!Protected"]
+@sapLegend_NonWorkingBackground: darken(@sapList_Background, 3);
+
+// [Tags "!Protected"]
+@sapLegend_CurrentDateTime: @sapAccentColor4;
+
+// [Tags "!Protected"]
+@sapLegendColor1: #ad7900;
+
+// [Tags "!Protected"]
+@sapLegendColor2: #dc5c0c;
+
+// [Tags "!Protected"]
+@sapLegendColor3: #c14646;
+
+// [Tags "!Protected"]
+@sapLegendColor4: #853808;
+
+// [Tags "!Protected"]
+@sapLegendColor5: #da3fb9;
+
+// [Tags "!Protected"]
+@sapLegendColor6: #008bc7;
+
+// [Tags "!Protected"]
+@sapLegendColor7: #198f8f;
+
+// [Tags "!Protected"]
+@sapLegendColor8: #6e8c1f;
+
+// [Tags "!Protected"]
+@sapLegendColor9: #648796;
+
+// [Tags "!Protected"]
+@sapLegendColor10: #80196a;
+
+// [Tags "!Protected"]
+@sapLegendColor11: #6f5925;
+
+// [Tags "!Protected"]
+@sapLegendColor12: #b64600;
+
+// [Tags "!Protected"]
+@sapLegendColor13: #d61818;
+
+// [Tags "!Protected"]
+@sapLegendColor14: #976c52;
+
+// [Tags "!Protected"]
+@sapLegendColor15: #73596d;
+
+// [Tags "!Protected"]
+@sapLegendColor16: #5d759e;
+
+// [Tags "!Protected"]
+@sapLegendColor17: #466c6c;
+
+// [Tags "!Protected"]
+@sapLegendColor18: #626b4a;
+
+// [Tags "!Protected"]
+@sapLegendColor19: #284d5d;
+
+// [Tags "!Protected"]
+@sapLegendColor20: #1851b0;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor1: #fff6e0;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor2: #feeee5;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor3: #f7e6e6;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor4: #f9efe9;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor5: #fdf2fa;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor6: #ebf3fa;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor7: #f2fdfd;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor8: #f3f9e4;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor9: #f1f3f4;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor10: #f7edf5;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor11: #ffeec6;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor12: #fbdfce;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor13: #ffdcdc;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor14: #f2e2d8;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor15: #f0e5ee;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor16: #e7e8ea;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor17: #d7eaea;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor18: #e6edd1;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor19: #cfebf7;
+
+// [Tags "!Protected"]
+@sapLegendBackgroundColor20: #f0f7fa;
+
+
+
+
+// =====================================
+// Chart Colors
+// =====================================
+
+// [Tags "!Protected"]
 @sapChart_OrderedColor_1: #5899da;
 
-// [Label "Chart Ordered Color 2"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_2: #e8743b;
 
-// [Label "Chart Ordered Color 3"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_3: #19a979;
 
-// [Label "Chart Ordered Color 4"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_4: #ed4a7b;
 
-// [Label "Chart Ordered Color 5"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_5: #945ecf;
 
-// [Label "Chart Ordered Color 6"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_6: #13a4b4;
 
-// [Label "Chart Ordered Color 7"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_7: #525df4;
 
-// [Label "Chart Ordered Color 8"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_8: #bf399e;
 
-// [Label "Chart Ordered Color 9"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_9: #6c8893;
 
-// [Label "Chart Ordered Color 10"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_10: #ee6868;
 
-// [Label "Chart Ordered Color 11"]
-// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_OrderedColor_11: #2f6497;
 
-// [Label "Chart Color 'Bad'"]
-// [Description "This color is to visualize a 'Bad' value."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Bad: #dc0d0e;
 
-// [Label "Chart Color 'Critical'"]
-// [Description "This color is to visualize a 'Critical' value."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Critical: #de890d;
 
-// [Label "Chart Color 'Good'"]
-// [Description "This color is to visualize a 'Good' value."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Good: #3fa45b;
 
-// [Label "Chart Color 'Neutral'"]
-// [Description "This color is to visualize a 'Neutral' value."]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Neutral: #848f94;
 
-// [Label "Chart Color Sequence 1"]
-// [Description "This color is the base chart color of the sequence 1"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_1: @sapChart_OrderedColor_1;
 
-// [Label "Chart Color Sequence 2"]
-// [Description "This color is the base chart color of the sequence 2"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_2: @sapChart_OrderedColor_2;
 
-// [Label "Chart Color Sequence 3"]
-// [Description "This color is the base chart color of the sequence 3"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_3: @sapChart_OrderedColor_3;
 
-// [Label "Chart Color Sequence 4"]
-// [Description "This color is the base chart color of the sequence 4"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_4: @sapChart_OrderedColor_4;
 
-// [Label "Chart Color Sequence 5"]
-// [Description "This color is the base chart color of the sequence 5"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_5: @sapChart_OrderedColor_5;
 
-// [Label "Chart Color Sequence 6"]
-// [Description "This color is the base chart color of the sequence 6"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_6: @sapChart_OrderedColor_6;
 
-// [Label "Chart Color Sequence 7"]
-// [Description "This color is the base chart color of the sequence 7"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_7: @sapChart_OrderedColor_7;
 
-// [Label "Chart Color Sequence 8"]
-// [Description "This color is the base chart color of the sequence 8"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_8: @sapChart_OrderedColor_8;
 
-// [Label "Chart Color Sequence 9"]
-// [Description "This color is the base chart color of the sequence 9"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_9: @sapChart_OrderedColor_9;
 
-// [Label "Chart Color Sequence 10"]
-// [Description "This color is the base chart color of the sequence 10"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_10: @sapChart_OrderedColor_10;
 
-// [Label "Chart Color Sequence 11"]
-// [Description "This color is the base chart color of the sequence 11"]
-// [Tags "Base", "Chart", "Color"]
+// [Tags "!Protected"]
 @sapChart_Sequence_11: @sapChart_OrderedColor_11;
 
-// [Label "Chart Color Sequence 'Neutral'"]
-// [Description "This color is the base chart color of the sequence 'Neutral'"]
-// [Tags "Base", "Chart", "Color"]
-@sapChart_Sequence_Neutral: @sapChart_Neutral;
+// [Tags "!Protected"]
+@sapChart_Sequence_Neutral: @sapChart_Neutral;
+
+
+
+
+// =====================================
+// Deprecated
+// =====================================
+
+@sapBackgroundColorDefault: @sapPrimary5;
+
+@sapList_HighlightColor: @sapHighlightColor;
+
+@sapGroup_Title_FontSize: @sapFontSize;
+
+@sapContent_ElementHeight: 1.37em;
+
+@sapContent_ElementHeight_PX: 22px;
+
+@sapField_Disabled_TextColor: fade(@sapField_TextColor, (100 - (@sapContent_DisabledOpacity * 100)));
+
+
+
+
+// =====================================
+// Deprecated Theme Specifics/Internals
+// =====================================
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapBackgroundGradientBaseColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientStartColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientMiddleColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientEndColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientMixedStartColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientMixedMiddleColor: @sapDeprecated_Color;
+
+// [Tags "ThemeSpecific", "Protected", "Deprecated"]
+@sapContent_BackgroundGradientMixedEndColor: @sapDeprecated_Color;
+@sapDarkShadowColor: @sapDeprecated_Color;
+@sapLightShadowColor: @sapDeprecated_Color;
+@sapDarkFocusColor: @sapDeprecated_Color;
+@sapLightFocusColor: @sapDeprecated_Color;
+@sapSearchHighlightColor: @sapDeprecated_Color;
+@sapHelpHighlightColor: @sapDeprecated_Color;
+@sapBaseBackground: @sapDeprecated_Color;
+@sapLightestBackground: @sapDeprecated_Color;
+@sapExtraLightBackground: @sapDeprecated_Color;
+@sapLightBackground: @sapDeprecated_Color;
+@sapMediumBackground: @sapDeprecated_Color;
+@sapDarkBackground: @sapDeprecated_Color;
+@sapExtraDarkBackground: @sapDeprecated_Color;
+@sapDarkestBackground: @sapDeprecated_Color;
+@sapBaseBorderColor: @sapDeprecated_Color;
+@sapLightestBorderColor: @sapDeprecated_Color;
+@sapExtraLightBorderColor: @sapDeprecated_Color;
+@sapLightBorderColor: @sapDeprecated_Color;
+@sapMediumBorderColor: @sapDeprecated_Color;
+@sapDarkBorderColor: @sapDeprecated_Color;
+@sapExtraDarkBorderColor: @sapDeprecated_Color;
+@sapDarkestBorderColor: @sapDeprecated_Color;
+@sapExtraLightTextColor: @sapDeprecated_Color;
+@sapLightTextColor: @sapDeprecated_Color;
+@sapMediumTextColor: @sapDeprecated_Color;
+@sapDarkTextColor: @sapDeprecated_Color;
+@sapExtraDarkTextColor: @sapDeprecated_Color;