@openui5/themelib_sap_horizon 1.101.0 → 1.103.0

package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less

@@ -137,6 +137,7 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
 	color: @sapUiBaseText;
 	background-color: @sapUiListBackground;
 	border-color: @sapUiListBorderColor;
+	border-radius: 0.5rem;
 }
 
 .sapUiCalItemNow {
@@ -154,14 +155,6 @@ html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):f
 	background-color: @sapUiLegendWorkingBackground;
 }
 
-/* hover and focus makes only sense on desktops. On mobile devices it's not needed */
-html.sap-desktop .sapUiCalDatesRow .sapUiCalItem:not(.sapUiCalItemSel):hover,
-html.sap-desktop .sapUiCalMonthPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
-	background-color: @sapUiListHoverBackground;
-}
-
 html.sap-desktop .sapUiCalItem.sapUiCalItemNow:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):focus > .sapUiCalItemText{
 	outline-offset: -0.45rem;
 }
@@ -233,6 +226,8 @@ html[data-sap-ui-browser^="ed"].sap-desktop {
 html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
 	background-color: @sapUiLegendNonWorkingBackground;
 }
+
+.sapUiCalItem:hover,
 .sapUiCalItemWeekEnd:hover {
 	background-color: @sapUiListHoverBackground;
 }
@@ -293,9 +288,9 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 				border: 0.0625rem solid @sapUiListSelectionBorderColor;
 				border-radius: 0.3125rem;
 				margin: 0.125rem;
-				width: 1.5625rem;
-				height: 1.5rem;
-				line-height: 1.4375rem;
+				width: 1.75rem;
+				height: 2.375rem;
+				line-height: 2.375rem;
 				top: 0.0625rem;
 			}
 		}
@@ -541,6 +536,11 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 	color: @sapUiContentSelectedTextColor;
 }
 
+/* Day names inside day */
+.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
+	padding-top: 0.75rem;
+}
+
 /*** compact mode (desktop size) ***/
 
 .sapUiSizeCompact .sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
@@ -568,6 +568,12 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 		margin: 0.1875rem 0;
 		height: 1.625rem;
 	}
+
+	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
+		width: 1.5625rem;
+		height: 1.5rem;
+		line-height: 1.4375rem;
+	}
 }
 
 @media only screen

package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less

@@ -21,16 +21,23 @@
 
 /* Appointments */
 /* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
-html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
+html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
 	position: absolute;
-	top: 1px;
-	left: 1px;
-	right: 1px;
-	bottom: 1px;
+	top: 0.0625rem;
+	left: 0.0625rem;
+	right: 0.0625rem;
+	bottom: 0.0625rem;
 	content: "";
 	border: 0.125rem solid @sapUiContentFocusColor;
 	pointer-events: none;
-	border-radius: 0.25rem;
+	border-radius: 0.125rem;
+}
+
+html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:hover > .sapUiCalendarAppCont:after {
+	top: 0.125rem;
+	left: 0.125rem;
+	right: 0.125rem;
+	bottom: 0.125rem;
 }
 
 .sapUiCalendarApp,
@@ -38,13 +45,19 @@ html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
 	border-radius: 0.25rem;
 }
 
+.sapUiCalendarAppCont {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
 html.sap-desktop .sapUiCalendarApp:hover:not(:active),
 html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont{
 	background-color: @sapUiListBackground;
 }
+
 html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active),
 html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont{
-	background-color: @sapUiListBackground;
+	background-color: @sapUiContentSelectedBackground;
 }
 
 .sapMListTblRow.sapMLIBFocusable:focus {
@@ -94,7 +107,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active){
 .sapUiCalendarApp:active > .sapUiCalendarAppCont,
 .sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont{
 	border-color: @sapUiListSelectionBorderColor;
-	border-left: 0.0625rem solid @sapUiListBackground;
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
 }
@@ -117,6 +129,7 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 
 .sapUiCalendarAppTitle{
 	font-size: @sapMFontMediumSize;
+	color: @sapUiBaseText;
 }
 
 .sapUiCalendarAppText{
@@ -134,17 +147,25 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 	background-color: lighten(@sapUiAccent1, 50);
 	color: @sapUiListTextColor;
 }
-.sapUiCalendarApp, .sapUiCalendarAppCont {
-	border-top-left-radius: 0;
-	border-bottom-left-radius: 0;
-}
 
 .sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont {
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
 }
 
-html.sap-desktop .sapUiCalendarApp:hover:not(:active),
-html.sap-desktop .sapUiCalendarApp:focus:not(:active)>.sapUiCalendarAppCont {
-	box-shadow: inset 0 0 0 0.125rem @sapContent_Selected_ForegroundColor, @sapContent_Selected_Shadow;
+.sapUiCalendarApp.sapUiCalendarAppTent.sapUiCalendarAppSel > .sapUiCalendarAppCont,
+.sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont:hover {
+	border-style: solid;
+	border-left: none;
+}
+
+.sapUiCalendarAppCont:hover {
+	border-color: @sapUiListSelectionBorderColor;
+}
+
+// SPC
+.sapUiCalendarAppSel:hover .sapUiCalendarAppCont,
+// PC
+.sapUiCalendarAppSel .sapUiCalendarAppCont:hover {
+	box-shadow: inset 0 0 0 0.0625rem @sapUiListSelectionBorderColor;
 }

package/src/sap/ui/unified/themes/sap_horizon_dark/ColorPicker.less

@@ -122,7 +122,13 @@
 }
 
 .sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:focus {
-	outline: 0.125rem solid @sapUiContentFocusColor;
+	outline: 0.1875rem solid @sapUiContentFocusColor;
+}
+
+.sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:focus::before {
+	content: "";
+	outline: 0.0625rem solid @sapContent_ContrastFocusColor;
+	outline-offset: -0.125rem;
 }
 
 .sapUnifiedColorPicker .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
@@ -133,4 +139,5 @@
 .sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled).sapMSliderPressed .sapMSliderHandle,
 .sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
 	border: 0.125rem solid darken(@sapUiFieldBorderColor, 15);
+	background-color: transparent;
 }

package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less

@@ -3,6 +3,14 @@
 /* Evening Horizon theme                */
 /* ==================================== */
 
+.sapUiMnu {
+	border-radius: @sapUiPopoverBorderCornerRadius;
+}
+
+.sapUiMnuItmSbMnu > div:after {
+	font-size: 1rem;
+}
+
 .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 }
@@ -84,7 +92,7 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 }
 
 .sapMMenuLIArrowRightIcon {
-	font-size: 0.75rem;
+	font-size: 1rem;
 	width: 2.75rem;
 	height: 2.75rem;
 	line-height: 2.75rem;
@@ -119,33 +127,22 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 
 html.sap-desktop,
 html.sap-tablet {
-	.sapUiSizeCozy{
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-			padding-left: 0.75rem;
-		}
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-	}
-}
-
-/** Compact Mode **/
-
-.sapUiSizeCompact{
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 0.5rem;
+		padding-left: 0.75rem;
 	}
-
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0rem;
+		padding-left: 0;
 	}
-
 	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt{
+	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
 		padding-left: 0;
 	}
+}
+
+.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
+	border-radius: 0.25rem;
+}
+
+.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf:focus {
+	border-width: 0.125rem;
 }

package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less

@@ -137,6 +137,7 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
 	color: @sapUiBaseText;
 	background-color: @sapUiListBackground;
 	border-color: @sapUiListBorderColor;
+	border-radius: 0.5rem;
 }
 
 .sapUiCalItemNow {
@@ -154,14 +155,6 @@ html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):f
 	background-color: @sapUiLegendWorkingBackground;
 }
 
-/* hover and focus makes only sense on desktops. On mobile devices it's not needed */
-html.sap-desktop .sapUiCalDatesRow .sapUiCalItem:not(.sapUiCalItemSel):hover,
-html.sap-desktop .sapUiCalMonthPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
-	background-color: @sapUiListHoverBackground;
-}
-
 html.sap-desktop .sapUiCalItem.sapUiCalItemNow:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):focus > .sapUiCalItemText{
 	outline-offset: -0.45rem;
 }
@@ -233,6 +226,8 @@ html[data-sap-ui-browser^="ed"].sap-desktop {
 html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
 	background-color: @sapUiLegendNonWorkingBackground;
 }
+
+.sapUiCalItem:hover,
 .sapUiCalItemWeekEnd:hover {
 	background-color: @sapUiListHoverBackground;
 }
@@ -293,9 +288,9 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 				border: 0.0625rem solid @sapUiListSelectionBorderColor;
 				border-radius: 0.3125rem;
 				margin: 0.125rem;
-				width: 1.5625rem;
-				height: 1.5rem;
-				line-height: 1.4375rem;
+				width: 1.75rem;
+				height: 2.375rem;
+				line-height: 2.375rem;
 				top: 0.0625rem;
 			}
 		}
@@ -541,6 +536,11 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 	color: @sapUiContentSelectedTextColor;
 }
 
+/* Day names inside day */
+.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
+	padding-top: 0.75rem;
+}
+
 /*** compact mode (desktop size) ***/
 
 .sapUiSizeCompact .sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
@@ -568,6 +568,12 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 		margin: 0.1875rem 0;
 		height: 1.625rem;
 	}
+
+	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
+		width: 1.5625rem;
+		height: 1.5rem;
+		line-height: 1.4375rem;
+	}
 }
 
 @media only screen

package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less

@@ -21,7 +21,7 @@
 
 /* Appointments */
 /* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
-html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
+html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
 	position: absolute;
 	top: 1px;
 	left: 1px;
@@ -32,6 +32,25 @@ html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
 	pointer-events: none;
 }
 
+.sapUiCalendarApp,
+.sapUiCalendarAppCont {
+	border-radius: 0.25rem;
+}
+
+.sapUiCalendarAppCont {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont {
+	background-color: @sapUiListBackground;
+}
+
+html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:hover:not(:active) > .sapUiCalendarAppCont,
+html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
+	background-color: @sapUiListHoverBackground;
+}
+
 .sapMListTblRow.sapMLIBFocusable:focus {
 	.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
 		position: absolute;
@@ -92,7 +111,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active){
 .sapUiCalendarApp:active > .sapUiCalendarAppCont,
 .sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont{
 	border-color: @sapUiListSelectionBorderColor;
-	border-left: 0.0625rem solid @sapUiListBackground;
 }
 
 
@@ -117,6 +135,7 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 
 .sapUiCalendarAppTitle{
 	font-size: @sapMFontMediumSize;
+	color: @sapUiBaseText;
 }
 
 .sapUiCalendarAppText{

package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less

@@ -1,7 +1,7 @@
-/* =========================================== */
-/* CSS for control sap.ui.unified.ColorPicker  */
-/* Horizon High Contrast Black theme           */
-/* =========================================== */
+/* ========================================== */
+/* CSS for control sap.ui.unified.ColorPicker */
+/* Horizon High Contrast Black theme          */
+/* ========================================== */
 
 .sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
 .sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
@@ -19,10 +19,10 @@
 	.sapUiColorPicker-ColorPickerAlphaSlider,
 	.sapUiColorPicker-ColorPickerSlider {
 		.sapMSliderHandle {
+			width: 1.0625rem;
 			top: -0.50rem;
 			border: 0.125rem solid @sapUiContentContrastShadowColor;
 			background-color: transparent;
-			height: 1.625rem;
 			box-shadow: inset 0 0 0 0.125rem @sapUiContentForegroundColor;
 		}
 		.sapMSliderProgress {
@@ -35,6 +35,12 @@
 				//override the blue border color when the handle is pressed
 				border-color: @sapUiContentContrastShadowColor;
 			}
+			.sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+				content: none;
+			}
+			&::before {
+				content: none
+			}
 		}
 	}
 }

package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less

@@ -3,6 +3,14 @@
 /* Horizon High Contrast Black theme    */
 /* ==================================== */
 
+.sapUiMnu {
+	border-radius: @sapUiPopoverBorderCornerRadius;
+}
+
+.sapUiMnuItmSbMnu > div:after {
+	font-size: 1rem;
+}
+
 .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 }
@@ -84,7 +92,7 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 }
 
 .sapMMenuLIArrowRightIcon {
-	font-size: 0.75rem;
+	font-size: 1rem;
 	width: 2.75rem;
 	height: 2.75rem;
 	line-height: 2.75rem;
@@ -114,31 +122,12 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 
 html.sap-desktop,
 html.sap-tablet {
-	.sapUiSizeCozy{
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-			padding-left: 0.75rem;
-		}
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-	}
-}
-
-/** Compact Mode **/
-
-.sapUiSizeCompact{
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 0.5rem;
+		padding-left: 0.75rem;
 	}
-
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0rem;
+		padding-left: 0;
 	}
-
 	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
 	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
 		padding-left: 0;

package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less

@@ -137,6 +137,7 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
 	color: @sapUiBaseText;
 	background-color: @sapUiListBackground;
 	border-color: @sapUiListBorderColor;
+	border-radius: 0.5rem;
 }
 
 .sapUiCalItemNow {
@@ -154,14 +155,6 @@ html.sap-desktop .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemWeekEnd):f
 	background-color: @sapUiLegendWorkingBackground;
 }
 
-/* hover and focus makes only sense on desktops. On mobile devices it's not needed */
-html.sap-desktop .sapUiCalDatesRow .sapUiCalItem:not(.sapUiCalItemSel):hover,
-html.sap-desktop .sapUiCalMonthPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCalYearPicker .sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemSelBetween):hover,
-html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
-	background-color: @sapUiListHoverBackground;
-}
-
 html.sap-desktop .sapUiCalItem.sapUiCalItemNow:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):focus > .sapUiCalItemText{
 	outline-offset: -0.45rem;
 }
@@ -233,6 +226,8 @@ html[data-sap-ui-browser^="ed"].sap-desktop {
 html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
 	background-color: @sapUiLegendNonWorkingBackground;
 }
+
+.sapUiCalItem:hover,
 .sapUiCalItemWeekEnd:hover {
 	background-color: @sapUiListHoverBackground;
 }
@@ -293,9 +288,9 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
 				border: 0.0625rem solid @sapUiListSelectionBorderColor;
 				border-radius: 0.3125rem;
 				margin: 0.125rem;
-				width: 1.5625rem;
-				height: 1.5rem;
-				line-height: 1.4375rem;
+				width: 1.75rem;
+				height: 2.375rem;
+				line-height: 2.375rem;
 				top: 0.0625rem;
 			}
 		}
@@ -541,6 +536,11 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 	color: @sapUiContentSelectedTextColor;
 }
 
+/* Day names inside day */
+.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
+	padding-top: 0.75rem;
+}
+
 /*** compact mode (desktop size) ***/
 
 .sapUiSizeCompact .sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
@@ -568,6 +568,12 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 		margin: 0.1875rem 0;
 		height: 1.625rem;
 	}
+
+	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
+		width: 1.5625rem;
+		height: 1.5rem;
+		line-height: 1.4375rem;
+	}
 }
 
 @media only screen

package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less

@@ -21,7 +21,7 @@
 
 /* Appointments */
 /* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
-html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
+html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
 	position: absolute;
 	top: 1px;
 	left: 1px;
@@ -32,6 +32,25 @@ html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
 	pointer-events: none;
 }
 
+.sapUiCalendarApp,
+.sapUiCalendarAppCont {
+	border-radius: 0.25rem;
+}
+
+.sapUiCalendarAppCont {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont {
+	background-color: @sapUiListBackground;
+}
+
+html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:hover:not(:active) > .sapUiCalendarAppCont,
+html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
+	background-color: @sapUiListHoverBackground;
+}
+
 .sapMListTblRow.sapMLIBFocusable:focus {
 	.sapUiCalendarRowAppsInt.sapUiCalendarRowAppsNoWork:before {
 		position: absolute;
@@ -92,7 +111,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active){
 .sapUiCalendarApp:active > .sapUiCalendarAppCont,
 .sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont{
 	border-color: @sapUiListSelectionBorderColor;
-	border-left: 0.0625rem solid @sapUiListBackground;
 }
 
 
@@ -117,6 +135,7 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active)  > .sa
 
 .sapUiCalendarAppTitle{
 	font-size: @sapMFontMediumSize;
+	color: @sapUiBaseText;
 }
 
 .sapUiCalendarAppText{

package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less

@@ -1,7 +1,7 @@
-/* =========================================== */
-/* CSS for control sap.ui.unified.ColorPicker  */
-/* Horizon High Contrast White theme           */
-/* =========================================== */
+/* ========================================== */
+/* CSS for control sap.ui.unified.ColorPicker */
+/* Horizon High Contrast Black theme          */
+/* ========================================== */
 
 .sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
 .sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
@@ -19,10 +19,10 @@
 	.sapUiColorPicker-ColorPickerAlphaSlider,
 	.sapUiColorPicker-ColorPickerSlider {
 		.sapMSliderHandle {
+			width: 1.0625rem;
 			top: -0.50rem;
 			border: 0.125rem solid @sapUiContentContrastShadowColor;
 			background-color: transparent;
-			height: 1.625rem;
 			box-shadow: inset 0 0 0 0.125rem @sapUiContentForegroundColor;
 		}
 		.sapMSliderProgress {
@@ -35,6 +35,12 @@
 				//override the blue border color when the handle is pressed
 				border-color: @sapUiContentContrastShadowColor;
 			}
+			.sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+				content: none;
+			}
+			&::before {
+				content: none
+			}
 		}
 	}
 }

package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less

@@ -3,6 +3,14 @@
 /* Horizon High Contrast White theme    */
 /* ==================================== */
 
+.sapUiMnu {
+	border-radius: @sapUiPopoverBorderCornerRadius;
+}
+
+.sapUiMnuItmSbMnu > div:after {
+	font-size: 1rem;
+}
+
 .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 }
@@ -84,7 +92,7 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 }
 
 .sapMMenuLIArrowRightIcon {
-	font-size: 0.75rem;
+	font-size: 1rem;
 	width: 2.75rem;
 	height: 2.75rem;
 	line-height: 2.75rem;
@@ -114,31 +122,12 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
 
 html.sap-desktop,
 html.sap-tablet {
-	.sapUiSizeCozy{
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-			padding-left: 0.75rem;
-		}
-		.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
-		.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-			padding-left: 0;
-		}
-	}
-}
-
-/** Compact Mode **/
-
-.sapUiSizeCompact{
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
-		padding-left: 0.5rem;
+		padding-left: 0.75rem;
 	}
-
 	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
-		padding-left: 0rem;
+		padding-left: 0;
 	}
-
 	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
 	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
 		padding-left: 0;