@openui5/themelib_sap_horizon 1.131.1 → 1.132.0

package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less

@@ -47,57 +47,71 @@
 		&.sapMBtn {
 			padding: 0.125rem 0;
 			min-width: 2.5rem;
-		}
 
-		&.sapMBtn .sapMBtnTransparent,
-		&.sapMBtn .sapMBtnDefault,
-		&.sapMBtn .sapMBtnBack,
-		&.sapMBtn .sapMBtnUp {
-			color: @sapUiContentIconColor;
-			background-color: @sapUiButtonLiteBackground;
-			height: 2.5rem;
-
-			.sapUiIcon {
-				color: @sapUiContentIconColor;
-				line-height: 2.5rem;
+			.sapMBtnInner::after,
+			.sapMBtnIcon {
+				background: transparent;
+				color: @sapUiShellInteractiveTextColor;
 			}
-
 			.sapMBtnContent {
-				line-height: 2.5rem;
+				background: transparent;
+				color: @sapUiShellTextColor;
 			}
-		}
 
-		&.sapMBtn:focus .sapMBtnTransparent.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnEmphasized.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnDefault.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
-			&::before {
-				outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
-				border: none !important;
+			&:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnActive {
+				background: @sapUiShellActiveBackground;
+				border-color: @sapUiShellActiveBackground;
 			}
-		}
-
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
-			background: @sapUiButtonLiteHoverBackground;
-			color: @sapUiContentIconColor;
-			box-shadow: none;
-		}
-
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnTransparent,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
-			background:  @sapUiActive;
-			color: @sapUiContentIconColor;
-			box-shadow: none;
-		}
+			.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
+				background-color: @sapUiShellHoverBackground;
+				.sapMBtnIcon {
+					color: @sapUiShellActiveTextColor;
+				}
+			}
+			&:hover:not(.sapMBtnDisabled) {
+				.sapMToggleBtnPressed:not(.sapMBtnActive), .sapMToggleBtnPressed:not(.sapMBtnDisabled):hover  {
+					background-color: @sapUiShellHoverBackground;
+					.sapMBtnIcon {
+						color: @sapUiShellActiveTextColor;
+					}
+				}
+				>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
+					&:not(.sapMBtnActive) {
+						background: @sapUiShellHoverBackground;
+						border: 1px solid @sapUiButtonLiteHoverBorderColor;
+					}
+					&.sapMBtnActive {
+						background: @sapUiShellActiveBackground;
+						color: @sapUiShellActiveTextColor;
+						border: 1px solid @sapUiButtonLiteActiveBorderColor;
+
+							.sapMBtnContent bdi {
+								color: @sapUiShellActiveTextColor;
+							}
+					}
+					&.sapMBtnActive:after,
+					&.sapMBtnActive >.sapMBtnIcon {
+						color: @sapUiShellActiveTextColor;
+					}
+					&:after,
+					>.sapMBtnIcon {
+						color: @sapUiShellInteractiveTextColor;
+					}
+					>.sapMBtnContent,
+					>.sapMBtnContent bdi
+					{
+						color: @sapUiShellTextColor;
+					}
+				}
 
-		&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
-			color: @sapUiContentIconColor;
+				&:active {
+					>.sapMBtnContent,
+					>.sapMBtnInner,
+					>.sapMBtnIcon {
+						color: @sapUiShellTextColor;
+					}
+				}
+			}
 		}
 	}
 }
@@ -136,10 +150,13 @@
 				}
 			}
 		}
+
+		.sapMSF {
+			padding: 0 0;
+		}
 	}
 }
 
-
 // ==========================================================================
 // sap.m.Text, sap.m.Title and sap.m.Label overriding
 // ==========================================================================
@@ -147,9 +164,10 @@
 .sapTntToolHeader {
 	.sapMTitle {
 		text-shadow: none;
-		font-family: @sapUiFontBlackFamily;
-		font-size: 1.125rem;
+		font-family: @sapFontSemiboldFamily;
+		font-size: @sapFontHeader5Size;
 		line-height: 1.625rem;
+		color: @sapUiShellSubBrandTextColor;
 	}
 
 	.sapMText,
@@ -161,7 +179,7 @@
 	&.sapMIBar.sapMTB .sapMBarChild.sapMText,
 	&.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
 		margin-top: 2px; // to align the text/label with the title
-		margin-left: 0.75rem;
+		margin-left: 0.5rem;
 	}
 }
 
@@ -180,7 +198,7 @@
 
 .sapTntToolHeader {
 	.sapMSF {
-		height: 2.5rem;
+		height: 2.25rem;
 		padding-top: 0px;
 
 		&:not(.sapMSFVal) .sapMSFS {
@@ -193,15 +211,16 @@
 	}
 
 	.sapMSF .sapMSFF {
-		border-radius: 2rem;
-		height: 2.5rem;
+		border-radius: 1.125rem;
+		height: 2.25rem;
 		border: @_sap_tnt_ToolHeader_SF_Border;
+		background-color: @sapUiShellInteractiveBackground;
 	}
 
 	.sapMSFB {
 		width: 2rem;
 		height: 2rem;
-		margin-top: 0.1875rem;
+		margin-top: 0.05rem;
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -212,25 +231,6 @@
 		box-shadow: none;
 	}
 
-	.sapMSFSSI {
-		display: inline;
-	}
-
-	.sapMSFF .sapMSFSSI:before {
-		content: "\e00d";
-		display: block;
-		font-style: normal;
-		width: 1rem;
-		height: 1rem;
-		font-family: 'SAP-icons';
-		margin-right: 0.375rem;
-		margin-top: 0.6875rem;
-	}
-
-	.sapMSFS::after {
-		content: "\e1ed";
-	}
-
 	.sapMSFR::after,
 	.sapMSFS::after {
 		display: block;
@@ -265,8 +265,9 @@
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
-		background: @sapUiHover;
+		background: @sapUiShellHoverBackground;
 		color: @sapUiContentIconColor;
+		border: 1px solid @sapUiButtonLiteHoverBorderColor;
 	}
 
 	.sapMSFB.sapMSFR:not(:last-child):hover {
@@ -319,10 +320,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		.sapMSFS {
 			margin-right: 0.125rem;
 		}
-
-		.sapMSFF .sapMSFSSI:before {
-			margin-top: 0.4375rem;
-		}
 	}
 }
 
@@ -349,7 +346,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 	&.sapMIBar.sapMTB {
 		.sapMBarChild.sapMImg:first-child,
 		.sapMBarChild.sapMBtn + .sapMBarChild.sapMImg:first-of-type {
-			margin-left: 0.75rem;
+			margin-left: 0.5rem;
 		}
 	}
 
@@ -358,4 +355,14 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		outline-offset: 0.125rem;
 		border-radius: 0.25rem;
 	}
+}
+
+// ==========================================================================
+// sap.m.Avatar overriding
+// ==========================================================================
+
+.sapTntToolHeader {
+	.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled) {
+		border: 0.0625rem solid @sapUiShellInteractiveBorderColor;
+	}
 }

package/src/sap/tnt/themes/sap_horizon_hcb/library.source.less

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

package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less

@@ -47,57 +47,71 @@
 		&.sapMBtn {
 			padding: 0.125rem 0;
 			min-width: 2.5rem;
-		}
 
-		&.sapMBtn .sapMBtnTransparent,
-		&.sapMBtn .sapMBtnDefault,
-		&.sapMBtn .sapMBtnBack,
-		&.sapMBtn .sapMBtnUp {
-			color: @sapUiContentIconColor;
-			background-color: @sapUiButtonLiteBackground;
-			height: 2.5rem;
-
-			.sapUiIcon {
-				color: @sapUiContentIconColor;
-				line-height: 2.5rem;
+			.sapMBtnInner::after,
+			.sapMBtnIcon {
+				background: transparent;
+				color: @sapUiShellInteractiveTextColor;
 			}
-
 			.sapMBtnContent {
-				line-height: 2.5rem;
+				background: transparent;
+				color: @sapUiShellTextColor;
 			}
-		}
 
-		&.sapMBtn:focus .sapMBtnTransparent.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnEmphasized.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnDefault.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
-		&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
-			&::before {
-				outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
-				border: none !important;
+			&:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnActive {
+				background: @sapUiShellActiveBackground;
+				border-color: @sapUiShellActiveBackground;
 			}
-		}
-
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnTransparent,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
-		&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
-			background: @sapUiButtonLiteHoverBackground;
-			color: @sapUiContentIconColor;
-			box-shadow: none;
-		}
-
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnTransparent,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
-		&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
-			background:  @sapUiActive;
-			color: @sapUiContentIconColor;
-			box-shadow: none;
-		}
+			.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
+				background-color: @sapUiShellHoverBackground;
+				.sapMBtnIcon {
+					color: @sapUiShellActiveTextColor;
+				}
+			}
+			&:hover:not(.sapMBtnDisabled) {
+				.sapMToggleBtnPressed:not(.sapMBtnActive), .sapMToggleBtnPressed:not(.sapMBtnDisabled):hover  {
+					background-color: @sapUiShellHoverBackground;
+					.sapMBtnIcon {
+						color: @sapUiShellActiveTextColor;
+					}
+				}
+				>span.sapMBtnInner.sapMBtnHoverable:not(.sapMToggleBtnPressed) {
+					&:not(.sapMBtnActive) {
+						background: @sapUiShellHoverBackground;
+						border: 1px solid @sapUiButtonLiteHoverBorderColor;
+					}
+					&.sapMBtnActive {
+						background: @sapUiShellActiveBackground;
+						color: @sapUiShellActiveTextColor;
+						border: 1px solid @sapUiButtonLiteActiveBorderColor;
+
+							.sapMBtnContent bdi {
+								color: @sapUiShellActiveTextColor;
+							}
+					}
+					&.sapMBtnActive:after,
+					&.sapMBtnActive >.sapMBtnIcon {
+						color: @sapUiShellActiveTextColor;
+					}
+					&:after,
+					>.sapMBtnIcon {
+						color: @sapUiShellInteractiveTextColor;
+					}
+					>.sapMBtnContent,
+					>.sapMBtnContent bdi
+					{
+						color: @sapUiShellTextColor;
+					}
+				}
 
-		&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
-			color: @sapUiContentIconColor;
+				&:active {
+					>.sapMBtnContent,
+					>.sapMBtnInner,
+					>.sapMBtnIcon {
+						color: @sapUiShellTextColor;
+					}
+				}
+			}
 		}
 	}
 }
@@ -136,6 +150,10 @@
 				}
 			}
 		}
+
+		.sapMSF {
+			padding: 0 0;
+		}
 	}
 }
 
@@ -146,9 +164,10 @@
 .sapTntToolHeader {
 	.sapMTitle {
 		text-shadow: none;
-		font-family: @sapUiFontBlackFamily;
-		font-size: 1.125rem;
+		font-family: @sapFontSemiboldFamily;
+		font-size: @sapFontHeader5Size;
 		line-height: 1.625rem;
+		color: @sapUiShellSubBrandTextColor;
 	}
 
 	.sapMText,
@@ -160,7 +179,7 @@
 	&.sapMIBar.sapMTB .sapMBarChild.sapMText,
 	&.sapMIBar.sapMTB .sapMBarChild.sapMLabel {
 		margin-top: 2px; // to align the text/label with the title
-		margin-left: 0.75rem;
+		margin-left: 0.5rem;
 	}
 }
 
@@ -179,7 +198,7 @@
 
 .sapTntToolHeader {
 	.sapMSF {
-		height: 2.5rem;
+		height: 2.25rem;
 		padding-top: 0px;
 
 		&:not(.sapMSFVal) .sapMSFS {
@@ -192,15 +211,16 @@
 	}
 
 	.sapMSF .sapMSFF {
-		border-radius: 2rem;
-		height: 2.5rem;
+		border-radius: 1.125rem;
+		height: 2.25rem;
 		border: @_sap_tnt_ToolHeader_SF_Border;
+		background-color: @sapUiShellInteractiveBackground;
 	}
 
 	.sapMSFB {
 		width: 2rem;
 		height: 2rem;
-		margin-top: 0.1875rem;
+		margin-top: 0.05rem;
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -211,25 +231,6 @@
 		box-shadow: none;
 	}
 
-	.sapMSFSSI {
-		display: inline;
-	}
-
-	.sapMSFF .sapMSFSSI:before {
-		content: "\e00d";
-		display: block;
-		font-style: normal;
-		width: 1rem;
-		height: 1rem;
-		font-family: 'SAP-icons';
-		margin-right: 0.375rem;
-		margin-top: 0.6875rem;
-	}
-
-	.sapMSFS::after {
-		content: "\e1ed";
-	}
-
 	.sapMSFR::after,
 	.sapMSFS::after {
 		display: block;
@@ -264,8 +265,9 @@
 
 	.sapMSFS:hover::after,
 	.sapMSFR:hover::after {
-		background: @sapUiHover;
+		background: @sapUiShellHoverBackground;
 		color: @sapUiContentIconColor;
+		border: 1px solid @sapUiButtonLiteHoverBorderColor;
 	}
 
 	.sapMSFB.sapMSFR:not(:last-child):hover {
@@ -318,10 +320,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		.sapMSFS {
 			margin-right: 0.125rem;
 		}
-
-		.sapMSFF .sapMSFSSI:before {
-			margin-top: 0.4375rem;
-		}
 	}
 }
 
@@ -348,7 +346,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 	&.sapMIBar.sapMTB {
 		.sapMBarChild.sapMImg:first-child,
 		.sapMBarChild.sapMBtn + .sapMBarChild.sapMImg:first-of-type {
-			margin-left: 0.75rem;
+			margin-left: 0.5rem;
 		}
 	}
 
@@ -357,4 +355,14 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
 		outline-offset: 0.125rem;
 		border-radius: 0.25rem;
 	}
+}
+
+// ==========================================================================
+// sap.m.Avatar overriding
+// ==========================================================================
+
+.sapTntToolHeader {
+	.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled) {
+		border: 0.0625rem solid @sapUiShellInteractiveBorderColor;
+	}
 }

package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less

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

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

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

package/src/sap/ui/codeeditor/themes/sap_horizon_dark/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/library.source.less

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

package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/library.source.less

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

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

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

package/src/sap/ui/commons/themes/sap_horizon_dark/library.source.less

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

package/src/sap/ui/commons/themes/sap_horizon_hcb/library.source.less

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

package/src/sap/ui/commons/themes/sap_horizon_hcw/library.source.less

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

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -4,9 +4,9 @@
 	<name>sap_horizon</name>
 	<vendor>SAP SE</vendor>
 	<copyright>OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.131.1</version>
+	<version>1.132.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>