@openui5/themelib_sap_belize 1.90.6 → 1.93.1

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

@@ -7,13 +7,12 @@
 // Theme Specifics/Internals
 // =====================================
 
-// [Tags "!Protected"]
-@sapBackgroundColorDefault: @sapHC_StandardBackground;
-
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
 @sapContent_GridSize: 1rem;
 
-// [Tags "!Protected"]
+// [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: @sapBackgroundColor;
 
 
@@ -25,47 +24,47 @@
 
 // [Label "High-Contrast Standard Background"]
 // [Description "The high-contrast reference background color for most backgrounds."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_StandardBackground: #fff;
 
 // [Label "High-Contrast Highlight Background"]
 // [Description "The high-contrast reference background color used for hover and active states."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_HighlightBackground: #ec8b46;
 
 // [Label "High-Contrast Highlight Alternative Background"]
 // [Description "The high-contrast reference background color used for selection."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_HighlightAltBackground: #8fb5ff;
 
 // [Label "High-Contrast Reduced Background"]
 // [Description "The high-contrast reference background color used for read-only and disabled items."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_ReducedBackground: #b3b3b3;
 
 // [Label "High-Contrast Reduced Alternative Background"]
 // [Description "The high-contrast reference background color used for read-only and disabled items."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_ReducedAltBackground: #4d4d4d;
 
 // [Label "High-Contrast Standard Foreground"]
 // [Description "The high-contrast reference foreground color for elements such as text, icons, and borders."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_StandardForeground: #000;
 
 // [Label "High-Contrast Enhanced Foreground"]
 // [Description "The high-contrast reference foreground color for elements such as help borders and help text."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_EnhancedForeground: #006500;
 
 // [Label "High-Contrast Reduced Foreground"]
 // [Description "The high-contrast reference foreground color for elements such as disabled text, icons, and borders."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_ReducedForeground: #888;
 
 // [Label "High-Contrast Reduced Alternative Foreground"]
 // [Description "The high-contrast reference foreground color for elements such as list borders or read-only borders that are less prominent than standard elements."]
-// [Tags "Quick", "Base", "Content", "Color", "HighContrast"]
+// [Tags "Base", "Content", "Color", "HighContrast"]
 @sapHC_ReducedAltForeground: #585858;
 
 // [Label "High-Contrast Negative Color"]
@@ -110,7 +109,7 @@
 @sapBaseColor: @sapHC_StandardBackground;
 
 // [Tags "!Protected"]
-@sapShellColor: @sapHC_StandardBackground;
+@sapShellColor: @sapBackgroundColor;
 
 // [Tags "!Protected"]
 @sapBackgroundColor: @sapHC_StandardBackground;
@@ -261,7 +260,7 @@
 // [Tags "Protected"]
 @sapElement_BorderWidth: 0.0625 * @sapContent_GridSize;
 
-// [Tags "Protected"]
+// [Tags "!Protected"]
 @sapElement_BorderCornerRadius: 0.25 * @sapContent_GridSize;
 
 // [Tags "Protected"]
@@ -314,7 +313,7 @@
 @sapContent_ImagePlaceholderBackground: @sapBackgroundColor;
 
 // [Tags "!Protected"]
-@sapContent_ImagePlaceholderForegroundColor: @sapHC_ReducedAltForeground;
+@sapContent_ImagePlaceholderForegroundColor: @sapContent_IconColor;
 
 // [Tags "!Protected"]
 @sapContent_RatedColor: @sapContent_IconColor;
@@ -341,20 +340,23 @@
 @sapContent_ContrastShadowColor: @sapContent_ShadowColor;
 
 // [Tags "!Protected"]
-@sapContent_Shadow0: 0 0 1rem 0 fade(@sapContent_ContrastShadowColor, 50), 0 0 0 2px @sapContent_ShadowColor;
+@sapContent_Shadow0: 0 0 0 0.0625rem @sapContent_ShadowColor;
 
 // [Tags "!Protected"]
-@sapContent_Shadow1: 0 0.125rem 0.5rem 0 fade(@sapContent_ShadowColor, 20), @sapContent_Shadow0;
+@sapContent_Shadow1: 0 0 1rem 0 fade(@sapContent_ContrastShadowColor, 50), 0 0 0 0.125rem @sapContent_ShadowColor;
 
 // [Tags "!Protected"]
-@sapContent_Shadow2: 0 0.25rem 2rem 0 fade(@sapContent_ContrastShadowColor, 60), 0 0 0 2px @sapContent_ShadowColor;
+@sapContent_Shadow2: 0 0.25rem 2rem 0 fade(@sapContent_ContrastShadowColor, 60), 0 0 0 0.125rem @sapContent_ShadowColor;
 
 // [Tags "!Protected"]
-@sapContent_Shadow3: 0 0.625rem 4rem 0 fade(@sapContent_ContrastShadowColor, 80), 0 0 0 2px @sapContent_ShadowColor;
+@sapContent_Shadow3: 0 0.625rem 4rem 0 fade(@sapContent_ContrastShadowColor, 80), 0 0 0 0.125rem @sapContent_ShadowColor;
 
 // [Tags "!Protected"]
 @sapContent_TextShadow: -1px 0 @sapHC_StandardBackground, 0 1px @sapHC_StandardBackground, 1px 0 @sapHC_StandardBackground, 0 -1px @sapHC_StandardBackground;
 
+// [Tags "!Protected"]
+@sapContent_ContrastTextShadow: none;
+
 // [Tags "!Protected"]
 @sapContent_HeaderShadow: inset 0 -0.125rem @sapObjectHeader_BorderColor;
 
@@ -380,7 +382,7 @@
 @sapContent_DisabledTextColor: @sapHC_ReducedForeground;
 
 // [Tags "!Protected"]
-@sapContent_DisabledOpacity: 0.5;
+@sapContent_DisabledOpacity: 0.4;
 
 // [Tags "!Protected"]
 @sapContent_ContrastTextThreshold: 0.65;
@@ -415,6 +417,9 @@
 // [Tags "!Protected"]
 @sapContent_Selected_Hover_Background: @sapHighlightColor;
 
+// [Tags "!Protected"]
+@sapContent_Selected_ForegroundColor: @sapHC_StandardForeground;
+
 
 
 
@@ -422,7 +427,7 @@
 // Content Illustrative Colors
 // =====================================
 
-@sapContent_Illustrative_Color1: #0a6ed1;
+@sapContent_Illustrative_Color1: #212628;
 
 @sapContent_Illustrative_Color2: #434e56;
 
@@ -432,7 +437,7 @@
 
 @sapContent_Illustrative_Color5: #9da4aa;
 
-@sapContent_Illustrative_Color6: #0a6ed1;
+@sapContent_Illustrative_Color6: #c6cace;
 
 @sapContent_Illustrative_Color7: #e7e9ea;
 
@@ -452,7 +457,7 @@
 @sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
 
 // [Tags "!Protected"]
-@sapFontHeaderFamily:  @sapFontFamily;
+@sapFontHeaderFamily: @sapFontFamily;
 
 // [Tags "!Protected"]
 @sapFontSmallSize: 0.75 * @sapContent_GridSize;
@@ -553,7 +558,7 @@
 @sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
-@sapShell_Selected_Hover_Background: @sapShell_Selected_Background;
+@sapShell_Selected_Hover_Background: @sapHighlightColor;
 
 // [Tags "!Protected"]
 @sapShell_Favicon: none;
@@ -571,7 +576,7 @@
 @sapShell_Navigation_Selected_TextColor: @sapShell_InteractiveTextColor;
 
 // [Tags "!Protected"]
-@sapShell_Navigation_TextColor: @sapShell_GroupTitleTextColor;
+@sapShell_Navigation_TextColor: contrast(@sapShell_Navigation_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
 @sapShell_Navigation_Active_TextColor: contrast(@sapShell_Navigation_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -629,7 +634,7 @@
 @sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
-@sapButton_IconColor: @sapButton_TextColor;
+@sapButton_IconColor: contrast(@sapButton_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
 @sapButton_Active_Background: @sapActiveColor;
@@ -653,7 +658,7 @@
 @sapButton_Emphasized_Hover_Background: @sapButton_Hover_Background;
 
 // [Tags "!Protected"]
-@sapButton_Emphasized_Hover_BorderColor: @sapButton_Hover_BorderColor;
+@sapButton_Emphasized_Hover_BorderColor: @sapButton_Emphasized_BorderColor;
 
 // [Tags "!Protected"]
 @sapButton_Emphasized_Hover_TextColor: contrast(@sapButton_Emphasized_Hover_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
@@ -664,6 +669,9 @@
 // [Tags "!Protected"]
 @sapButton_Emphasized_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Emphasized_Active_TextColor: contrast(@sapButton_Emphasized_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Emphasized_TextShadow: transparent;
 
@@ -694,6 +702,9 @@
 // [Tags "!Protected"]
 @sapButton_Reject_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Reject_Active_TextColor: contrast(@sapButton_Reject_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Reject_Selected_Background: @sapSelectedColor;
 
@@ -733,6 +744,9 @@
 // [Tags "!Protected"]
 @sapButton_Accept_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Accept_Active_TextColor: contrast(@sapButton_Accept_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Accept_Selected_Background: @sapSelectedColor;
 
@@ -811,6 +825,9 @@
 // [Tags "!Protected"]
 @sapButton_Attention_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Attention_Active_TextColor: contrast(@sapButton_Attention_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Attention_Selected_Background: @sapSelectedColor;
 
@@ -850,6 +867,9 @@
 // [Tags "!Protected"]
 @sapButton_Negative_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Negative_Active_TextColor: contrast(@sapButton_Negative_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Critical_Background: @sapButton_Background;
 
@@ -874,6 +894,9 @@
 // [Tags "!Protected"]
 @sapButton_Critical_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Critical_Active_TextColor: contrast(@sapButton_Critical_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Success_Background: @sapButton_Background;
 
@@ -898,6 +921,9 @@
 // [Tags "!Protected"]
 @sapButton_Success_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [Tags "!Protected"]
+@sapButton_Success_Active_TextColor: contrast(@sapButton_Success_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 // [Tags "!Protected"]
 @sapButton_Information_Background: @sapButton_Background;
 
@@ -946,6 +972,9 @@
 // [Tags "!Protected"]
 @sapButton_Neutral_Active_BorderColor: @sapButton_Active_BorderColor;
 
+// [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;
 
@@ -978,7 +1007,7 @@
 @sapField_TextColor: @sapTextColor;
 
 // [Tags "!Protected"]
-@sapField_PlaceholderTextColor: @sapField_TextColor;
+@sapField_PlaceholderTextColor: @sapHC_ReducedAltForeground;
 
 // [Tags "!Protected"]
 @sapField_BorderColor: @sapHC_StandardForeground;
@@ -1031,24 +1060,48 @@
 // [Tags "!Protected"]
 @sapField_InvalidBackground: @sapHighlightColor;
 
+// [Tags "!Protected"]
+@sapField_InvalidBorderWidth: 0.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_InvalidBorderStyle: dashed;
+
 // [Tags "!Protected"]
 @sapField_WarningColor: @sapField_BorderColor;
 
 // [Tags "!Protected"]
 @sapField_WarningBackground: @sapField_Background;
 
+// [Tags "!Protected"]
+@sapField_WarningBorderWidth: 0.125 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_WarningBorderStyle: dashed;
+
 // [Tags "!Protected"]
 @sapField_SuccessColor: @sapField_BorderColor;
 
 // [Tags "!Protected"]
 @sapField_SuccessBackground: @sapField_Background;
 
+// [Tags "!Protected"]
+@sapField_SuccessBorderWidth: 0.0625 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_SuccessBorderStyle: solid;
+
 // [Tags "!Protected"]
 @sapField_InformationColor: @sapField_BorderColor;
 
 // [Tags "!Protected"]
 @sapField_InformationBackground: @sapField_Background;
 
+// [Tags "!Protected"]
+@sapField_InformationBorderWidth: 0.0625 * @sapContent_GridSize;
+
+// [Tags "!Protected"]
+@sapField_InformationBorderStyle: dashed;
+
 
 
 
@@ -1119,16 +1172,16 @@
 @sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
-@sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapList_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+@sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
-@sapList_Active_Background: @sapList_HighlightColor;
+@sapList_Active_Background: @sapActiveColor;
 
 // [Tags "!Protected"]
 @sapList_SelectionBackgroundColor: @sapSelectedColor;
 
 // [Tags "!Protected"]
-@sapList_SelectionBorderColor: @sapList_BorderColor;
+@sapList_SelectionBorderColor: @sapHC_StandardForeground;
 
 // [Tags "!Protected"]
 @sapList_Hover_SelectionBackground: @sapList_Hover_Background;
@@ -1143,7 +1196,7 @@
 @sapList_AlternatingBackground: darken(@sapList_Background, 10);
 
 // [Tags "!Protected"]
-@sapList_GroupHeaderBackground: @sapHC_ReducedBackground;
+@sapList_GroupHeaderBackground: @sapList_Background;
 
 // [Tags "!Protected"]
 @sapList_GroupHeaderBorderColor: @sapHC_StandardForeground;
@@ -1152,7 +1205,7 @@
 @sapList_GroupHeaderTextColor: @sapList_TextColor;
 
 // [Tags "!Protected"]
-@sapList_TableGroupHeaderBackground: @sapList_Background;
+@sapList_TableGroupHeaderBackground: @sapHC_ReducedBackground;
 
 // [Tags "!Protected"]
 @sapList_TableGroupHeaderBorderColor: @sapList_GroupHeaderBorderColor;
@@ -1192,7 +1245,7 @@
 @sapScrollBar_SymbolColor: @sapContent_IconColor;
 
 // [Tags "!Protected"]
-@sapScrollBar_Dimension: 0.7 * @sapContent_GridSize;
+@sapScrollBar_Dimension: 0.75 * @sapContent_GridSize;
 
 // [Tags "!Protected"]
 @sapScrollBar_Hover_FaceColor: @sapHC_StandardForeground;
@@ -1240,7 +1293,7 @@
 @sapInfobar_Background: @sapBackgroundColor;
 
 // [Tags "!Protected"]
-@sapInfobar_Hover_Background:  @sapHighlightColor;
+@sapInfobar_Hover_Background: @sapHighlightColor;
 
 // [Tags "!Protected"]
 @sapInfobar_Active_Background: @sapActiveColor;
@@ -1297,10 +1350,10 @@
 @sapTile_BorderColor: @sapHC_StandardForeground;
 
 // [Tags "!Protected"]
-@sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTile_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+@sapTile_TitleTextColor: contrast(@sapTile_Background, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
-@sapTile_TextColor: contrast(@sapTile_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+@sapTile_TextColor: contrast(@sapTile_Background, @sapContent_LabelColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 
 // [Tags "!Protected"]
 @sapTile_IconColor: contrast(@sapTile_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);
@@ -1311,6 +1364,12 @@
 // [Tags "!Protected"]
 @sapTile_Interactive_BorderColor: @sapTile_BorderColor;
 
+// [Tags "!Protected"]
+@sapTile_OverlayBackground: @sapBlockLayer_Background;
+
+// [Tags "!Protected"]
+@sapTile_OverlayForegroundColor: contrast(@sapTile_OverlayBackground, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+
 
 
 
@@ -1482,7 +1541,7 @@
 @sapLegendColor8: #26340b;
 
 // [Tags "!Protected"]
-@sapLegendColor9: #002f7e;
+@sapLegendColor9: #4a5964;
 
 // [Tags "!Protected"]
 @sapLegendColor10: #6c3d62;
@@ -1672,12 +1731,12 @@
 // Deprecated
 // =====================================
 
-// [Tags "!Protected"]
-@sapGroup_Title_FontSize: @sapFontSize;
+@sapBackgroundColorDefault: @sapBackgroundColor;
 
-// [Tags "!Protected"]
 @sapList_HighlightColor: @sapHighlightColor;
 
+@sapGroup_Title_FontSize: @sapFontSize;
+
 @sapContent_ElementHeight: 1.37em;
 
 @sapContent_ElementHeight_PX: 22px;