@openui5/themelib_sap_horizon 1.143.1 → 1.144.0

package/src/sap/ui/unified/themes/sap_horizon/ColorPicker.less

@@ -1,6 +1,6 @@
 /* =========================================== */
 /* CSS for control sap.ui.unified/ColorPicker  */
-/* Horizon theme                               */
+/* Mornig Horizon theme                        */
 /* =========================================== */
 
 .sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
@@ -16,10 +16,12 @@
 }
 
 .sapUnifiedColorPicker {
+
 	.sapUiColorPicker-ColorPickerAlphaSlider,
 	.sapUiColorPicker-ColorPickerSlider {
+
 		.sapMSliderHandle {
-			border: 0.125rem solid @sapUiFieldBorderColor;
+			border: 0.125rem solid var(--sapField_BorderColor);
 			background-color: transparent;
 			height: 1.625rem;
 		}
@@ -27,15 +29,17 @@
 }
 
 .sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker {
+
 	.sapUiColorPicker-ColorPickerHexField,
 	.sapUiCPHexWrapper,
 	.sapUiCPComparisonWrapper {
+		margin-top: 0.5rem;
+		vertical-align: top;
+
 		.sapUiColorPicker-ColorPickerOldColor,
 		.sapUiColorPicker-ColorPickerNewColor {
 			height: 2.25rem;
 		}
-		margin-top: 0.5rem;
-		vertical-align: top;
 	}
 }
 
@@ -46,6 +50,7 @@
 }
 
 .sapUiColorPicker-Large {
+
 	.sapUiCPHSLVText {
 		padding-left: 2.125rem;
 	}
@@ -62,6 +67,7 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper {
 		height: 1.5rem;
 		vertical-align: top;
@@ -75,25 +81,32 @@
 	.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
 		height: 2.065rem;
 	}
+
 	.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone {
+
 		.sapUiColorPicker-ColorPickerNewColor,
 		.sapUiColorPicker-ColorPickerOldColor {
 			width: 2.5rem;
 			height: 1.5rem;
 		}
+
 		.sapMBtn {
 			width: 2.5rem;
 			margin-left: 1.1rem;
 		}
+
 		.sapUiColorPicker-ColorPickerSlider {
 			margin-bottom: 0.0625rem;
 		}
 	}
+
 	.sapUnifiedColorPicker {
+
 		.sapUiColorPicker-ColorPickerAlphaSlider,
 		.sapUiColorPicker-ColorPickerSlider {
+
 			.sapMSliderHandle {
-			  height: 1.25rem;
+				height: 1.25rem;
 			}
 		}
 	}
@@ -108,7 +121,7 @@
 }
 
 .sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled):hover .sapMSliderHandle {
-	background: @sapUiButtonBackground;
+	background: var(--sapButton_Background);
 	border-color: darken(@sapUiFieldBorderColor, 15);
 }
 
@@ -118,22 +131,22 @@
 }
 
 .sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:focus {
-	outline: 0.1875rem solid @sapUiContentFocusColor;
+	outline: 0.1875rem solid var(--sapContent_FocusColor);
 }
 
 .sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:focus::before {
-	content: "";
-	outline: 0.0625rem solid @sapContent_ContrastFocusColor;
+	content: '';
+	outline: 0.0625rem solid var(--sapContent_ContrastFocusColor);
 	outline-offset: -0.125rem;
 }
 
-.sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+.sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
 	display: none;
 }
 
-
 .sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled).sapMSliderPressed .sapMSliderHandle,
 .sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
 	border: 0.125rem solid darken(@sapUiFieldBorderColor, 15);
 	background-color: transparent;
+	top: -0.45rem;
 }

package/src/sap/ui/unified/themes/sap_horizon/FileUploader.less

@@ -5,7 +5,7 @@
 
 .sapUiFup,
 .sapUiFup.sapMBarChild {
-	height: 2.75rem;
+	height: var(--sapElement_Height);
 }
 
 .sapUiSizeCompact {
@@ -14,6 +14,14 @@
 	.sapUiFup.sapMBarChild {
 		height: 2rem;
 	}
+
+	.sapUiFup .sapMInputBaseContentWrapper {
+		height: var(--sapElement_Compact_Height);
+
+		.sapMBtn {
+			height: var(--sapElement_Compact_Height);
+		}
+	}
 }
 
 /* increase outline offset */

package/src/sap/ui/unified/themes/sap_horizon/ShellHeader.less

@@ -4,7 +4,7 @@
  */
 /* =========================================== */
 /* CSS for control sap.ui.unified/ShellHeader  */
-/* Horizon theme                               */
+/* Morning Horizon theme                       */
 /* =========================================== */
 
 .sapUiUfdShellHeadItm:active > span,
@@ -19,5 +19,5 @@ html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItm:hover:active > *,
 .sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmName,
 .sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg,
 .sapUiUfdShellHeadItm:focus > span {
-	border-color: @sapUiContentFocusColor;
+	border-color: var(--sapContent_FocusColor);
 }

package/src/sap/ui/unified/themes/sap_horizon/ShellLayout.less

@@ -4,36 +4,35 @@
  */
 /* =========================================== */
 /* CSS for control sap.ui.unified/ShellLayout  */
-/* Horizon theme                               */
+/* Morning Horizon theme                       */
 /* =========================================== */
 
 @_sap_ui_unified_ShellLayout_CurtainBGStartColor: fade(@sapUiGroupContentBackground,97);
 @_sap_ui_unified_ShellLayout_CurtainBGEndColor: fade(lighten(desaturate(@sapUiHighlight,37),56),97);
 
 ._sapUiUfdShellSubHdr { /* Testpage only */
-	background-color: @sapUiShellBackground;
-	color: @sapUiShellTextColor;
+	background-color: var(--sapShell_Background);
+	color: var(--sapShell_TextColor);
 }
 
 .sapUiUfdShell .sapUiUfdShellHead {
-	background-color: @sapUiBlockLayerBackground;
+	background-color: var(--sapBlockLayer_Background);
 }
 
 .sapUiUfdShell .sapUiUfdShellBrand {
-	background: @sapUiShellBackground;
+	background: var(--sapShell_Background);
 }
 
 .sapUiUfdShell.sapUiUfdShellCurtainVisible .sapUiUfdShellHead,
 .sapUiUfdShell.sapUiUfdShellCurtainVisible .sapUiUfdShellHead > div {
 	background: none;
-	background-color: @sapUiShellBackground;
+	background-color: var(--sapShell_Background);
 	filter: none;
 }
 
 .sapUiUfdShellCurtain {
-	border-bottom: 1px solid @sapUiShellBorderColor;
+	border-bottom: 1px solid var(--sapShell_BorderColor);
 	background-image: linear-gradient(to bottom, @_sap_ui_unified_ShellLayout_CurtainBGStartColor 0%, @_sap_ui_unified_ShellLayout_CurtainBGEndColor 100%);
-	background-image: -webkit-linear-gradient(top, @_sap_ui_unified_ShellLayout_CurtainBGStartColor 0%, @_sap_ui_unified_ShellLayout_CurtainBGEndColor 100%);
 	background-attachment: fixed;
 	background-repeat: repeat, no-repeat;
 }

package/src/sap/ui/unified/themes/sap_horizon/ShellOverlay.less

@@ -4,23 +4,23 @@
  */
 /* ============================================ */
 /* CSS for control sap.ui.unified/ShellOverlay  */
-/* Horizon theme                                */
+/* Morning Horizon theme                        */
 /* ============================================ */
 
 .sapUiUfdShellOvrlyHeadCntnt {
-	background-color: @sapUiShellBackground;
-	box-shadow: inset 0 -1px @sapUiShellBorderColor;
+	background-color: var(--sapShell_Background);
+	box-shadow: inset 0 -1px var(--sapShell_BorderColor);
 }
 
 .sapUiUfdShellOvrlyHeadClose,
 .sapUiUfdShellOvrlyHeadClose:hover,
 .sapUiUfdShellOvrlyHeadClose:focus,
 .sapUiUfdShellOvrlyHeadClose:visited {
-	color: @sapUiButtonIconColor;
+	color: var(--sapButton_IconColor);
 	text-shadow: @sapUiShadowText;
 }
 
 .sapUiUfdShellOvrlyHeadClose:active {
-	background-color: @sapUiButtonActiveBackground;
-	color: @sapUiButtonActiveTextColor;
+	background-color: var(--sapButton_Active_Background);
+	color: var(--sapButton_Active_TextColor);
 }

package/src/sap/ui/unified/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */