@openui5/themelib_sap_horizon 1.145.1 → 1.147.0

package/REUSE.toml

@@ -613,57 +613,6 @@ SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: hammer.js"
 
 
-# Library: sap.ui.webc.common:
-
-[[annotations]]
-path = [
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/**"
-]
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-[[annotations]]
-path = "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "Google LLC"
-SPDX-License-Identifier = "BSD-3-Clause"
-SPDX-FileComment = "these files belong to: lit-html"
-
-
-# Library: sap.ui.webc.fiori:
-
-[[annotations]]
-path = "src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-[[annotations]]
-path = "src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: ZXing"
-
-
-# Library: sap.ui.webc.main:
-
-[[annotations]]
-path = "src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-
 # Outside of Libraries:
 
 [[annotations]]

package/THIRDPARTY.txt

@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.f:
 
-Component: UI5 Web Components, version: 2.15.0
+Component: UI5 Web Components, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Fiori, version: 2.15.0
+Component: UI5 Web Components Fiori, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons, version: 2.15.0
+Component: UI5 Web Components Icons, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Component: UI5 Web Components Icons Business Suite, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons TNT, version: 2.15.0
+Component: UI5 Web Components Icons TNT, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -446,50 +446,6 @@ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.mdc/test/sap/ui/mdc/demokit/sample/Chart/ChartJS/control/hammerjs.js
 
 
-Library: sap.ui.webc.common:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/**
-
-Component: lit-html, version: 2.2.2
-Copyright: Google LLC
-License: BSD-3-Clause
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/**
-
-
-Library: sap.ui.webc.fiori:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/**
-
-Component: ZXing, version: 0.17.1
-Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js
-
-
-Library: sap.ui.webc.main:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/**
-
-
 Outside of Libraries:
 
 Component: JSDoc 3, version: 3.6.7
@@ -498,7 +454,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.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
+Component: SAP Theming Base Content, version: 11.34.0
 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.145.1",
+  "version": "1.147.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.145.1",
-    "@openui5/sap.m": "1.145.1",
-    "@openui5/sap.tnt": "1.145.1",
-    "@openui5/sap.ui.codeeditor": "1.145.1",
-    "@openui5/sap.ui.commons": "1.145.1",
-    "@openui5/sap.ui.core": "1.145.1",
-    "@openui5/sap.ui.dt": "1.145.1",
-    "@openui5/sap.ui.fl": "1.145.1",
-    "@openui5/sap.ui.mdc": "1.145.1",
-    "@openui5/sap.ui.integration": "1.145.1",
-    "@openui5/sap.ui.layout": "1.145.1",
-    "@openui5/sap.ui.rta": "1.145.1",
-    "@openui5/sap.ui.suite": "1.145.1",
-    "@openui5/sap.ui.table": "1.145.1",
-    "@openui5/sap.ui.unified": "1.145.1",
-    "@openui5/sap.ui.ux3": "1.145.1",
-    "@openui5/sap.uxap": "1.145.1"
+    "@openui5/sap.f": "1.147.0",
+    "@openui5/sap.m": "1.147.0",
+    "@openui5/sap.tnt": "1.147.0",
+    "@openui5/sap.ui.codeeditor": "1.147.0",
+    "@openui5/sap.ui.commons": "1.147.0",
+    "@openui5/sap.ui.core": "1.147.0",
+    "@openui5/sap.ui.dt": "1.147.0",
+    "@openui5/sap.ui.fl": "1.147.0",
+    "@openui5/sap.ui.mdc": "1.147.0",
+    "@openui5/sap.ui.integration": "1.147.0",
+    "@openui5/sap.ui.layout": "1.147.0",
+    "@openui5/sap.ui.rta": "1.147.0",
+    "@openui5/sap.ui.suite": "1.147.0",
+    "@openui5/sap.ui.table": "1.147.0",
+    "@openui5/sap.ui.unified": "1.147.0",
+    "@openui5/sap.ui.ux3": "1.147.0",
+    "@openui5/sap.uxap": "1.147.0"
   }
 }

package/src/sap/f/themes/sap_horizon/AvatarGroup.less

@@ -3,14 +3,6 @@
 /* Morning Horizon theme              */
 /* ================================== */
 
-.applyBorderColorAccent(@counter) when (@counter > 0) {
-	.applyBorderColorAccent(@counter - 1);
-
-	.sapFAvatar.sapFAvatarColorAccent@{counter} {
-		border: 0.0625rem solid~"@{sapUiAccent@{counter}}";
-	}
-}
-
 .sapFAvatarGroup {
 	padding: 0.125rem;
 
@@ -21,20 +13,29 @@
 	&:focus {
 		box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
 		outline: none;
-		border-radius: 0.35rem;
+	}
+
+	&.sapFAvatarGroupGroup:focus {
+		border-radius: ~"calc(var(--sapUiAvatarGroupButtonInnerHeight) / 2)";
 	}
 
 	&.sapFAvatarGroupIndividual {
+		overflow: visible;
 
 		.sapFAvatarGroupItem {
+			padding: 0.125rem;
+			margin: 0.125rem;
 
-			&:hover:not(:active):not(:focus) {
-				.applyBorderColorAccent(10)
+			&:hover:not(:active) {
+				.sapFAvatar {
+					border: 0.0625rem solid var(--sapAvatar_Hover_BorderColor);
+				}
 			}
 
 			&:active {
 
 				.sapFAvatar {
+					border: 0.0625rem solid var(--sapButton_Active_BorderColor);
 					background-color: var(--sapButton_Active_Background);
 
 					.sapFAvatarInitialsHolder,
@@ -46,10 +47,24 @@
 
 			&:focus {
 				outline: none;
+				box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+				border-radius: 50%;
+			}
+		}
 
-				.sapFAvatar {
-					outline: none;
-					box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+		.sapFAvatarGroupMoreButton {
+			--button-padding: 0.125rem;
+			padding: var(--button-padding);
+			margin: 0.125rem;
+			height: ~"calc(var(--sapUiAvatarGroupButtonInnerHeight) + 2 * var(--button-padding))";
+
+			&:focus {
+				outline: none;
+				box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+				border-radius: 50%;
+
+				> .sapMFocusable:not(.sapMBadgeIndicator)::before {
+					display: none;
 				}
 			}
 		}
@@ -60,7 +75,21 @@
 		&:hover:not(:active) {
 
 			.sapFAvatarGroupItem {
-				.applyBorderColorAccent(10);
+				.sapFAvatar {
+					border: 0.0625rem solid var(--sapAvatar_Hover_BorderColor);
+				}
+			}
+
+			.sapFAvatarGroupMoreButton {
+
+				.sapMBtnInner {
+					background-color: var(--sapButton_Hover_Background);
+					border: 0.0625rem solid var(--sapButton_Hover_BorderColor);
+
+					.sapMBtnContent {
+						color: var(--sapButton_Hover_TextColor);
+					}
+				}
 			}
 		}
 

package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less

@@ -3,14 +3,6 @@
 /* Evening Horizon theme              */
 /* ================================== */
 
-.applyBorderColorAccent(@counter) when (@counter > 0) {
-	.applyBorderColorAccent(@counter - 1);
-
-	.sapFAvatar.sapFAvatarColorAccent@{counter} {
-		border: 0.0625rem solid~"@{sapUiAccent@{counter}}";
-	}
-}
-
 .sapFAvatarGroup {
 	padding: 0.125rem;
 
@@ -21,34 +13,61 @@
 	&:focus {
 		box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
 		outline: none;
-		border-radius: 0.35rem;
+	}
+
+	&.sapFAvatarGroupGroup:focus {
+		border-radius: ~"calc(var(--sapUiAvatarGroupButtonInnerHeight) / 2)";
 	}
 
 	&.sapFAvatarGroupIndividual {
+		overflow: visible;
 
 		.sapFAvatarGroupItem {
+			padding: 0.125rem;
+			margin: 0.125rem;
 
-			&:hover:not(:active):not(:focus) {
-				.applyBorderColorAccent(10)
+			&:hover:not(:active) {
+				.sapFAvatar {
+					border: 0.0625rem solid var(--sapAvatar_Hover_BorderColor);
+				}
 			}
 
 			&:active {
 
 				.sapFAvatar {
+					border: 0.0625rem solid var(--sapButton_Active_BorderColor);
 					background-color: var(--sapButton_Active_Background);
 
 					.sapFAvatarInitialsHolder {
 						color: var(--sapButton_Active_TextColor);
 					}
+
+					&.sapFAvatarIcon {
+						color: var(--sapButton_Active_TextColor);
+					}
 				}
 			}
 
 			&:focus {
 				outline: none;
+				box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+				border-radius: 50%;
+			}
+		}
 
-				.sapFAvatar {
-					outline: none;
-					box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+		.sapFAvatarGroupMoreButton {
+			--button-padding: 0.125rem;
+			padding: var(--button-padding);
+			margin: 0.125rem;
+			height: ~"calc(var(--sapUiAvatarGroupButtonInnerHeight) + 2 * var(--button-padding))";
+
+			&:focus {
+				outline: none;
+				box-shadow: 0 0 0 0.125rem var(--sapContent_FocusColor);
+				border-radius: 50%;
+
+				> .sapMFocusable:not(.sapMBadgeIndicator)::before {
+					display: none;
 				}
 			}
 		}
@@ -59,7 +78,21 @@
 		&:hover:not(:active) {
 
 			.sapFAvatarGroupItem {
-				.applyBorderColorAccent(10);
+				.sapFAvatar {
+					border: 0.0625rem solid var(--sapAvatar_Hover_BorderColor);
+				}
+			}
+
+			.sapFAvatarGroupMoreButton {
+
+				.sapMBtnInner {
+					background-color: var(--sapButton_Hover_Background);
+					border: 0.0625rem solid var(--sapButton_Hover_BorderColor);
+
+					.sapMBtnContent {
+						color: var(--sapButton_Hover_TextColor);
+					}
+				}
 			}
 		}
 
@@ -74,6 +107,10 @@
 					.sapFAvatarInitialsHolder {
 						color: var(--sapButton_Active_TextColor);
 					}
+
+					&.sapFAvatarIcon {
+						color: var(--sapButton_Active_TextColor);
+					}
 				}
 			}
 

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

@@ -6,6 +6,7 @@
 .sapMBreadcrumbs {
 
 	.sapMBreadcrumbsCurrentLocation {
+		color: var(--sapTextColor);
 
 		&:focus {
 			outline: none;
@@ -23,6 +24,10 @@
 		padding: .125rem; // avoid focus clip
 	}
 
+	.sapMBreadcrumbsSeparator {
+		color: var(--sapTextColor);
+	}
+
 	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
 
 		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {
@@ -102,4 +107,4 @@
 			}
 		}
 	}
-}
+}

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

@@ -9,7 +9,7 @@
 	height: 2.75rem;
 }
 
-.sapMBtnEmphasized {
+.sapMBtnEmphasized.sapMBtnInner.sapMBtnText {
 	font-family: var(--sapButton_Emphasized_FontFamily);
 }
 

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

@@ -20,10 +20,6 @@
 		}
 	}
 
-	.sapMLIBActive .sapMLIBImgNav {
-		background: none;
-	}
-
 	.sapMSLITitleOnly {
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;

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

@@ -21,4 +21,11 @@
 
 .sapMObjectMarker.sapMLnkLargeReactiveArea > .sapUiIcon {
 	line-height: 1.5rem;
+}
+
+.sapMObjectMarkerActiveIconOnly:focus {
+	border-radius: 0.125rem;
+	background-color: var(--sapContent_FocusColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: none;
 }

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

@@ -61,7 +61,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	line-height: 3rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 	border-radius: 0.25rem;
 	background-color: var(--sapAccentColor7);
 	color: var(--sapContent_ContrastTextColor);
@@ -110,7 +110,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 
 .sapMPlanCal .sapMListTbl {
 
-	.sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+	.sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 		border-radius: var(--sapGroup_BorderCornerRadius);
 		background-color: var(--sapAccentBackgroundColor5);
 		color: var(--sapAccentColor5);

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

@@ -85,7 +85,8 @@
 	}
 }
 
-.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
+.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut,
+.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis):hover .sapMRbHoverable .sapMRbBOut {
 	stroke: var(--sapField_Hover_BorderColor);
 	fill: var(--sapField_Selector_Hover_Background);
 }
@@ -140,7 +141,8 @@
 	}
 }
 
-.sapMRb.sapMRbErr .sapMRbHoverable:hover .sapMRbBOut {
+.sapMRb.sapMRbErr .sapMRbHoverable:hover .sapMRbBOut,
+.sapMRb.sapMRbErr:hover .sapMRbHoverable .sapMRbBOut {
 	fill: var(--sapField_Selector_Hover_InvalidBackground);
 }
 
@@ -163,7 +165,8 @@
 	}
 }
 
-.sapMRb.sapMRbWarn .sapMRbHoverable:hover .sapMRbBOut {
+.sapMRb.sapMRbWarn .sapMRbHoverable:hover .sapMRbBOut,
+.sapMRb.sapMRbWarn:hover .sapMRbHoverable .sapMRbBOut {
 	fill: var(--sapField_Selector_Hover_WarningBackground);
 }
 
@@ -186,7 +189,8 @@
 	}
 }
 
-.sapMRb.sapMRbSucc .sapMRbHoverable:hover .sapMRbBOut {
+.sapMRb.sapMRbSucc .sapMRbHoverable:hover .sapMRbBOut,
+.sapMRb.sapMRbSucc:hover .sapMRbHoverable .sapMRbBOut {
 	fill: var(--sapField_Selector_Hover_SuccessBackground);
 }
 
@@ -209,7 +213,8 @@
 	}
 }
 
-.sapMRb.sapMRbInfo .sapMRbHoverable:hover .sapMRbBOut {
+.sapMRb.sapMRbInfo .sapMRbHoverable:hover .sapMRbBOut,
+.sapMRb.sapMRbInfo:hover .sapMRbHoverable .sapMRbBOut {
 	fill: var( --sapField_Selector_Hover_InformationBackground);
 }
 

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

@@ -3,6 +3,4 @@
 /* Horizon theme                      */
 /* ================================== */
 
-@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;

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

@@ -93,7 +93,7 @@ html.sap-desktop {
 		height: 1.5rem;
 		line-height: 1.375rem;
 		padding: 0;
-		font-family: '72-Condensed-Bold', '72', '72full', Arial, Helvetica, sans-serif;
+		font-family: var(--sapFontSemiboldDuplexFamily);
 	}
 }
 
@@ -250,15 +250,20 @@ html.sap-desktop {
 	color: var(--sapButton_Handle_TextColor);
 }
 
-.sapMSwtOn.sapMSwtAcceptReject .sapMSwtLabelOn::before,
-.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
+.sapMSwtOn.sapMSwtAcceptReject .sapMSwtLabelOn::before {
 	position: absolute;
 	right: 0.375rem;
 	font-size: var(--sapFontLargeSize);
+	content: '\e05b';
+	color: var(--sapPositiveElementColor);
 }
 
 .sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
+	position: absolute;
 	right: 0.625rem;
+	font-size: var(--sapFontLargeSize);
+	content: '\e03e';
+	color: var(--sapNegativeElementColor);
 }
 
 .sapMSwtOn > .sapMSwtInner {
@@ -353,4 +358,25 @@ html.sap-desktop {
 	.sapMSwtOff.sapMSwtAcceptReject .sapMSwtLabelOff::before {
 		right: 0.4375rem;
 	}
+}
+
+/* Read only - extended selectors for Horizon specificity */
+.sapMSwt.sapMSwtReadOnly {
+	&.sapMSwtOn:not(.sapMSwtAcceptReject),
+	&.sapMSwtOff:not(.sapMSwtAcceptReject),
+	&.sapMSwtAcceptReject.sapMSwtOn,
+	&.sapMSwtAcceptReject.sapMSwtOff {
+		background: var(--sapField_ReadOnly_Background);
+		border: 0.0625rem dashed var(--sapField_ReadOnly_BorderColor);
+
+		.sapMSwtHandle {
+			background: var(--sapField_ReadOnly_Background);
+			border: 0.0625rem solid var(--sapField_ReadOnly_BorderColor);
+			box-shadow: none;
+		}
+	}
+
+	&.sapMSwtOn.sapMSwtNoLabel .sapMSwtLabelOn::before {
+		color: var(--sapButton_Handle_TextColor);
+	}
 }

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

@@ -22,8 +22,7 @@
 	overflow: visible;
 }
 
-.sapMTokenSelected,
-.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
+.sapMTokenSelected {
 	background: var(--sapButton_Selected_Background);
 	border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
 	border-radius: 0.375rem;
@@ -84,25 +83,24 @@ html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(
 
 .sapMToken.sapMTokenReadOnly {
 	padding: 0.25rem 0.3125rem;
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
+	border-color: var(--sapField_ReadOnly_BorderColor);
+	background: var(--sapButton_ReadOnly_TokenBackground);
 
 	.sapMTokenText {
 		line-height: 1rem;
 	}
+
+	&.sapMTokenSelected .sapMTokenText {
+		background: var(--sapSelectedColor);
+		color: var(--sapContent_ContrastTextColor);
+	}
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
 	border: var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);
 }
 
-.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
-	padding: 0.125rem 0.25rem;
-
-	.sapMTokenText {
-		line-height: 0.875rem;
-	}
-}
-
 .sapMTokenIcon {
 	box-sizing: border-box;
 	top: ~"calc((@{_sap_m_Token_TokenHeight} / 2) - (@{_sap_m_Token_DeleteIconHeight} / 2) - @{sapUiButtonBorderWidth})";
@@ -118,4 +116,12 @@ html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focu
 	top: ~"calc((@{_sap_m_Token_TokenCompactHeight} / 2) - (@{_sap_m_Token_DeleteIconCompactHeight} / 2) - @{sapUiButtonBorderWidth})";
 	width: @_sap_m_Token_CompactIconWidth;
 	height: @_sap_m_Token_DeleteIconCompactHeight;
+}
+
+.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
+	padding: 0.0625rem 0.25rem;
+
+	.sapMTokenText {
+		line-height: 1rem;
+	}
 }