@openui5/themelib_sap_horizon 1.139.0 → 1.140.0

package/THIRDPARTY.txt

@@ -444,7 +444,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.30.0
+Component: SAP Theming Base Content, version: 11.31.1
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.139.0",
+  "version": "1.140.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.139.0",
-    "@openui5/sap.m": "1.139.0",
-    "@openui5/sap.tnt": "1.139.0",
-    "@openui5/sap.ui.codeeditor": "1.139.0",
-    "@openui5/sap.ui.commons": "1.139.0",
-    "@openui5/sap.ui.core": "1.139.0",
-    "@openui5/sap.ui.dt": "1.139.0",
-    "@openui5/sap.ui.fl": "1.139.0",
-    "@openui5/sap.ui.mdc": "1.139.0",
-    "@openui5/sap.ui.integration": "1.139.0",
-    "@openui5/sap.ui.layout": "1.139.0",
-    "@openui5/sap.ui.rta": "1.139.0",
-    "@openui5/sap.ui.suite": "1.139.0",
-    "@openui5/sap.ui.table": "1.139.0",
-    "@openui5/sap.ui.unified": "1.139.0",
-    "@openui5/sap.ui.ux3": "1.139.0",
-    "@openui5/sap.uxap": "1.139.0"
+    "@openui5/sap.f": "1.140.0",
+    "@openui5/sap.m": "1.140.0",
+    "@openui5/sap.tnt": "1.140.0",
+    "@openui5/sap.ui.codeeditor": "1.140.0",
+    "@openui5/sap.ui.commons": "1.140.0",
+    "@openui5/sap.ui.core": "1.140.0",
+    "@openui5/sap.ui.dt": "1.140.0",
+    "@openui5/sap.ui.fl": "1.140.0",
+    "@openui5/sap.ui.mdc": "1.140.0",
+    "@openui5/sap.ui.integration": "1.140.0",
+    "@openui5/sap.ui.layout": "1.140.0",
+    "@openui5/sap.ui.rta": "1.140.0",
+    "@openui5/sap.ui.suite": "1.140.0",
+    "@openui5/sap.ui.table": "1.140.0",
+    "@openui5/sap.ui.unified": "1.140.0",
+    "@openui5/sap.ui.ux3": "1.140.0",
+    "@openui5/sap.uxap": "1.140.0"
   }
 }

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

@@ -35,7 +35,7 @@
 /* ------------------- */
 /* Button Icon         */
 /* ------------------- */
-.sapMBtnIcon {
+.sapMBtnIcon.sapUiIcon {
 	width: 2.125rem;
 	font-size: 1rem;
 	line-height: 2.125rem;
@@ -137,24 +137,6 @@
 /* Custom focus border:                                                 */
 /* ---------------------------------------------------------------------*/
 
-.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
-html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
-	border-color: var(--sapContent_FocusColor);
-}
-
-// Value State Message buttons
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
-	border-color: var(--sapButton_Critical_BorderColor);
-}
-
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
-	border-color: var(--sapButton_Negative_BorderColor);
-}
-
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
-	border-color: var(--sapButton_Success_BorderColor);
-}
-
 .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
 	content: '';
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 	text-shadow: var(--sapContent_TextShadow);
 }
 
+// Value State Message buttons
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
+	border-color: var(--sapButton_Critical_BorderColor);
+}
+
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
+	border-color: var(--sapButton_Negative_BorderColor);
+}
+
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
+	border-color: var(--sapButton_Success_BorderColor);
+}
+
 .sapMBtn {
 	.sapMBtnCritical,
 	.sapMBtnNegative,

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

@@ -110,7 +110,7 @@
 }
 
 .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
-	top: -0.1475rem;
+	top: -0.1075rem;
 }
 
 .sapMCbDisplayOnly .sapMCbBg {
@@ -150,7 +150,7 @@
 	border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
 	inset: 0.3125rem;
 	position: absolute;
-	border-radius: var(--sapField_BorderCornerRadius);
+	border-radius: 0.5rem;
 }
 
 .sapMCb.sapMCbHasLabel {
@@ -224,6 +224,17 @@
 		left: 0.5625rem;
 	}
 
+	.sapMCb:focus::before {
+		inset: 0.125rem;
+	}
+
+	.sapMCb.sapMCbHasLabel:focus::before {
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.125rem;
+		right: 0;
+	}
+
 	/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
 	.sapUiForm {
 

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

@@ -84,7 +84,8 @@
 	}
 
 	&.sapMInputBaseReadonlyWrapper {
-		background: var(--sapField_ReadOnly_Background);
+		background: var(--sapField_ReadOnly_BackgroundStyle);
+		background-color: var(--sapField_ReadOnly_Background);
 	}
 
 	&.sapMInputBaseContentWrapperSuccess::before {

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

@@ -72,7 +72,7 @@
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
 	background-color: var(--sapGroup_ContentBackground);
-	padding-left: 1rem;
+	padding: 0 1rem;
 }
 
 .sapMMsgViewDescIcon {

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

@@ -92,7 +92,7 @@
 
 	& .sapMPanelHeaderTB {
 		border-top-left-radius: 0;
-		margin-left: 2.75rem;
+		margin-left: 2.5rem;
 	}
 
 	&:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {

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

@@ -325,7 +325,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 	background-size: 100% var(--sapField_InvalidBorderWidth);
 	background-repeat: repeat-x;
 	background-position: bottom;
-	background-color: var(--sapField_InvalidBackgroundStyle);
+	background-color: var(--sapField_InvalidBackground);
 	box-shadow: var(--sapField_InvalidShadow);
 }
 

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

@@ -5,30 +5,33 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: hidden;
+	overflow: visible;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0.5rem;
+	padding: 0.625rem 0;
 }
 
 /* focus */
 html.sap-desktop {
 
-	.sapMSwtCont:focus > .sapMSwt::before {
+	.sapMSwtCont:focus::after {
 		content: ' ';
 		position: absolute;
 		display: block;
-		top: -0.3125rem;
-		left: -0.3125rem;
-		bottom: -0.3125rem;
-		right: -0.3125rem;
+		top: 0.375rem;
+		left: -0.25rem;
+		bottom: 0.375rem;
+		right: -0.25rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
+		pointer-events: none;
 	}
 
 	.sapUiSizeCompact {
 
-		.sapMSwtCont:focus > .sapMSwt::before {
+		.sapMSwtCont:focus::after {
 			border-radius: 0.875rem;
+			top: 0.125rem;
+			bottom: 0.125rem;
 		}
 	}
 }
@@ -37,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: visible;
+	overflow: hidden;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_dark/Button.less

@@ -35,7 +35,7 @@
 /* ------------------- */
 /* Button Icon         */
 /* ------------------- */
-.sapMBtnIcon {
+.sapMBtnIcon.sapUiIcon {
 	width: 2.125rem;
 	font-size: 1rem;
 	line-height: 2.125rem;
@@ -137,24 +137,6 @@
 /* Custom focus border:                                                 */
 /* ---------------------------------------------------------------------*/
 
-.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
-html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
-	border-color: var(--sapContent_FocusColor);
-}
-
-// Value State Message buttons
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
-	border-color: var(--sapButton_Critical_BorderColor);
-}
-
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
-	border-color: var(--sapButton_Negative_BorderColor);
-}
-
-:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
-	border-color: var(--sapButton_Success_BorderColor);
-}
-
 .sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
 	content: '';
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 	text-shadow: var(--sapContent_TextShadow);
 }
 
+// Value State Message buttons
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
+	border-color: var(--sapButton_Critical_BorderColor);
+}
+
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
+	border-color: var(--sapButton_Negative_BorderColor);
+}
+
+:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
+	border-color: var(--sapButton_Success_BorderColor);
+}
+
 .sapMBtn {
 	.sapMBtnCritical,
 	.sapMBtnNegative,

package/src/sap/m/themes/sap_horizon_dark/CheckBox.less

@@ -110,7 +110,7 @@
 }
 
 .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
-	top: -0.1475rem;
+	top: -0.1075rem;
 }
 
 .sapMCbDisplayOnly .sapMCbBg {
@@ -150,7 +150,7 @@
 	border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
 	inset: 0.3125rem;
 	position: absolute;
-	border-radius: var(--sapField_BorderCornerRadius);
+	border-radius: 0.5rem;
 }
 
 .sapMCb.sapMCbHasLabel {
@@ -224,6 +224,17 @@
 		left: 0.5625rem;
 	}
 
+	.sapMCb:focus::before {
+		inset: 0.125rem;
+	}
+
+	.sapMCb.sapMCbHasLabel:focus::before {
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.125rem;
+		right: 0;
+	}
+
 	/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
 	.sapUiForm {
 

package/src/sap/m/themes/sap_horizon_dark/InputBase.less

@@ -85,7 +85,8 @@
 	}
 
 	&.sapMInputBaseReadonlyWrapper {
-		background: var(--sapField_ReadOnly_Background);
+		background: var(--sapField_ReadOnly_BackgroundStyle);
+		background-color: var(--sapField_ReadOnly_Background);
 	}
 
 	&.sapMInputBaseContentWrapperSuccess::before {

package/src/sap/m/themes/sap_horizon_dark/MessageView.less

@@ -76,7 +76,7 @@
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
 	background-color: var(--sapGroup_ContentBackground);
-	padding-left: 1rem;
+	padding: 0 1rem;
 }
 
 .sapMMsgViewDescIcon {

package/src/sap/m/themes/sap_horizon_dark/Panel.less

@@ -86,7 +86,7 @@
 
 	& .sapMPanelHeaderTB {
 		border-top-left-radius: 0;
-		margin-left: 2.75rem;
+		margin-left: 2.5rem;
 	}
 
 	&:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {

package/src/sap/m/themes/sap_horizon_dark/Select.less

@@ -327,7 +327,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 	background-size: 100% var(--sapField_InvalidBorderWidth);
 	background-repeat: repeat-x;
 	background-position: bottom;
-	background-color: var(--sapField_InvalidBackgroundStyle);
+	background-color: var(--sapField_InvalidBackground);
 	box-shadow: var(--sapField_InvalidShadow);
 }
 

package/src/sap/m/themes/sap_horizon_dark/Switch.less

@@ -5,30 +5,33 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: hidden;
+	overflow: visible;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0.5rem;
+	padding: 0.625rem 0;
 }
 
 /* focus */
 html.sap-desktop {
 
-	.sapMSwtCont:focus > .sapMSwt::before {
+	.sapMSwtCont:focus::after {
 		content: ' ';
 		position: absolute;
 		display: block;
-		top: -0.3125rem;
-		left: -0.3125rem;
-		bottom: -0.3125rem;
-		right: -0.3125rem;
+		top: 0.375rem;
+		left: -0.25rem;
+		bottom: 0.375rem;
+		right: -0.25rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
+		pointer-events: none;
 	}
 
 	.sapUiSizeCompact {
 
-		.sapMSwtCont:focus > .sapMSwt::before {
+		.sapMSwtCont:focus::after {
 			border-radius: 0.875rem;
+			top: 0.125rem;
+			bottom: 0.125rem;
 		}
 	}
 }
@@ -37,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: visible;
+	overflow: hidden;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_hcb/Button.less

@@ -43,7 +43,7 @@
 /* ------------------- */
 /* Button Icon         */
 /* ------------------- */
-.sapMBtnIcon {
+.sapMBtnIcon.sapUiIcon {
 	width: 2.125rem;
 	font-size: 1rem;
 	line-height: 2.125rem;

package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less

@@ -118,7 +118,7 @@
 }
 
 .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
-	top: -0.1475rem;
+	top: -0.1075rem;
 }
 
 .sapMCbDisplayOnly .sapMCbBg {
@@ -173,7 +173,7 @@
 	bottom: 0.3125rem;
 	right: 0;
 	position: absolute;
-	border-radius: 0.5rem;
+	border-radius: var(--sapField_BorderCornerRadius);
 }
 
 /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
@@ -235,6 +235,17 @@
 		left: 0.5625rem;
 	}
 
+	.sapMCb:focus::before {
+		inset: 0.125rem;
+	}
+
+	.sapMCb.sapMCbHasLabel:focus::before {
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.125rem;
+		right: 0;
+	}
+
 	/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
 	.sapUiForm {
 

package/src/sap/m/themes/sap_horizon_hcb/MessageView.less

@@ -73,7 +73,7 @@
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
 	background-color: var(--sapGroup_ContentBackground);
-	padding-left: 1rem;
+	padding: 0 1rem;
 }
 
 .sapMMsgViewDescIcon {

package/src/sap/m/themes/sap_horizon_hcb/Switch.less

@@ -5,30 +5,33 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: hidden;
+	overflow: visible;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0.5rem;
+	padding: 0.625rem 0;
 }
 
 /* focus */
 html.sap-desktop {
 
-	.sapMSwtCont:focus > .sapMSwt::before {
+	.sapMSwtCont:focus::after {
 		content: ' ';
 		position: absolute;
 		display: block;
-		top: -0.3125rem;
-		left: -0.3125rem;
-		bottom: -0.3125rem;
-		right: -0.3125rem;
+		top: 0.375rem;
+		left: -0.25rem;
+		bottom: 0.375rem;
+		right: -0.25rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
+		pointer-events: none;
 	}
 
 	.sapUiSizeCompact {
 
-		.sapMSwtCont:focus > .sapMSwt::before {
+		.sapMSwtCont:focus::after {
 			border-radius: 0.875rem;
+			top: 0.125rem;
+			bottom: 0.125rem;
 		}
 	}
 }
@@ -37,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: visible;
+	overflow: hidden;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_hcw/Button.less

@@ -43,7 +43,7 @@
 /* ------------------- */
 /* Button Icon         */
 /* ------------------- */
-.sapMBtnIcon {
+.sapMBtnIcon.sapUiIcon {
 	width: 2.125rem;
 	font-size: 1rem;
 	line-height: 2.125rem;

package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less

@@ -118,7 +118,7 @@
 }
 
 .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
-	top: -0.1475rem;
+	top: -0.1075rem;
 }
 
 .sapMCbDisplayOnly .sapMCbBg {
@@ -173,7 +173,7 @@
 	bottom: 0.3125rem;
 	right: 0;
 	position: absolute;
-	border-radius: 0.5rem;
+	border-radius:var(--sapField_BorderCornerRadius);
 }
 
 /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
@@ -235,6 +235,17 @@
 		left: 0.5625rem;
 	}
 
+	.sapMCb:focus::before {
+		inset: 0.125rem;
+	}
+
+	.sapMCb.sapMCbHasLabel:focus::before {
+		top: 0.125rem;
+		left: 0.125rem;
+		bottom: 0.125rem;
+		right: 0;
+	}
+
 	/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
 	.sapUiForm {
 

package/src/sap/m/themes/sap_horizon_hcw/MessageView.less

@@ -73,7 +73,7 @@
 
 .sapMMsgView .sapMIBar.sapMHeader-CTX {
 	background-color: var(--sapGroup_ContentBackground);
-	padding-left: 1rem;
+	padding: 0 1rem;
 }
 
 .sapMMsgViewDescIcon {

package/src/sap/m/themes/sap_horizon_hcw/Switch.less

@@ -5,30 +5,33 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: hidden;
+	overflow: visible;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0.5rem;
+	padding: 0.625rem 0;
 }
 
 /* focus */
 html.sap-desktop {
 
-	.sapMSwtCont:focus > .sapMSwt::before {
+	.sapMSwtCont:focus::after {
 		content: ' ';
 		position: absolute;
 		display: block;
-		top: -0.3125rem;
-		left: -0.3125rem;
-		bottom: -0.3125rem;
-		right: -0.3125rem;
+		top: 0.375rem;
+		left: -0.25rem;
+		bottom: 0.375rem;
+		right: -0.25rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
+		pointer-events: none;
 	}
 
 	.sapUiSizeCompact {
 
-		.sapMSwtCont:focus > .sapMSwt::before {
+		.sapMSwtCont:focus::after {
 			border-radius: 0.875rem;
+			top: 0.125rem;
+			bottom: 0.125rem;
 		}
 	}
 }
@@ -37,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: visible;
+	overflow: hidden;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.139.0</version>
+	<version>1.140.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

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

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
-// * Theming Engine 16.0.2
-// * data:{"sModified":"2025-05-14T05:17:19Z"}
+// * Theming Engine 16.0.13
+// * data:{"sModified":"2025-07-11T07:56:16Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.30.0) *******************/
+/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.31.1) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -520,7 +520,7 @@
 
 // [Tags "!Protected"]
 // [Protected "!true"]
-@sapContent_Lite_Shadow: None;
+@sapContent_Lite_Shadow: none;
 
 // [Tags "!Protected"]
 // [Protected "!true"]
@@ -780,7 +780,7 @@
 
 // [Tags "!Protected"]
 // [Protected "!true"]
-@sapShell_BorderColor: @sapShellColor;
+@sapShell_BorderColor: darken(@sapShellColor, 15);
 
 // [Tags "!Protected"]
 // [Protected "!true"]
@@ -3577,13 +3577,13 @@
 // [Tags "!Protected"]
 // [Protected "!true"]
 @sapChart_Neutral: #758ca4;
-@sapChart_Sequence_1_Plus3: lighten(saturate(@sapChart_Sequence_1, 14), 25);
+@sapChart_Sequence_1_Plus3: lighten(@sapChart_Sequence_1, 23);
 @sapChart_Sequence_1_Plus3_TextColor: contrast(@sapChart_Sequence_1_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Plus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Plus2: lighten(desaturate(@sapChart_Sequence_1, 1), 7);
+@sapChart_Sequence_1_Plus2: lighten(@sapChart_Sequence_1, 15);
 @sapChart_Sequence_1_Plus2_TextColor: contrast(@sapChart_Sequence_1_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Plus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Plus1: lighten(saturate(@sapChart_Sequence_1, 12), 8);
+@sapChart_Sequence_1_Plus1: lighten(@sapChart_Sequence_1, 8);
 @sapChart_Sequence_1_Plus1_TextColor: contrast(@sapChart_Sequence_1_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Plus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Plus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
 
@@ -3592,20 +3592,20 @@
 @sapChart_Sequence_1: @sapChart_OrderedColor_1;
 @sapChart_Sequence_1_TextColor: contrast(@sapChart_Sequence_1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_BorderColor: @sapChart_Sequence_1;
-@sapChart_Sequence_1_Minus1: darken(desaturate(@sapChart_Sequence_1, 6), 7);
+@sapChart_Sequence_1_BorderColor: @sapChart_Sequence_1_Minus1;
+@sapChart_Sequence_1_Minus1: darken(@sapChart_Sequence_1, 10);
 @sapChart_Sequence_1_Minus1_TextColor: contrast(@sapChart_Sequence_1_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Minus1_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus1_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Minus2: darken(desaturate(@sapChart_Sequence_1, 6), 7);
+@sapChart_Sequence_1_Minus2: darken(@sapChart_Sequence_1, 16);
 @sapChart_Sequence_1_Minus2_TextColor: contrast(@sapChart_Sequence_1_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Minus2_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus2_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Minus3: darken(desaturate(@sapChart_Sequence_1, 8), 22);
+@sapChart_Sequence_1_Minus3: darken(@sapChart_Sequence_1, 22);
 @sapChart_Sequence_1_Minus3_TextColor: contrast(@sapChart_Sequence_1_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Minus4: darken(desaturate(@sapChart_Sequence_1, 7), 27);
+@sapChart_Sequence_1_Minus4: darken(@sapChart_Sequence_1, 32);
 @sapChart_Sequence_1_Minus4_TextColor: contrast(@sapChart_Sequence_1_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_1_Minus5: darken(desaturate(@sapChart_Sequence_1, 7), 32);
+@sapChart_Sequence_1_Minus5: darken(@sapChart_Sequence_1, 36);
 @sapChart_Sequence_1_Minus5_TextColor: contrast(@sapChart_Sequence_1_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_1_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_1_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
 @sapChart_Sequence_2_Plus3: lighten(desaturate(@sapChart_Sequence_2, 20), 30);
@@ -3633,7 +3633,7 @@
 @sapChart_Sequence_2_Minus3: darken(@sapChart_Sequence_2, 20);
 @sapChart_Sequence_2_Minus3_TextColor: contrast(@sapChart_Sequence_2_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
 @sapChart_Sequence_2_Minus3_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus3_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 20);
+@sapChart_Sequence_2_Minus4: darken(@sapChart_Sequence_2, 25);
 @sapChart_Sequence_2_Minus4_TextColor: contrast(@sapChart_Sequence_2_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
 @sapChart_Sequence_2_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_2_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
 @sapChart_Sequence_2_Minus5: darken(@sapChart_Sequence_2, 30);
@@ -3915,7 +3915,7 @@
 @sapChart_Sequence_11_Minus4: darken(desaturate(@sapChart_Sequence_11, 20), 32);
 @sapChart_Sequence_11_Minus4_TextColor: contrast(@sapChart_Sequence_11_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_11_Minus4_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus4_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
-@sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20), 24);
+@sapChart_Sequence_11_Minus5: darken(desaturate(@sapChart_Sequence_11, 20), 42);
 @sapChart_Sequence_11_Minus5_TextColor: contrast(@sapChart_Sequence_11_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
 @sapChart_Sequence_11_Minus5_TextShadow: 0 0 .125rem contrast(@sapChart_Sequence_11_Minus5_TextColor, @sapContent_ShadowColor, @sapChart_ContrastShadowColor, @sapContent_ContrastTextThreshold);
 @sapChart_Sequence_12_Plus3: lighten(desaturate(@sapChart_Sequence_12, 1), 35);

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.139.0</version>
+	<version>1.140.0</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

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

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
-// * Theming Engine 16.0.2
-// * data:{"sModified":"2025-05-14T05:17:19Z"}
+// * Theming Engine 16.0.13
+// * data:{"sModified":"2025-07-11T07:56:16Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.30.0) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.31.1) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -780,7 +780,7 @@
 
 // [Tags "!Protected"]
 // [Protected "!true"]
-@sapShell_BorderColor: @sapShellColor;
+@sapShell_BorderColor: lighten(@sapShellColor, 8);
 
 // [Tags "!Protected"]
 // [Protected "!true"]

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.139.0</version>
+	<version>1.140.0</version>
 
 	<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
 

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

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
-// * Theming Engine 16.0.2
-// * data:{"sModified":"2025-05-14T05:17:19Z"}
+// * Theming Engine 16.0.13
+// * data:{"sModified":"2025-07-11T07:56:16Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.30.0) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.31.1) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -947,7 +947,7 @@
 
 // [Tags "!Protected"]
 // [Protected "!true"]
-@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapShell_Category_1_Background: @sapHC_StandardBackground;
 
 // [Tags "!Protected"]

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.139.0</version>
+	<version>1.140.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

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

@@ -1,11 +1,11 @@
 // /**
 // * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
-// * Theming Engine 16.0.2
-// * data:{"sModified":"2025-05-14T05:17:19Z"}
+// * Theming Engine 16.0.13
+// * data:{"sModified":"2025-07-11T07:56:16Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.30.0) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.31.1) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -947,7 +947,7 @@
 
 // [Tags "!Protected"]
 // [Protected "!true"]
-@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor,@sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
+@sapShell_SubBrand_TextColor: contrast(@sapShellColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapShell_Category_1_Background: @sapHC_StandardBackground;
 
 // [Tags "!Protected"]

package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less

@@ -14,9 +14,6 @@
 }
 
 .sapUiForm .sapUiFormTitle {
-	border-width: 1px;
-	border-color: var(--sapGroup_TitleBorderColor);
-	font-family: var(--sapFontHeaderFamily);
 	height: 2.75rem;
 	line-height: 2.75rem;
 }
@@ -36,12 +33,11 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 level, but H5 size */
+/* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
-.sapUiFormTitleH5,
 .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader5Size);
 }
@@ -54,15 +50,9 @@
 .sapUiFormContainerTitle .sapUiFormTitleH5,
 .sapUiFormContainerTitle .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader6Size);
-	color: var(--sapGroup_TitleTextColor);
-	font-weight: bold;
 }
 
 /* Toolbar */
-.sapUiFormContainerToolbar > div:first-child > .sapMTitle {
-	font-weight: bold;
-}
-
 .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
 	font-size: var(--sapFontHeader5Size);
 }

package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less

@@ -14,9 +14,6 @@
 }
 
 .sapUiForm .sapUiFormTitle {
-	border-width: 1px;
-	border-color: var(--sapGroup_TitleBorderColor);
-	font-family: var(--sapFontHeaderFamily);
 	height: 2.75rem;
 	line-height: 2.75rem;
 }
@@ -36,12 +33,11 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 level, but H5 size */
+/* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
-.sapUiFormTitleH5,
 .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader5Size);
 }
@@ -54,15 +50,9 @@
 .sapUiFormContainerTitle .sapUiFormTitleH5,
 .sapUiFormContainerTitle .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader6Size);
-	color: var(--sapGroup_TitleTextColor);
-	font-weight: bold;
 }
 
 /* Toolbar */
-.sapUiFormContainerToolbar > div:first-child > .sapMTitle {
-	font-weight: bold;
-}
-
 .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
 	font-size: var(--sapFontHeader5Size);
 }

package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less

@@ -21,12 +21,11 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 level, but H5 size */
+/* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
-.sapUiFormTitleH5,
 .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader5Size);
 }
@@ -39,15 +38,9 @@
 .sapUiFormContainerTitle .sapUiFormTitleH5,
 .sapUiFormContainerTitle .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader6Size);
-	color: var(--sapGroup_TitleTextColor);
-	font-weight: bold;
 }
 
 /* Toolbar */
-.sapUiFormContainerToolbar > div:first-child > .sapMTitle {
-	font-weight: bold;
-}
-
 .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
 	font-size: var(--sapFontHeader5Size);
 }

package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less

@@ -21,12 +21,11 @@
 }
 
 /* Title levels should be all rendered in same style. Levels can be changed by application to meet page structure without visual effect */
-/* Form Titles are rendered using H4 level, but H5 size */
+/* Form Titles are rendered using H4 level, but H5 size (no need to overwrite H5 class, as already set in Base-Theme)*/
 .sapUiFormTitleH1,
 .sapUiFormTitleH2,
 .sapUiFormTitleH3,
 .sapUiFormTitleH4,
-.sapUiFormTitleH5,
 .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader5Size);
 }
@@ -39,15 +38,9 @@
 .sapUiFormContainerTitle .sapUiFormTitleH5,
 .sapUiFormContainerTitle .sapUiFormTitleH6 {
 	font-size: var(--sapFontHeader6Size);
-	color: var(--sapGroup_TitleTextColor);
-	font-weight: bold;
 }
 
 /* Toolbar */
-.sapUiFormContainerToolbar > div:first-child > .sapMTitle {
-	font-weight: bold;
-}
-
 .sapUiFormToolbar > div:first-child >.sapMTitle.sapMTitleStyleAuto {
 	font-size: var(--sapFontHeader5Size);
 }

package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less

@@ -6,4 +6,12 @@
 html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
 	outline: none;
 	box-shadow: none;
+}
+
+.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
+	border-radius: 0.125rem;
+	background-color: var(--sapContent_FocusColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: none;
+	outline: none;
 }

package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less

@@ -6,4 +6,12 @@
 html.sap-desktop .sapUiMdcTokenizerDisplay.sapMTokenizer:focus {
 	outline: none;
 	box-shadow: none;
+}
+
+.sapUiMdcTokenizerDisplay .sapMTokenizerIndicator:focus {
+	border-radius: 0.125rem;
+	background-color: var(--sapContent_FocusColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: none;
+	outline: none;
 }

package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less

@@ -1,9 +1,9 @@
 /******************************************************************
 	Style of the RTA Contextmenu - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
-@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
+@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
 
 .sapUiRtaMode {
 	.sapUiDtContextMenu {

package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Dialogs - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#0070f2
 
 .sapMDialog.sapUiRTABorder {
 	border-image: none;

package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less

@@ -1,17 +1,17 @@
 /******************************************************************
 	Style of the RTA Toolbar (type: adaptation) - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#131e29
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
-@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#9f5a00
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#256f3a
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#0032a5
-@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
+@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: ~"hsl(from var(--sapContent_RatedColor) h s calc(l - 10) / alpha)"; // #9f5a00, darken the rated color by 10%
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#256f3a
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#0032a5
+@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#fff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {

package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Toolbar (all types) - Horizon Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#fff
-@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
+@_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#fff
+@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#0070f2
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar {

package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less

@@ -1,9 +1,9 @@
 /******************************************************************
 	Style of the RTA Contextmenu - Horizon Dark Theme
 *******************************************************************/
-@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
-@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
+@_sap_ui_rta_ContextMenu_BorderLightColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_ContextMenu_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
+@_sap_ui_rta_ContextMenu_BorderRadius: var(--sapGroup_BorderCornerRadius); // 0.75rem
 
 .sapUiRtaMode {
 	.sapUiDtContextMenu {

package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Dialogs - Horizon Dark Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
+@_sap_ui_rta_Dialogs_BorderLightColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_Dialogs_BorderDarkColor: var(--sapInformationBorderColor); //#4db1ff
 
 .sapMDialog.sapUiRTABorder {
 	border-image: none;

package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less

@@ -1,19 +1,19 @@
 /********************************************************************
 	Style of the RTA Toolbar (type: adaptation) - Horizon Dark Theme
 *********************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#eaecee
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: var(--sapShell_TextColor); //#f5f6f7
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: @sapUiButtonHoverBorderColor; //#3a4a5a
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
-@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentRatedColor; //##ffdf72
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#97dd40
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#9ad3ff
-@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: @sapUiButtonLiteHoverTextColor; //#4db1ff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: var(--sapButton_Emphasized_TextColor); //#fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: var(--sapButton_Hover_BorderColor); //#3a4a5a
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: ~"hsl(from var(--sapButton_Emphasized_Background) h s calc(l - 5) / alpha)"; // #0064d9, darken the emphasized button background by 5%
+@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: var(--sapButton_BorderCornerRadius); //0.5rem
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: var(--sapContent_RatedColor); //##ffdf72
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: var(--sapShell_PositiveColor); //#97dd40
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: var(--sapContent_FocusColor); //#9ad3ff
+@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_Toolbar_Adaptation_BtnHoverTextColor: var(--sapButton_Lite_Hover_TextColor); //#4db1ff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {

package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less

@@ -1,8 +1,8 @@
 /******************************************************************
 	Style of the RTA Toolbar (all types) - Horizon Dark Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#1d232a
-@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#4db1ff
+@_sap_ui_rta_Toolbar_Base_BackgroundColor: var(--sapToolbar_Background); //#1d232a
+@_sap_ui_rta_Toolbar_Base_OutlineColor: var(--sapInformationBorderColor); //#4db1ff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar {