@openui5/themelib_sap_horizon 1.152.0 → 1.153.0

package/src/sap/m/themes/sap_horizon/IconTabBar.less

@@ -1,162 +1,155 @@
 /* ================================= */
 /* CSS for control sap.m/IconTabBar  */
-/* Horizon theme                     */
+/* Morning Horizon theme             */
 /* ================================= */
 
-/* ========================================================================== */
-/* Variables overriding */
-/* ========================================================================== */
-
-@_sap_m_IconTabBar_TextShadow: none;
-@_sap_m_IconTabBar_Separator_Font_Size: var(--sapFontLargeSize);
-@_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
-@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
-
-
-/* ==================== Cozy size ==================== */
-
-/* Content arrow */
-@_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
-
-/* Inline mode */
-@_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
-@_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
-@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: @_sap_m_IconTabBar_ContentArrowHeight;
-
-/* TextOnly mode */
-@_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
-@_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;
-
-/* NoText mode */
-@_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
-@_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;
-
-/* All tabs */
-@_sap_m_IconTabBar_AllTabHeight: 2.875rem;
-@_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
-@_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;
-
-/* Horizontal tabs */
-@_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
-@_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
-@_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
-@_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
-@_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
-@_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
-@_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;
-
-/* Vertical tabs */
-@_sap_m_IconTabBar_VerticalHeight: 4.625rem;
-@_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;
-
-/* Filter icon */
-@_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
-@_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
-
-/* Filter text */
-@_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
-
-/* Separator */
-@_sap_m_IconTabBar_SeparatorHeight: 2rem;
-@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
-@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
-@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
-@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
-@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
-
-/* Left and Right arrows */
-@_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
-@_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;
-
-/* Header */
-@_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);
-@_sap_m_IconTabBar_HeaderBackground: var(--sapObjectHeader_Background);
-
-@_sap_m_IconTabBar_HeaderBorderBottom: none;
-@_sap_m_IconTabBar_HeaderShadow: var(--sapContent_HeaderShadow);
-
-/* Content */
-@_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
-@_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);
-
-/* ==================== Compact size ==================== */
-
-/* Content arrow */
-@_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
-@_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
-@_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;
-
-/* Inline mode (same as cozy) */
-@_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
-@_sap_m_IconTabBar_Compact_InLineFilterTextMargin: @_sap_m_IconTabBar_InLineFilterMargin;
-@_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: @_sap_m_IconTabBar_VerticalContentArrowHeight;
-
-/* TextOnly (same as cozy) */
-@_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: @_sap_m_IconTabBar_TextOnlyVerticalHeight;
-@_sap_m_IconTabBar_Compact_TextOnlyTabPadding: @_sap_m_IconTabBar_TextOnlyTabPadding;
-@_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
-@_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
-@_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;
-
-/* NoText */
-@_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
-@_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;
-
-/* Horizontal */
-@_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
-@_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;
-
-/* Vertical */
-@_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;
-
-/* Filter text */
-@_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;
-
-/* Focus border */
-@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;
-
-/* =========== Phone =========== */
-
-/* Content arrow */
-@_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;
-
-@_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
-@_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
-
-/* =========== Badge =========== */
-@_sap_m_IconTabBar_Badge_Neutral_Background: var(--sapNeutralElementColor);
-@_sap_m_IconTabBar_Badge_Positive_Background: var(--sapPositiveElementColor);
-@_sap_m_IconTabBar_Badge_Critical_Background: var(--sapCriticalElementColor);
-@_sap_m_IconTabBar_Badge_Negative_Background: var(--sapNegativeElementColor);
-
-/* ========================================================================== */
-/* Variables */
-/* ========================================================================== */
-
-@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
-@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
-@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
-@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
-@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
-
-/* =========== Overflow =========== */
-@_sap_m_IconTabBar_Overflow_TextColor: var(--sapTextColor);
-@_sap_m_IconTabBar_Overflow_Icon_Color: var(--sapTextColor);
-@_sap_m_IconTabBar_Overflow_BorderColorHover: var(--sapButton_Hover_BorderColor);
-@_sap_m_IconTabBar_Overflow_BackgroundColorHover: var(--sapButton_Hover_Background);
-@_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
-@_sap_m_IconTabBar_Overflow_TextColorHover: var(--sapTextColor);
-@_sap_m_IconTabBar_Overflow_Icon_ColorHover: var(--sapTextColor);
-
-@_sap_m_IconTabBar_Overflow_BackgroundColorPressed: var(--sapButton_Active_Background);
-@_sap_m_IconTabBar_Overflow_BorderColorPressed: var(--sapButton_Active_BorderColor);
-@_sap_m_IconTabBar_Overflow_TextColorPressed: var(--sapButton_Active_TextColor);
-@_sap_m_IconTabBar_Overflow_Icon_ColorPressed: var(--sapButton_Active_TextColor);
-
-/* =========== Shell =========== */
-@_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
-@_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
-
+.sapUI5Scope {
+	/* Variables overriding */
+
+	--_sap_m_IconTabBar_TextShadow: none;
+	--_sap_m_IconTabBar_Separator_Font_Size: var(--sapFontLargeSize);
+	--_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
+	--_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
+
+	/* Cozy size */
+
+	/* Content arrow */
+	--_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
+
+	/* Inline mode */
+	--_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
+	--_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
+	--_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: var(--_sap_m_IconTabBar_ContentArrowHeight);
+
+	/* TextOnly mode */
+	--_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
+	--_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;
+
+	/* NoText mode */
+	--_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
+	--_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;
+
+	/* All tabs */
+	--_sap_m_IconTabBar_AllTabHeight: 2.875rem;
+	--_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
+	--_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;
+
+	/* Horizontal tabs */
+	--_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
+	--_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
+	--_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
+	--_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
+	--_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
+	--_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
+	--_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;
+
+	/* Vertical tabs */
+	--_sap_m_IconTabBar_VerticalHeight: 4.625rem;
+	--_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;
+
+	/* Filter icon */
+	--_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
+	--_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
+
+	/* Filter text */
+	--_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
+
+	/* Separator */
+	--_sap_m_IconTabBar_SeparatorHeight: 2rem;
+	--_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
+	--_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
+	--_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: var(--_sap_m_IconTabBar_TextOnlySeparatorMargin);
+	--_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
+	--__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
+
+	/* Left and Right arrows */
+	--_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
+	--_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;
+
+	/* Header */
+	--_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);
+	--_sap_m_IconTabBar_HeaderBackground: var(--sapObjectHeader_Background);
+	--_sap_m_IconTabBar_HeaderBorderBottom: none;
+	--_sap_m_IconTabBar_HeaderShadow: var(--sapContent_HeaderShadow);
+
+	/* Content */
+	--_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
+	--_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);
+
+	/* Compact size */
+
+	/* Content arrow */
+	--_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;
+
+	/* Inline mode (same as cozy) */
+	--_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: var(--_sap_m_IconTabBar_InLineTextOnlyVerticalHeight);
+	--_sap_m_IconTabBar_Compact_InLineFilterTextMargin: var(--_sap_m_IconTabBar_InLineFilterMargin);
+	--_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: var(--_sap_m_IconTabBar_VerticalContentArrowHeight);
+
+	/* TextOnly (same as cozy) */
+	--_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: var(--_sap_m_IconTabBar_TextOnlyVerticalHeight);
+	--_sap_m_IconTabBar_Compact_TextOnlyTabPadding: var(--_sap_m_IconTabBar_TextOnlyTabPadding);
+	--_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
+	--_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;
+
+	/* NoText */
+	--_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
+	--_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;
+
+	/* Horizontal */
+	--_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
+	--_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;
+
+	/* Vertical */
+	--_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;
+
+	/* Filter text */
+	--_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;
+
+	/* Focus border */
+	--_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;
+
+	/* Phone */
+
+	/* Content arrow */
+	--_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;
+	--_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
+	--_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
+
+	/* Badge */
+	--_sap_m_IconTabBar_Badge_Neutral_Background: var(--sapNeutralElementColor);
+	--_sap_m_IconTabBar_Badge_Positive_Background: var(--sapPositiveElementColor);
+	--_sap_m_IconTabBar_Badge_Critical_Background: var(--sapCriticalElementColor);
+	--_sap_m_IconTabBar_Badge_Negative_Background: var(--sapNegativeElementColor);
+
+	/* Variables */
+
+	--_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
+	--_sap_m_IconTabBar_SelectedTextHoverColor: ~'hsl(from var(--sapSelectedColor) h s calc(l - 10))';
+	--_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
+	--_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
+	--_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
+
+	/* Overflow */
+	--_sap_m_IconTabBar_Overflow_TextColor: var(--sapTextColor);
+	--_sap_m_IconTabBar_Overflow_Icon_Color: var(--sapTextColor);
+	--_sap_m_IconTabBar_Overflow_BorderColorHover: var(--sapButton_Hover_BorderColor);
+	--_sap_m_IconTabBar_Overflow_BackgroundColorHover: var(--sapButton_Hover_Background);
+	--_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
+	--_sap_m_IconTabBar_Overflow_TextColorHover: var(--sapTextColor);
+	--_sap_m_IconTabBar_Overflow_Icon_ColorHover: var(--sapTextColor);
+	--_sap_m_IconTabBar_Overflow_BackgroundColorPressed: var(--sapButton_Active_Background);
+	--_sap_m_IconTabBar_Overflow_BorderColorPressed: var(--sapButton_Active_BorderColor);
+	--_sap_m_IconTabBar_Overflow_TextColorPressed: var(--sapButton_Active_TextColor);
+	--_sap_m_IconTabBar_Overflow_Icon_ColorPressed: var(--sapButton_Active_TextColor);
+
+	/* Shell */
+	--_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
+	--_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
+}
 
 /* Head Container */
 .sapMITH {
@@ -192,7 +185,7 @@
 		.sapMITHTextContent {
 			color: var(--sapTextColor);
 			font-family: var(--sapFontBoldFamily);
-			font-size: @sapMFontMediumSize;
+			font-size: var(--sapFontSize);
 		}
 	}
 
@@ -206,7 +199,7 @@
 	.sapMITBFilterExpandBtnSeparator {
 		border-right: 0.0625rem solid;
 		margin-left: 0.625rem;
-		border-color: @_sap_m_IconTabBar_TextColor;
+		border-color: var(--_sap_m_IconTabBar_TextColor);
 		height: 0.625rem;
 		margin-top: 1.0625rem;
 	}
@@ -231,7 +224,7 @@
 
 		.sapMITBItem:hover {
 			background: var(--sapButton_Hover_Background);
-			border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
+			border: 1px solid var(--_sap_m_IconTabBar_Overflow_BorderColorHover);
 		}
 	}
 
@@ -279,7 +272,7 @@
 		height: 0.875rem;
 	}
 
-	/* Tabs - compact*/
+	/* Tabs - compact */
 	.sapMITBAll {
 
 		.sapMITBTab {
@@ -384,7 +377,7 @@
 		}
 
 		.sapMITBFilterExpandIcon {
-			color: @_sap_m_IconTabBar_SelectedTextColor;
+			color: var(--_sap_m_IconTabBar_SelectedTextColor);
 		}
 	}
 
@@ -614,7 +607,7 @@
 .sapMITBSelected {
 
 	.sapMITBContentArrow::after {
-		background: @_sap_m_IconTabBar_SelectedTextColor;
+		background: var(--_sap_m_IconTabBar_SelectedTextColor);
 	}
 
 	&.sapMITBFilterNeutral .sapMITBContentArrow::after {
@@ -634,7 +627,7 @@
 	}
 
 	.sapMITBFilterDefault {
-		background: @_sap_m_IconTabBar_SelectedTextColor;
+		background: var(--_sap_m_IconTabBar_SelectedTextColor);
 		color: var(--sapTab_Selected_IconColor);
 	}
 }
@@ -681,12 +674,12 @@
 
 	.sapMITBSepLine {
 		border: unset;
-		border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
+		border-right: 1px solid var(--_sap_m_IconTab_Bar_Separator_Line);
 		margin: 0.625rem 0.125rem 0 0.125rem;
 	}
 
 	.sapMITBItem .sapMITBFilterIcon {
-		margin-right: @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
+		margin-right: var(--_sap_m_IconTabBar_HorizontalTextPaddingLeft);
 	}
 }
 
@@ -720,7 +713,7 @@
 
 .sapMITBSepLine {
 	border: unset;
-	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
+	border-right: 1px solid var(--_sap_m_IconTab_Bar_Separator_Line);
 }
 
 .sapUiMedia-Std-Phone {
@@ -744,7 +737,7 @@ html.sap-desktop {
 	.sapMITBFilter .sapMITBCount {
 		color: var(--sapContent_LabelColor);
 		font-family: var(--sapFontFamily);
-		font-size: @sapMFontMediumSize;
+		font-size: var(--sapFontSize);
 	}
 
 	.sapMITH.sapUiSizeCompact {
@@ -778,8 +771,8 @@ html.sap-desktop {
 			.sapMITBItem {
 
 				&:active {
-					background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
-					border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
+					background-color: var(--_sap_m_IconTabBar_Overflow_BackgroundColorPressed);
+					border: 1px solid var(--_sap_m_IconTabBar_Overflow_BorderColorPressed);
 				}
 
 				&:active::after {
@@ -796,7 +789,7 @@ html.sap-desktop {
 
 	.sapMITHEndOverflow {
 		padding-left: 0.188rem;
-		margin-left: 0px;
+		margin-left: 0;
 	}
 }
 
@@ -871,7 +864,7 @@ html.sap-desktop {
 			&:hover {
 				background: var(--sapShell_Navigation_Hover_Background);
 				background-color: var(--sapShell_Navigation_Hover_Background);
-				border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
+				border-color: var(--_sap_m_IconTabBar_ShellOverflowHoverBorderColor);
 			}
 		}
 	}

package/src/sap/m/themes/sap_horizon/IconTabBarSelectList.less

@@ -1,6 +1,8 @@
 /* =========================================== */
 /* CSS for control sap.m/IconTabBarSelectList  */
-/* Horizon theme                               */
+/* Morning Horizon theme                       */
 /* =========================================== */
 
-@_sap_m_IconTabBar_List_Focus_Offset: 2px;
+.sapUI5Scope {
+	--_sap_m_IconTabBar_List_Focus_Offset: 2px;
+}

package/src/sap/m/themes/sap_horizon/Image.less

@@ -1,12 +1,10 @@
-/* ============================= */
+/* ============================ */
 /* CSS for control sap.m/Image  */
-/* Horizon theme                 */
-/* ============================= */
-
-
+/* Morning Horizon theme        */
+/* ============================ */
 
 .sapMImgFocusable:focus {
-	outline: 0.125rem solid @sapUiContentFocusColor;
-	outline-offset: 0rem;
+	outline: 0.125rem solid var(--sapContent_FocusColor);
+	outline-offset: 0;
 	border-radius: 0.5rem;
 }

package/src/sap/m/themes/sap_horizon/Label.less

@@ -1,7 +1,7 @@
-/* =============================== */
-/* CSS for control sap.m/Label     */
-/* Horizon theme                   */
-/* =============================== */
+/* ============================ */
+/* CSS for control sap.m/Label  */
+/* Morning Horizon theme        */
+/* ============================ */
 
 .sapMTB-Info-CTX > .sapMLabel {
 	font-style: italic;
@@ -17,9 +17,7 @@
 	font-weight: normal;
 }
 
-/* ========================================================== */
 /* Checkbox overrides */
-/* ========================================================== */
 
 .sapMCb .sapMLabel {
 	color: var(--sapField_TextColor);

package/src/sap/m/themes/sap_horizon/Link.less

@@ -1,6 +1,6 @@
 /* =========================== */
 /* CSS for control sap.m/Link  */
-/* Horizon theme               */
+/* Morning Horizon theme       */
 /* =========================== */
 
 .sapMLnkDsbl {
@@ -44,13 +44,14 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 		&:hover:not(:active):not(:focus) {
 			color: var(--sapLink_SubtleColor);
-			text-decoration: none;
+			text-decoration: var(--sapLink_Hover_TextDecoration);
 		}
 	}
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+
 	&:focus-visible {
 		border-radius: 0.125rem;
 		background-color: var(--sapContent_FocusColor);

package/src/sap/m/themes/sap_horizon/MessagePage.less

@@ -4,7 +4,7 @@
  */
 /* ================================== */
 /* CSS for control sap.m/MessagePage  */
-/* Horizon theme                      */
+/* Morning Horizon theme              */
 /* ================================== */
 
 /* MessagePage inner controls styles */
@@ -13,7 +13,7 @@
 	.sapMMessagePageInner {
 
 		.sapMMessagePageIcon.sapUiIcon::before {
-			color: fade(@sapUiContentNonInteractiveIconColor,50);
+			color: ~"hsl(from var(--sapContent_NonInteractiveIconColor) h s l / .5)";
 		}
 	}
 

package/src/sap/m/themes/sap_horizon/NewsContent.less

@@ -1,13 +1,10 @@
 /* ================================== */
 /* CSS for control sap.m/NewsContent  */
-/* Horizon theme                      */
+/* Morning Horizon theme              */
 /* ================================== */
 
-@_sap_m_NewsContent_HeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-@_sap_m_NewsContent_SubHeaderTextColor: contrast(@sapTile_Background,@sapContent_LabelColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-
 .sapMNwC {
-	background-color: fade(@sapUiTileBackground, 60);
+	background-color: ~'hsl(from var(--sapTile_Background) h s l / .6)';
 	height: 3.625rem;
 }
 
@@ -31,22 +28,22 @@
 	}
 }
 
-.Stretch{
+.Stretch {
 
 	.sapMTileCnt.News .sapMNwC {
 
 		.sapMNwCCTxt .sapMText {
 			font-size: var(--sapFontLargeSize);
-			color: @sapUiText;
+			color: var(--sapTextColor);
 		}
 
 		.sapMNwCCTxt .sapMFT {
 			font-size: 0.938rem;
-			color: @sapUiText;
+			color: var(--sapTextColor);
 		}
 
 		.sapMNwCSbh {
-			color: @sapUiText;
+			color: var(--sapTextColor);
 		}
 	}
 }

package/src/sap/m/themes/sap_horizon/NotificationListGroup.less

@@ -1,6 +1,8 @@
-/* =========================================== */
+/* ============================================ */
 /* CSS for control sap.m/NotificationListGroup  */
-/* Horizon theme                               */
-/* =========================================== */
+/* Morning Horizon theme                        */
+/* ============================================ */
 
-@_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
+.sapUI5Scope {
+	--_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
+}

package/src/sap/m/themes/sap_horizon/PlanningCalendar.less

@@ -76,33 +76,32 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 .sapMPlanCal {
 	border-radius: 0.5rem;
 
-	.sapUiCalDatesRow {
+	.sapUiCalMonthsRow {
 
-		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
-			left: 0.015rem;
-			right: 0.015rem;
+		.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
+			position: initial;
 		}
 	}
+}
 
-	.sapUiCalTimesRow {
+html.sap-desktop .sapMPlanCal .sapUiCalDatesRow .sapUiCalItemSel:focus > .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalDatesRow .sapUiCalItemSel:focus-visible > .sapUiCalItemText::after {
+	left: 0.015rem;
+	right: 0.015rem;
+}
 
-		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
-			left: 0.0rem;
-			right: 0.0rem;
-		}
-	}
+html.sap-desktop .sapMPlanCal .sapUiCalTimesRow .sapUiCalItemSel:focus > .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalTimesRow .sapUiCalItemSel:focus-visible > .sapUiCalItemText::after {
+	left: 0.0rem;
+	right: 0.0rem;
+}
 
-	.sapUiCalMonthsRow {
+html.sap-desktop .sapMPlanCal .sapUiCalMonthsRow .sapUiCalItemSel:focus > .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalMonthsRow .sapUiCalItemSel:focus-visible > .sapUiCalItemText::after {
+	left: 0;
+}
 
-		.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
-			position: initial;
-		}
 
-		.sapUiCalItemSel:focus > .sapUiCalItemText::after {
-			left: 0;
-		}
-	}
-}
 
 .sapMPlanCal .sapUiCalendarRowAppsIntHead {
 	border-radius: 0.25rem;
@@ -129,4 +128,22 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	.sapMFlexItem .sapMText {
 		line-height: inherit;
 	}
+}
+
+html.sap-desktop .sapMPlanCal .sapUiCalItem:focus.sapUiCalItemNow .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalItem:not(.sapUiCalItemFocusFromTouch):focus-visible.sapUiCalItemNow .sapUiCalItemText::after,
+html.sap-desktop .sapMPlanCal .sapUiCalItem:focus.sapUiCalItemSel .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalItem:not(.sapUiCalItemFocusFromTouch):focus-visible.sapUiCalItemSel .sapUiCalItemText::after,
+html.sap-desktop .sapMPlanCal .sapUiCalItem:focus.sapUiCalItemSelStart .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalItem:not(.sapUiCalItemFocusFromTouch):focus-visible.sapUiCalItemSelStart .sapUiCalItemText::after,
+html.sap-desktop .sapMPlanCal .sapUiCalItem:focus.sapUiCalItemSelEnd .sapUiCalItemText::after,
+.sapMPlanCal .sapUiCalItem:not(.sapUiCalItemFocusFromTouch):focus-visible.sapUiCalItemSelEnd .sapUiCalItemText::after {
+	content: '';
+	position: absolute;
+	top: 0.3125rem;
+	left: 0.3125rem;
+	right: 0.3125rem;
+	bottom: 0.3125rem;
+	border: 0.125rem solid var(--sapContent_FocusColor);
+	border-radius: 0.1875rem;
 }