@openui5/themelib_sap_horizon 1.132.1 → 1.134.0

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

@@ -15,7 +15,9 @@
 @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem 0;
 
 .sapMFocus.sapMTextArea {
+
 	& .sapMInputBaseContentWrapper {
+
 		.sapMInputBaseInner {
 			outline-offset: -3px;
 		}
@@ -31,23 +33,24 @@
 }
 
 html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
+
 	.sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
-		background: @sapUiFieldWarningBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_WarningBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperError ::-webkit-scrollbar {
-		background: @sapUiFieldInvalidBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_InvalidBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
-		background: @sapUiFieldInformationBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_InformationBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	.sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
-		background: @sapUiFieldSuccessBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
+		background: var(--sapField_SuccessBackgroundStyle);
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 }

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

@@ -5,12 +5,11 @@
 
 .sapMTile,
 .sapMCustomTile {
-	border: 1px solid @sapUiTileBorderColor;
+	border: 1px solid var(--sapTile_BorderColor);
 	border-radius: 0.25rem;
 	box-shadow: none;
-	-webkit-transition-property: none;
 	transition-property: none;
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 }
 
 .sapMTile:focus,
@@ -22,8 +21,8 @@
 .sapMTile:focus::before,
 .sapMTile:hover::before,
 .sapMCustomTile:focus .sapMTile::before,
-.sapMCustomTile:hover .sapMTile::before{
-	content: "";
+.sapMCustomTile:hover .sapMTile::before {
+	content: '';
 	position: absolute;
 	top: -1px;
 	right: -1px;
@@ -34,7 +33,7 @@
 
 .sapMTile:focus::before,
 .sapMCustomTile:focus .sapMTile::before {
-	outline: 0.125rem dotted @sapUiContentFocusColor;
+	outline: 0.125rem dotted var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
@@ -45,7 +44,7 @@
 
 .sapMTile:hover::before,
 .sapMCustomTile:hover .sapMTile::before {
-	border: 0.188rem solid @sapUiTileBorderColor;
+	border: 0.188rem solid var(--sapTile_BorderColor);
 }
 
 .sapMTile:hover,
@@ -56,13 +55,14 @@
 }
 
 .sapMTile.sapMTileActive {
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 }
 
 .sapMTile .sapUiLocalBusyIndicator {
-	background-color: @sapUiTileBackground;
+	background-color: var(--sapTile_Background);
 	border-radius: 0.25rem;
 	margin: 0.125rem;
+
 	.sapUiLocalBusyIndicatorAnimation {
 		border: none;
 		box-shadow: none;

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

@@ -3,16 +3,16 @@
 /* Horizon High Contrast Black theme    */
 /* ==================================== */
 
-.sapMTC .sapMTCPager SPAN {
-	border: 1px solid @sapUiContentForegroundBorderColor;
+.sapMTC .sapMTCPager span {
+	border: 1px solid var(--sapContent_ForegroundBorderColor);
 }
 
-.sapMTC .sapMTCPager SPAN.sapMTCActive {
-	border: 1px solid @sapUiContentForegroundBorderColor;
+.sapMTC .sapMTCPager span.sapMTCActive {
+	border: 1px solid var(--sapContent_ForegroundBorderColor);
 }
 
 .sapMTC .sapMTCScroller:focus::before {
-	border: 0.125rem dotted @sapUiContentFocusColor;
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 	position: absolute;
 	top: -1px;
 	bottom: -1px;

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

@@ -18,7 +18,7 @@
 					.sapFDynamicPageTitleMainHeadingInner {
 						margin-top: 0.6875rem;
 
-						.sapMTitle:not(.sapUICompVarMngmtTitle) {
+						.sapMTitle:not(.sapUICompVarMngmtTitle):not(.sapMVarMngmtTitle) {
 							font-size: @sapUiObjectHeaderTitleSnappedFontSize;
 							font-family: @sapUiObjectHeaderTitleFontFamily;
 						}

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

@@ -17,13 +17,12 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
 }
 
 .sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
-	background-color: @sapUiButtonSelectedBackground;
-	color: @sapUiButtonSelectedTextColor;
-	border-color: @sapUiButtonSelectedBorderColor;
+	background-color: var(--sapButton_Selected_Background);
+	color: var(--sapButton_Selected_TextColor);
+	border-color: var(--sapButton_Selected_BorderColor);
 }
 
 /* Icon in disabled toggled button */
-
 .sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
 .sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
 html.sap-desktop .sapMTB-Transparent-CTX .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
@@ -37,5 +36,5 @@ html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapM
 }
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
-	border-color: @sapUiButtonSelectedBorderColor;
+	border-color: var(--sapButton_Selected_BorderColor);
 }

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

@@ -5,35 +5,38 @@
 
 @_sap_m_ViewSettingsDialog_HeaderBorderColor: darken(@sapUiGroupContentBackground, 8);
 
-.sapMVSD .sapMPageHeader{
+.sapMVSD .sapMPageHeader {
 	z-index: 2;
+
 	.sapMBarTitleStart .sapMBarPH {
 		padding-left: 0rem;
 	}
 }
 
 .sapMTB.sapMVSDFilterHeaderToolbar {
-	background-color:  @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 	border-bottom: 1px solid @_sap_m_ViewSettingsDialog_HeaderBorderColor;
 	padding-left: 0;
+
 	.sapMBarChild.sapMCb {
+
 		.sapMCbLabel {
-			font-family: @sapUiFontFamily;
-			color: @sapUiGroupTitleTextColor;
+			font-family: var(--sapFontFamily);
+			color: var(--sapGroup_TitleTextColor);
 		}
 	}
 }
 
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX {
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMVSD .sapMVSDBar {
 	box-shadow: @sapUiShadowHeader;
 }
 
-.sapMVSDBarWithSearch.sapMBar ,
+.sapMVSDBarWithSearch.sapMBar,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMHeader-CTX .sapMVSDBarWithSearch,
 .sapMVSD.sapMDialog.sapMPopup-CTX .sapMIBar.sapMSubHeader-CTX .sapMVSDBarWithSearch {
 	box-shadow: none;

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

@@ -4,18 +4,25 @@
 /* ================================== */
 
 .sapMWS {
+
 	.sapMWSInner {
+
 		.sapMWSItem {
+
 			&:focus {
-				outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+				outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 			}
 		}
 	}
+
 	&.sapMWSExpanded {
+
 		.sapMWSInner {
+
 			.sapMWSItem {
+
 				&:focus {
-					outline: 0.125rem dotted @sapUiContentFocusColor;
+					outline: 0.125rem dotted var(--sapContent_FocusColor);
 				}
 			}
 		}
@@ -23,27 +30,37 @@
 }
 
 .sapUiSizeCompact {
+
 	.sapMWS:not(.sapMWSShort) {
+
 		.sapMWSInner {
-			box-shadow: 0 0 0 1px @sapUiListBorderColor;
+			box-shadow: 0 0 0 1px var(--sapList_BorderColor);
 		}
 	}
 }
 
 .sap-phone {
+
 	.sapMWS {
+
 		.sapMWSInner {
+
 			.sapMWSItem {
+
 				&:focus {
-					outline: 0.125rem dotted @sapUiContentContrastFocusColor;
+					outline: 0.125rem dotted var(--sapContent_ContrastFocusColor);
 				}
 			}
 		}
+
 		&.sapMWSExpanded {
+
 			.sapMWSInner {
+
 				.sapMWSItem {
+
 					&:focus {
-						outline: 0.125rem dotted @sapUiContentFocusColor;
+						outline: 0.125rem dotted var(--sapContent_FocusColor);
 					}
 				}
 			}

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

@@ -39,6 +39,7 @@
 .sapFAvatarColorTileIcon {
 	background-color: var(--sapTile_Background);
 	color: var(--sapTile_IconColor);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
 
 	.sapFAvatarInitialsHolder {
 		color: currentColor;
@@ -48,21 +49,33 @@
 .sapFAvatarColorPlaceholder {
 	background-color: var(--sapContent_ImagePlaceholderBackground);
 	color: var(--sapContent_ImagePlaceholderForegroundColor);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
 
 	.sapFAvatarInitialsHolder {
 		color: currentColor;
 	}
 }
 
+.sapFAvatarColorTransparent {
+	background-color: var(--sapAvatar_Lite_Background);
+	border: 0.0625rem solid var(--sapAvatar_Lite_BorderColor);
+}
+
 .generateColor (@accentIndex) {
 	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
 	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
 	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
+	@hover-color: ~"sapUiAvatar@{accentIndex}HoverBackground";
 
 	// Build the real CSS selector.
 	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
 	.@{css-selector} {
 		background-color: @@background-param;
+		&.sapFAvatarImage.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover,
+		&.sapFAvatarFocusable:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
+			background-color: @@hover-color;
+			box-shadow: @_sap_m_Avatar_Hover_Box_Shadow_Offset var(--sapAvatar_Hover_BorderColor);
+		}
 	}
 
 	.@{css-selector}.sapFAvatarIcon,

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

@@ -146,15 +146,22 @@
 /* Custom focus outline:                                                */
 /* ---------------------------------------------------------------------*/
 
+.sapMBtn:focus-visible > .sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMFocusable {
 	outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
+.sapMBtn:focus-visible > .sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMFocusable {
 	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
+.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMFocusable,
+.sapMBtn:focus-visible > .sapMBtnCritical.sapMFocusable,
+.sapMBtn:focus-visible > .sapMBtnNegative.sapMFocusable,
+.sapMBtn:focus-visible > .sapMBtnSuccess.sapMFocusable,
+.sapMBtn:focus-visible > .sapMBtnNeutral.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable,
@@ -163,6 +170,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable {
 	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
+.sapMBtn:focus-visible > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable,
 html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable {
 	outline-color: var(--sapContent_ContrastFocusColor);
 }

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

@@ -4,7 +4,6 @@
 /* ================================== */
 
 .sapMGT {
-	border-radius: 0.125rem;
 	box-shadow: none;
 }
 
@@ -17,10 +16,6 @@
 	border-radius: 0.125rem;
 }
 
-.sapMGTOverlay {
-	background-color: fade(@sapUiBlockLayerBackground, 70);
-}
-
 .sapMGT.sapMGTScopeActions .sapMGTRemoveButton,
 .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton {
 
@@ -146,10 +141,6 @@
 	color: var(--sapTile_TextColor);
 }
 
-.sapMGTOverlay {
-	opacity: 1;
-}
-
 .sapMGT.sapMGTBackgroundImage {
 
 	.sapMGTOverlay {

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

@@ -15,7 +15,7 @@
 @_sap_m_InputBase_IconMinWidth: 2.25rem;
 @_sap_m_InputBase_FocusOffset_Busy: 3px;
 
-.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
+.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper):not(.sapMInputBaseReadonlyWrapper) {
 	border: var(--sapContent_FocusWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
 }
 
@@ -101,6 +101,10 @@
 	text-align: right;
 }
 
+.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) .sapMInputBaseContentWrapper {
+	border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
+}
+
 .sapMLIBActive {
 	.sapMInputBaseInner,
 	.sapMInputBaseContentWrapper {

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

@@ -57,4 +57,8 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+}
+
+.sapMLnk.sapMLnkLargeReactiveArea {
+	line-height: 1.5rem;
 }

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

@@ -5,6 +5,6 @@
 
 html.sap-phone .sapMRespMenuDialog .sapMPage {
   .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
-	.sapMBarShadow(@sapUiPageHeaderBorderColor);
+    box-shadow: var(--sapContent_HeaderShadow);
   }
 }

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

@@ -5,6 +5,15 @@
 
 @_sap_m_ObjectAttribute_ListTextShadowColor: none;
 
+.sapMObjectAttributeActive.sapMLnkLargeReactiveArea {
+	.sapMObjectAttributeTitle,
+	.sapMObjectAttributeColon,
+	.sapMObjectAttributeText,
+	.sapMObjectAttributeText > .sapMLnk {
+		line-height: 1.5rem;
+	}
+}
+
 .sapMListTbl .sapMObjectAttributeActive .sapMText,
 .sapMObjectAttributeActive .sapMText,
 .sapMObjectAttributeActive .sapMObjectAttributeText {

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

@@ -7,4 +7,8 @@
 
 .sapMObjectMarker .sapMLnk {
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
+}
+
+.sapMObjectMarker.sapMLnkLargeReactiveArea > .sapUiIcon {
+	line-height: 1.5rem;
 }

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

@@ -3,6 +3,12 @@
 /* Horizon High Contrast White theme   */
 /* =================================== */
 
+.sapMObjectNumber.sapMLnkLargeReactiveArea:not(.sapMObjectNumberLarge):not(.sapMObjectNumberInverted) {
+	.sapMObjectNumberInner {
+		line-height: 1.5rem;
+	}
+}
+
 @sapMONInformativeElement: var(--sapInformationBackground);
 
 .sapMObjectNumberInverted {

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

@@ -91,6 +91,17 @@
 	line-height: 0.875rem;
 }
 
+.sapMObjStatus.sapMLnkLargeReactiveArea:not(.sapMObjectStatusLarge):not(.sapMObjStatusInverted) {
+	.sapMObjStatusTitle,
+	.sapMObjStatusIcon .sapUiIcon,
+	.sapMObjStatusText {
+		line-height: 1.5rem;
+	}
+	.sapMObjStatusIcon {
+		height: 1.5rem;
+	}
+}
+
 .sapMObjectStatusLarge:not(.sapMObjStatusInverted) {
 
 	.sapMObjStatusTitle,
@@ -416,154 +427,154 @@
 
 /* Second set of inverted indication colors regular state */
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_1_Background);
-	border-color: var(--sapIndicationColor_1_BorderColor);
+	background-color: var(--sapIndicationColor_1b_Background);
+	border-color: var(--sapIndicationColor_1b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_1_TextColor);
+	color: var(--sapIndicationColor_1b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_2_Background);
-	border-color: var(--sapIndicationColor_2_BorderColor);
+	background-color: var(--sapIndicationColor_2b_Background);
+	border-color: var(--sapIndicationColor_2b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_2_TextColor);
+	color: var(--sapIndicationColor_2b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_3_Background);
-	border-color: var(--sapIndicationColor_3_BorderColor);
+	background-color: var(--sapIndicationColor_3b_Background);
+	border-color: var(--sapIndicationColor_3b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_3_TextColor);
+	color: var(--sapIndicationColor_3b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_4_Background);
-	border-color: var(--sapIndicationColor_4_BorderColor);
+	background-color: var(--sapIndicationColor_4b_Background);
+	border-color: var(--sapIndicationColor_4b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_4_TextColor);
+	color: var(--sapIndicationColor_4b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_5_Background);
-	border-color: var(--sapIndicationColor_5_BorderColor);
+	background-color: var(--sapIndicationColor_5b_Background);
+	border-color: var(--sapIndicationColor_5b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_5_TextColor);
+	color: var(--sapIndicationColor_5b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_6_Background);
-	border-color: var(--sapIndicationColor_6_BorderColor);
+	background-color: var(--sapIndicationColor_6b_Background);
+	border-color: var(--sapIndicationColor_6b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_6_TextColor);
+	color: var(--sapIndicationColor_6b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_7_Background);
-	border-color: var(--sapIndicationColor_7_BorderColor);
+	background-color: var(--sapIndicationColor_7b_Background);
+	border-color: var(--sapIndicationColor_7b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_7_TextColor);
+	color: var(--sapIndicationColor_7b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_8_Background);
-	border-color: var(--sapIndicationColor_8_BorderColor);
+	background-color: var(--sapIndicationColor_8b_Background);
+	border-color: var(--sapIndicationColor_8b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_8_TextColor);
+	color: var(--sapIndicationColor_8b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_9_Background);
-	border-color: var(--sapIndicationColor_9_BorderColor);
+	background-color: var(--sapIndicationColor_9b_Background);
+	border-color: var(--sapIndicationColor_9b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_9_TextColor);
+	color: var(--sapIndicationColor_9b_TextColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_10_Background);
-	border-color: var(--sapIndicationColor_10_BorderColor);
+	background-color: var(--sapIndicationColor_10b_Background);
+	border-color: var(--sapIndicationColor_10b_BorderColor);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusText,
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusIcon {
 	text-shadow: none;
-	color: var(--sapIndicationColor_10_TextColor);
+	color: var(--sapIndicationColor_10b_TextColor);
 }
 
 /* Second set of inverted indication colors hovered state */
 .sapMObjStatusInverted.sapMObjStatusIndication11 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_1_Hover_Background);
+	background-color: var(--sapIndicationColor_1b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication12 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_2_Hover_Background);
+	background-color: var(--sapIndicationColor_2b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication13 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_3_Hover_Background);
+	background-color: var(--sapIndicationColor_3b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication14 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_4_Hover_Background);
+	background-color: var(--sapIndicationColor_4b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication15 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_5_Hover_Background);
+	background-color: var(--sapIndicationColor_5b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication16 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_6_Hover_Background);
+	background-color: var(--sapIndicationColor_6b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication17 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_7_Hover_Background);
+	background-color: var(--sapIndicationColor_7b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication18 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_8_Hover_Background);
+	background-color: var(--sapIndicationColor_8b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication19 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_9_Hover_Background);
+	background-color: var(--sapIndicationColor_9b_Hover_Background);
 }
 
 .sapMObjStatusInverted.sapMObjStatusIndication20 .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
-	background-color: var(--sapIndicationColor_10_Hover_Background);
+	background-color: var(--sapIndicationColor_10b_Hover_Background);
 }
 
 html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {