@openui5/themelib_sap_horizon 1.101.0 → 1.102.0

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

@@ -19,9 +19,7 @@
 }
 
 .sapMPanelBGTranslucent {
-	/* In order to avoid over-styling, we need to change the default behavior to transparent for belize.
-	We cannot change it via the design property, because this change will be backward incompatible.*/
-	background-color: transparent;
+	background-color: @sapUiGroupContentBackground;
 }
 
 .sapMPanelBGTransparent {
@@ -38,6 +36,15 @@
 	background: @sapGroup_ContentBackground;
 }
 
+.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded,
+.sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
+	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
+}
+
+.sapMPanelWrappingDivTb .sapMTB.sapMTBStandard {
+	border: none;
+}
+
 .sapMPanelExpandable .sapMPanelWrappingDiv {
 	&.sapMPanelWrappingDivExpanded:focus {
 		border-top-left-radius: @sapElement_BorderCornerRadius;
@@ -51,10 +58,6 @@
 	}
 }
 
-.sapMPanelContent {
-	background: @sapGroup_ContentBackground;
-}
-
 .sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: none;
 }
@@ -62,10 +65,6 @@
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
-	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader4Size;
-	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiGroupTitleTextColor;
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {
@@ -75,13 +74,24 @@
 .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
 	width: 2rem;
 }
+.sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
+	& .sapMPanelHeaderTB {
+		border-top-left-radius: 0;
+		margin-left: 2.25rem;
+		padding-left: 0.25rem;
+	}
+
+	&:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {
+		border-bottom-right-radius: @sapElement_BorderCornerRadius;
+		border-top-right-radius: @sapElement_BorderCornerRadius;
+	}
+
+	&.sapMPanelWrappingDivTbExpanded .sapMPanelHeaderTB {
+		border-top-right-radius: @sapElement_BorderCornerRadius;
+	}
 
-.sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb .sapMTB.sapMPanelHeaderTB {
-	border-top-left-radius: 0;
-	margin-left: 2.25rem;
-	padding-left: 0.25rem;
 }
 
-.sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) .sapMPanelHeaderTB {
-	border-bottom-right-radius: @sapElement_BorderCornerRadius;
+.sapMPanelWrappingDiv .sapUiIcon {
+	color: @sapButton_Lite_TextColor;
 }

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

@@ -1,111 +1,206 @@
 /* ======================================== */
 /* CSS for control sap.m/ProgressIndicator  */
-/* Horizon theme                            */
+/* Horizon theme							*/
 /* ======================================== */
-@sapMPITextLeftTextThreshold: 0.5;
-
-.sapMPITextLeft,
-.sapMPITextRight {
-	padding: 0;
-	margin-left: 0.375rem;
-	margin-right: 0.375rem;
-}
 
 .sapMPI {
-	height: 1rem;
+	position: relative;
+	padding: 1.25rem 1.25rem 0.75rem 0;
+	margin: 0;
+	height: 0.375rem;
+	min-height: 0.375rem;
+	width: 100%;
 	min-width: 4rem;
+	overflow: initial;
+	border-radius: 0;
+	background-color: transparent;
+
+	.sapMPIBarRemaining {
+		height: 0.375rem;
+		border-radius: 0.25rem;
+		box-sizing: border-box;
+	}
 
+	.sapMPIBar {
+		box-sizing: border-box;
+		height: 0.625rem;
+		border-radius: 0.5rem;
+		margin-top: -0.125rem;
+	}
 }
 
-.sapMPI:not(.sapMPIDisplayOnly) {
-	margin: 0.875rem 0;
+.sapMPIBarRemaining {
+	position: absolute;
+    width: ~'calc(100% - 1.25rem)';
+	border: 0.0625rem solid @sapUiProgressBorderColor;
 }
 
-.sapUiSizeCompact .sapMPI:not(.sapMPIDisplayOnly) {
-	margin: 0.5rem 0;
+.sapMPIBar {
+	z-index: 1;
+	border: 0.0625rem solid @sapUiProgressValueTextColor;
 }
 
-// Neutral and display only - bar
-.sapMPIBar.sapMPIBarNeutral,
-.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
-	background: @sapNeutralElementColor;
+.sapMPIValueMin .sapMPIBar {
+	border: none;
 }
 
-.sapMPIText.sapMPITextRight {
-	color: @sapField_TextColor;
-	background: @sapNeutralBackground;
-	border-color: @sapNeutralBorderColor;
+.sapMPIBar::before {
+	font-family: 'SAP-icons';
+	font-size: 1rem;
+	margin-left: 0.25rem;
+	position: absolute;
+	right: 0;
 }
 
-.sapMPIBarNeutral .sapMPIText.sapMPITextLeft,
-.sapMPIBarPositive .sapMPIText.sapMPITextLeft,
-.sapMPIBarNegative .sapMPIText.sapMPITextLeft,
-.sapMPIBarCritical .sapMPIText.sapMPITextLeft,
-.sapMPIBarInformation .sapMPIText.sapMPITextLeft {
-	color:@sapContent_ContrastTextColor;
+.sapMPIValueMin .sapMPIBarRemaining::before,
+.sapMPIBarRemaining::after {
+	content: '';
+	display: block;
+	width: 0.25rem;
+	height: 0.25rem;
+	position: absolute;
+	border-radius: 50%;
 }
 
-.sapMPIBarRemaining {
-	background: @sapNeutralBackground;
-	border-color: @sapNeutralBorderColor;
+.sapMPIValueMin .sapMPIBarRemaining::before {
+	left: 0.0625rem;
 }
 
-// Positive - Success
-.sapMPIBarPositive + .sapMPIBarRemaining {
-	background: @sapSuccessBackground;
-	border-color: @sapSuccessBorderColor;
+.sapMPIBarRemaining::after {
+	right: 0.0625rem;
+}
 
+.sapMPIBarPositive {
+	background-color: @sapUiProgressValuePositiveBackground;
+	border-color: @sapUiProgressValuePositiveBorderColor;
+	.sapMPIText.sapMPITextLeft,
 	.sapMPIText.sapMPITextRight {
-		background: @sapSuccessBackground;
+		color: @sapUiProgressPositiveTextColor;
 	}
-}
 
-.sapMPIBar.sapMPIBarPositive {
-	background: @sapPositiveElementColor;
-	border-color: @sapSuccessBorderColor;
-}
+	&::before {
+		content: '\e1c1';
+		color: @sapUiProgressValuePositiveTextColor;
+	}
 
-// Negative - Error
-.sapMPIBarNegative + .sapMPIBarRemaining  {
-	background: @sapErrorBackground;
-	border-color: @sapErrorBorderColor;
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressPositiveBackground;
+		border-color: @sapUiProgressPositiveBorderColor;
 
-	.sapMPIText.sapMPITextRight {
-		background: @sapErrorBackground;
+		&::after,
+		&::before {
+			background-color: @sapUiProgressValuePositiveBackground;
+		}
 	}
 }
 
-.sapMPIBar.sapMPIBarNegative {
-	background: @sapNegativeElementColor;
-	border-color: @sapErrorBorderColor;
-}
+.sapMPIBarNegative {
+	background-color: @sapUiProgressValueNegativeBackground;
+	border-color: @sapUiProgressValueNegativeBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressNegativeTextColor;
+	}
 
-// Critical - Warning
-.sapMPIBarCritical + .sapMPIBarRemaining  {
-	background: @sapWarningBackground;
-	border-color: @sapWarningBorderColor;
+	&::before {
+		content: '\e1ec';
+		color: @sapUiProgressValueNegativeTextColor;
+	}
 
-	.sapMPIText.sapMPITextRight {
-		background: @sapWarningBackground;
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressNegativeBackground;
+		border-color: @sapUiProgressNegativeBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueNegativeBackground;
+		}
 	}
 }
 
-.sapMPIBar.sapMPIBarCritical {
-	background: @sapCriticalElementColor;
-	border-color: @sapWarningBorderColor;
+.sapMPIBarCritical {
+	background-color: @sapUiProgressValueCriticalBackground;
+	border-color: @sapUiProgressValueCriticalBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressCriticalTextColor;
+	}
+
+	&::before {
+		content: '\e053';
+		color: @sapUiProgressValueCriticalTextColor;
+	}
+
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressCriticalBackground;
+		border-color: @sapUiProgressCriticalBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueCriticalBackground;
+		}
+	}
 }
 
-// Information
-.sapMPIBarInformation + .sapMPIBarRemaining  {
-	background: @sapInformationBackground;
-	border-color: @sapInformationBorderColor;
+.sapMPIBarInformation {
+	background-color: @sapUiProgressValueInformationBackground;
+	border-color: @sapUiProgressValueInformationBorderColor;
+	.sapMPIText.sapMPITextLeft,
+	.sapMPIText.sapMPITextRight {
+		color: @sapUiProgressInformationTextColor;
+	}
+
+	&::before {
+		content: '\e289';
+		color: @sapUiProgressValueInformationTextColor;
+	}
 
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressInformationBackground;
+		border-color: @sapUiProgressInformationBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueInformationBackground;
+		}
+	}
+}
+
+.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral,
+.sapMPIBarNeutral {
+	background-color: @sapUiProgressValueBackground;
+	.sapMPIText.sapMPITextLeft,
 	.sapMPIText.sapMPITextRight {
-		background: @sapInformationBackground;
+		color: @sapUiProgressTextColor;
+	}
+
+	+ .sapMPIBarRemaining {
+		background-color: @sapUiProgressBackground;
+		border-color: @sapUiProgressBorderColor;
+
+		&::after,
+		&::before {
+			background: @sapUiProgressValueBackground;
+		}
 	}
 }
 
-.sapMPIBar.sapMPIBarInformation {
-	background: @sapInformativeElementColor;
-	border-color: @sapInformationBorderColor;
+.sapMPIDisplayOnly .sapMPIText,
+.sapMPIText {
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin-bottom: 0.1875rem;
+	font-size: @sapUiProgressFontSize;
+	color: @sapUiProgressTextColor;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 100%;
+
+	&.sapMPITextRight {
+		top: -1.3125rem;
+		right: -0.0675rem;
+	}
 }

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

@@ -3,14 +3,19 @@
 /* Horizon theme                    */
 /* ================================ */
 
-@_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
+@_sap_m_QuickView_HorizontalLayoutMarginBottom: 0.75rem;
 @_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
 @_sap_m_QuickView_PagePaddingTop: 2.75rem;
 
 @_sap_m_QuickViewCard_PagePadding: 1rem;
+@_sap_m_QuickView_TitleMarginBottom: 0.25rem;
+@_sap_m_QuickView_TitleFontSize: @sapMFontHeader6Size;
+@_sap_m_QuickView_FormTitleFontSize: @sapMFontHeader6Size;
+@_sap_m_QuickView_TitleMaxHeight: 2.125rem;
 
 .sapMQuickViewCard {
 	background: @sapUiGroupContentBackground;
 	box-shadow: @sapUiShadowLevel0;
-	border-radius: @sapUiElementBorderCornerRadius;
-}
+	border-radius: 1rem;
+}
+

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

@@ -2,74 +2,107 @@
 /* CSS for control sap.m/RangeSlider  */
 /* Horizon theme                      */
 /* ================================== */
-.sapMRangeSlider.sapMSliderInner .sapMSliderHandle {
-	top: -0.75rem;
-}
 
-.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
-		border: 1px @sapContent_FocusStyle @sapContent_Selected_ForegroundColor;
-		background: transparent;
-		box-shadow: @sapContent_Selected_Shadow;
-}
+@_sap_m_RangeSlider_Handle_Height: 1.5rem;
+@_sap_m_RangeSlider_Handle_Width: 2rem;
+@_sap_m_RangeSlider_Handle_Height_Compact: 1.25rem;
+@_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;
+
+.sapMRangeSlider.sapMSlider .sapMSliderInner {
+	&:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
+		border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
+		background: @sapUiSliderRangeHandleBackground;
+		box-shadow: @sapUiContentSelectedShadow;
+	}
+
+	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:hover {
+		background-color: @sapUiSliderRangeHandleBackground;
+		border-color: @sapUiSliderHoverHandleBorderColor;
+		box-shadow: @sapUiContentSelectedShadow;
+	}
+
+	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
+		&:not(:focus) {
+			background: transparent;
+			border: 0.125rem solid #0070F2;
+			outline: none;
+			box-shadow: none;
+			top: -0.625rem;
+		}
+	}
 
-.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover .sapMSliderProgress:focus ~ .sapMSliderHandle,
-.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
-	&:not(:focus) {
-		background: transparent;
-		border: none;
+	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
+		background: @sapUiSliderActiveRangeHandleBackground;
+		border: 0.125rem solid #0070F2;
 		outline: none;
-		box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
-		top: -0.75rem;
+		box-shadow: none;
+		top: -0.625rem;
+	}
+
+	.sapMSliderHandle {
+		background: @sapUiSliderRangeHandleBackground;
+		box-shadow: @sapUiContentSelectedShadow;
+		top: -0.625rem;
+	}
+
+	.sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+		top: 4px;
 	}
 }
 
+.sapMRangeSlider .sapMSliderInner::before {
+	border: 0.0625rem solid @sapUiContentMeasureIndicatorColor;
+	background-color: @sapUiContentMeasureIndicatorColor;
+}
+
 .sapUiSizeCompact {
-	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover .sapMSliderProgress:focus ~ .sapMSliderHandle,
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
 		&:not(:focus) {
 			background: transparent;
-			border: none;
+			border: 0.125rem solid #0070F2;
 			outline: none;
-			box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
-			top: -0.5625rem;
+			box-shadow: none;
+			top: -0.5rem;
 		}
 	}
 
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-		background: transparent;
+		background: @sapUiSliderActiveRangeHandleBackground;
+		border: 0.125rem solid #0070F2;
 		outline: none;
-		box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
-		top: -0.5625rem;
+		box-shadow: none;
+		top: -0.5rem;
 	}
-}
 
-.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-	background: transparent;
-	border: none;
-	outline: none;
-	box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
-	top: -0.75rem;
-}
-
-.sapMRangeSlider .sapMSliderInner::before {
-	background-color: @sapField_BorderColor;
-}
+	.sapMRangeSlider.sapMSlider .sapMSliderInner .sapMSliderHandle {
+		top: -0.5rem;
+	}
 
+	.sapMRangeSlider.sapMSlider .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+		top: 2px;
+		right: 0.25rem;
+	}
 
-html.sap-desktop .sapUiSizeCompact .sapMSliderProgress:focus:before {
-	padding-left: 2rem;
-	padding-top: 0.125rem;
-	padding-bottom: 0.25rem;
-	padding-right: 0.25rem;
-	top: 1px;
+	.sapMSliderLabels {
+		margin: 0.625rem -0.875rem 0 -0.875rem;
+	}
 }
 
 html.sap-desktop .sapMSliderProgress:focus:before {
-	border: 0.125rem solid #0070f2;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 	border-radius: 0.5rem;
-	padding-left: 2.375rem;
-	padding-top: 0.375rem;
-	padding-right: 0.25rem;
-	padding-bottom: 0.375rem;
-	top: 1px;
+	content: "";
+	display: block;
+	position: absolute;
+	height: ~"calc(@{_sap_m_RangeSlider_Handle_Height} + 0.375rem)";
+	width: ~"calc(100% + ((@{_sap_m_RangeSlider_Handle_Width}) + 0.375rem))";
+	top: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Height} / 2) + 0.1875rem))";
+	left: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Width} / 2) + 0.3125rem))";
+}
+
+html.sap-desktop .sapUiSizeCompact .sapMSliderProgress:focus:before {
+	height: ~"calc(@{_sap_m_RangeSlider_Handle_Height_Compact} + 0.375rem)";
+	width: ~"calc(100% + ((@{_sap_m_RangeSlider_Handle_Width_Compact}) + 0.375rem))";
+	top: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Height_Compact} / 2) + 0.1875rem))";
+	left: ~"calc(-1 * ((@{_sap_m_RangeSlider_Handle_Width_Compact} / 2) + 0.3125rem))";
 }

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

@@ -4,6 +4,10 @@
 /* ====================================== */
 
 .sapMRI {
+	&:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
+		opacity: 0.9;
+	}
+
 	.sapMRIUnsel {
 		color: @sapContent_UnratedColor;
 	}
@@ -41,6 +45,9 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
 .sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov, .sapMRIIconReadOnly {
 	font-size: 1.5rem;
 }
+.sapMRIIconSel, .sapMRIIconUnsel {
+	text-shadow: @sapContent_TextShadow;
+}
 
 /* temporary workaround of an issue in the icon font */
 .sapMRI .sapUiIcon,

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

@@ -76,7 +76,8 @@ html.sap-desktop {
 		border: 0.125rem solid @sapUiContentFocusColor;
 		border-radius: 0.375rem;
 	}
-	.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
+	.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
+	&.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
 		top: 0.325rem;
 		bottom: 0.325rem;
 	}
@@ -153,10 +154,6 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 	.sapMSegBBtnInner:hover {
 		border-right: 1px solid @sapUiButtonSelectedHoverBorderColor;
 	}
-	// Hide next button left border
-	+ .sapMSegBBtn .sapMSegBBtnInner {
-		border-left: 1px solid transparent;
-	}
 }
 
 .sapMSegB img {
@@ -255,8 +252,8 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 	}
 }
 
-.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
-	border-right: 1px solid @sapUiButtonBorderColor;
+.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner,
+.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInnerWrapper {
 	border-top-right-radius: @sapUiButtonBorderCornerRadius;
 	border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
 }

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

@@ -11,7 +11,7 @@
 .sapMSelectListItemBase.sapMSelectListItemBaseSelected {
 	background: @sapUiListSelectionBackgroundColor;
 	color: @sapUiListTextColor;
-	border-color: @sapUiListSelectionBorderColor;
+	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
 
 	&:hover {
 		background: @sapUiListHoverSelectionBackground;
@@ -46,7 +46,8 @@ html.sap-desktop .sapMSelectListItemBase:focus::after,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected::after {
 	pointer-events: none;
 	content: "";
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline-offset: -0.1875rem;
 	position: absolute;
 	top: 0;
 	right: 0;
@@ -66,16 +67,4 @@ html.sap-desktop .sapMSelectListItemBase:focus {
 	position: relative;
 	font-size: @sapFontSize;
 	color: @sapUiListTextColor;
-
-	&:last-child:not(:only-child)::after {
-		border-bottom-left-radius: 0.75rem;
-		border-bottom-right-radius: 0.75rem;
-	}
-}
-
-.sapMSltPicker-CTX:not(.sapMSltPickerWithSubHeader) .sapMSelectListItemBase {
-	&:first-child::after {
-		border-top-left-radius: 0.75rem;
-		border-top-right-radius: 0.75rem;
-	}
 }

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

@@ -30,8 +30,7 @@
 	}
 
 	.sapMSinglePCColumnHeader .sapUiCalItem.sapUiCalItemNow {
-		border-color: @sapUiLegendCurrentDateTime;
-		border-radius: 0.25rem;
+		border: none;
 	}
 
 	.sapMSinglePCNowMarker {
@@ -55,10 +54,6 @@
 
 	.sapMSinglePCColumnHeader {
 		.sapUiCalItem.sapUiCalItemNow {
-			.sapUiCalItemText {
-				border: 0.0625rem solid @sapUiListBackground;
-			}
-
 			.sapUiCalSpecialDate {
 				position: absolute;
 				left: 0;
@@ -70,9 +65,12 @@
 		.sapUiCalItem .sapUiCalSpecialDate {
 			height: 0.25rem;
 		}
+	}
 
-		.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSel .sapUiCalItemText {
-			border: 0.0625rem solid @sapUiListBackground;
+	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+		.sapUiCalendarApp {
+			border-top-left-radius: 0;
+			border-bottom-left-radius: 0;
 		}
 	}
 }
@@ -87,9 +85,6 @@
 .sapUiSizeCompact .sapMSinglePC {
 	.sapMSinglePCColumnHeader {
 		.sapUiCalItem.sapUiCalItemNow {
-			&.sapUiCalItemSel {
-				background-color: @sapUiActive;
-			}
 			.sapUiCalItemText,
 			.sapUiCalItemSel.sapUiItemText {
 				box-shadow: none;
@@ -110,10 +105,6 @@
 		.sapUiCalItem.sapUiCalItemNow {
 			outline: 0.0625rem solid white;
 			box-shadow: inset white;
-			&.sapUiCalItemSel {
-				background-color: @sapUiActive;
-				border: 0.125rem solid @sapUiLegendCurrentDateTime;
-			}
 			&.sapUiCalItemSel:hover {
 				background-color: @sapUiContentSelectedHoverBackground;
 			}
@@ -162,7 +153,7 @@
 	&:focus {
 		.sapUiCalendarAppCont:after {
 			border: 0.125rem solid @sapUiContentFocusColor;
-			border-radius: 0.25rem;
+			border-radius: 0.125rem;
 		}
 	}
 }
@@ -222,4 +213,11 @@ html.sap-desktop {
 			border-radius: 0.5rem;
 		}
 	}
+}
+
+.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps:focus .sapUiCalendarAppSel:hover .sapUiCalendarAppCont:after {
+	top: 0.125rem;
+	left: 0.125rem;
+	right: 0.125rem;
+	bottom: 0.125rem;
 }