@openui5/themelib_sap_horizon 1.127.1 → 1.129.0

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

@@ -3,14 +3,14 @@
 /* Horizon theme                 */
 /* ============================= */
 
-@_sap_m_Button_EmphasizedFocusColor: @sapUiContentFocusColor;
+@_sap_m_Button_EmphasizedFocusColor: var(--sapContent_FocusColor);
 
 .sapMBtn {
 	height: 2.75rem;
 }
 
 .sapMBtnEmphasized {
-	font-family: @sapUiFontBoldFamily;
+	font-family: var(--sapFontBoldFamily);
 }
 
 .sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
@@ -22,13 +22,13 @@
 /* --------------------- */
 .sapMBtnInner {
 	font-size: @sapMFontMediumSize;
-	height: @sapUiElementHeight;
+	height: var(--sapElement_Height);
 	min-width: 2.25rem;
 	margin: 0;
 	padding: 0;
 	text-align: center;
 	position: relative;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: var(--sapButton_BorderCornerRadius);
 	text-shadow: none;
 }
 
@@ -41,7 +41,7 @@
 	line-height: 2.125rem;
 }
 
-.sapMBtnInner.sapMBtnText .sapMBtnIcon:before {
+.sapMBtnInner.sapMBtnText .sapMBtnIcon::before {
 	width: 1rem;
 	text-align: center;
 	display: inline-block;
@@ -80,7 +80,7 @@
 }
 
 .sapMBtnInner.sapMBtnText {
-	font-family: @sapUiFontSemiboldDuplexFamily;
+	font-family: var(--sapFontSemiboldDuplexFamily);
 	padding-left: 0.5625rem;
 	padding-right: 0.5625rem;
 }
@@ -91,24 +91,25 @@
 }
 
 .sapMBtnGhost {
-	color: @sapUiButtonTextColor;
-	border: 0.0625rem solid @sapUiButtonBorderColor;
-	background: @sapUiButtonBackground;
+	color: var(--sapButton_TextColor);
+	border: 0.0625rem solid var(--sapButton_BorderColor);
+	background: var(--sapButton_Background);
 }
 
 
 .sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
-	color: @sapUiButtonActiveTextColor;
-	border-color: @sapUiButtonActiveBorderColor;
-	background: @sapUiButtonActiveBackground;
+	color: var(--sapButton_Active_TextColor);
+	border-color: var(--sapButton_Active_BorderColor);
+	background: var(--sapButton_Active_Background);
 }
 
 .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
+	background: var(--sapButton_Hover_Background);
+	border-color: var(--sapButton_Hover_BorderColor);
 }
 
 .sapUiSizeCompact {
+
 	.sapMBtnIcon {
 		margin-left: 0;
 		margin-right: 0;
@@ -137,49 +138,49 @@
 /* ---------------------------------------------------------------------*/
 
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
-	border-color:    @sapUiContentFocusColor;
+	border-color: var(--sapContent_FocusColor);
 }
 
 // Value State Message buttons
 :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
-	border-color: @sapUiButtonCriticalBorderColor;
+	border-color: var(--sapButton_Critical_BorderColor);
 }
 
 :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
-	border-color: @sapUiButtonNegativeBorderColor;
+	border-color: var(--sapButton_Negative_BorderColor);
 }
 
 :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
-	border-color: @sapButton_Success_BorderColor;
+	border-color: var(--sapButton_Success_BorderColor);
 }
 
-html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
-	content: "";
+html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
+	content: '';
 	position: absolute;
 	box-sizing: border-box;
 	left: 0.0625rem;
 	top: 0.0625rem;
 	right: 0.0625rem;
 	bottom: 0.0625rem;
-	border: 0.125rem solid @sapUiContentFocusColor;
+	border: 0.125rem solid var(--sapContent_FocusColor);
 	pointer-events: none;
 	border-radius: 0.375rem;
 }
 
-html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator):before,
-html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
-html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
-html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before {
-	border: 0.125rem solid @sapUiContentContrastFocusColor;
+html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
+html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before {
+	border: 0.125rem solid var(--sapContent_ContrastFocusColor);
 }
 
 .sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost),
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
-	border-color: @sapUiButtonLiteBorderColor;
+	border-color: var(--sapButton_Lite_BorderColor);
 }
 
 .sapMBtn .sapMBtnNeutral.sapMBtnInner {
-	text-shadow: @sapUiContentTextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* ---------------------------------------------------------------------*/
@@ -187,7 +188,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 /* ---------------------------------------------------------------------*/
 
 .sapMBtnDisabled {
-	opacity: @sapUiContentDisabledOpacity;
+	opacity: var(--sapContent_DisabledOpacity);
 }
 
 /* ------------------------------------------------ */
@@ -199,16 +200,17 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
-	color: @sapUiButtonLiteTextColor;
-	background-color: @sapUiButtonLiteBackground;
+	color: var(--sapButton_Lite_TextColor);
+	background-color: var(--sapButton_Lite_Background);
 }
 
 .sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
 .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack,
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault {
-	color: @sapUiButtonLiteTextColor;
+	color: var(--sapButton_Lite_TextColor);
+
 	.sapUiIcon {
-		color: @sapUiButtonLiteTextColor;
+		color: var(--sapButton_Lite_TextColor);
 	}
 }
 
@@ -216,81 +218,84 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
-	border-color: @sapUiButtonLiteBorderColor;
+	border-color: var(--sapButton_Lite_BorderColor);
 }
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
-	background: @sapUiButtonLiteBackground;
-	border: 0.0625rem solid @sapUiButtonBorderColor;
+	background: var(--sapButton_Lite_Background);
+	border: 0.0625rem solid var(--sapButton_BorderColor);
 }
 
 .sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
+	background: var(--sapButton_Hover_Background);
+	border-color: var(--sapButton_Hover_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAccept {
-	border-color: @sapUiButtonAcceptBorderColor;
+	border-color: var(--sapButton_Accept_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnAttention {
-	border-color: @sapUiButtonAttentionBorderColor;
+	border-color: var(--sapButton_Attention_BorderColor);
 }
 
 html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
-	border-color: @sapUiButtonRejectBorderColor;
+	border-color: var(--sapButton_Reject_BorderColor);
 }
 
 .sapMBar-CTX,
 .sapMTB-Transparent-CTX {
+
 	& :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent.sapMBtnActive {
+
 		& > .sapMBtnContent,
 		& > .sapMBtnIcon {
-			color: @sapUiButtonActiveTextColor;
+			color: var(--sapButton_Active_TextColor);
 		}
 	}
 }
 
 .sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
+
 	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
-		border-color: @sapUiButtonHoverBorderColor;
+		border-color: var(--sapButton_Hover_BorderColor);
 	}
 }
 
 .sapMTB-Transparent-CTX .sapMBtn:not(.sapMBtnDisabled) > .sapMBtnDefault.sapMBtnActive {
-	background-color: @sapUiButtonActiveBackground;
+	background-color: var(--sapButton_Active_Background);
 }
 
 // text color for enabled buttons
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive,
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept.sapMBtnActive .sapMBtnIcon {
-	color: @sapUiButtonAcceptActiveTextColor;
+	color: var(--sapButton_Accept_Active_TextColor);
 }
 
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive,
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject.sapMBtnActive .sapMBtnIcon {
-	color: @sapUiButtonRejectActiveTextColor;
+	color: var(--sapButton_Reject_Active_TextColor);
 }
 
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive,
 :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention.sapMBtnActive .sapMBtnIcon {
-	color: @sapUiButtonAttentionActiveTextColor;
+	color: var(--sapButton_Attention_Active_TextColor);
 }
 
 :not(.sapMBtnDisabled) .sapMBtnBack > .sapMBtnIcon,
 :not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon {
-	color: @sapUiButtonLiteTextColor;
+	color: var(--sapButton_Lite_TextColor);
 }
 
 /* ----------------------*/
 /* Badges                */
 /* ----------------------*/
 
-.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
-	background-color: @sapContent_BadgeBackground;
-	border-color: @sapContent_BadgeBackground;
-	color: @sapContent_BadgeTextColor;
-	font-size: @sapFontSmallSize;
+.sapMBtn .sapMBadge .sapMBadgeIndicator::after {
+	background-color: var(--sapContent_BadgeBackground);
+	border-color: var(--sapContent_BadgeBackground);
+	color: var(--sapContent_BadgeTextColor);
+	font-size: var(--sapFontSmallSize);
 	text-align: center;
 }
 
@@ -298,6 +303,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
 
 	bdi {
-		color: @sapUiButtonLiteHoverTextColor;
+		color: var(--sapButton_Lite_Hover_TextColor);
 	}
 }

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

@@ -3,15 +3,15 @@
 /* Horizon theme                   */
 /* =============================== */
 
-// ==========================================================================
-// Variables overriding
-// ==========================================================================
+/* ========================================================================== */
+/* Variables overriding */
+/* ========================================================================== */
 
-@_sap_m_Carousel_BackgroundColorSolid: @sapUiGroupContentBackground;
-@_sap_m_Carousel_BackgroundColorTranslucent: @sapUiBaseBG;
+@_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
+@_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
 @_sap_m_Carousel_MinWidth: 15.5rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
-@_sap_m_Carousel_NumericIndicatorTextColor: @sapUiPageFooterTextColor;
+@_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
 @_sap_m_Carousel_PrevAndNextSize: 2.125rem;
 @_sap_m_Carousel_PrevAndNextPosition: 0.5rem;
 @_sap_m_Carousel_PrevAndNextFocusBorderRadius: inherit;
@@ -20,8 +20,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-@_sap_m_Carousel_ContentArrowBoxShadow: @sapUiContentShadow1;
-@_sap_m_Carousel_BulletInactiveBackground: @sapUiContentForegroundBorderColor;
-@_sap_m_Carousel_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
-@_sap_m_Carousel_BulletActiveBackground: @sapUiContentSelectedForegroundColor;
-@_sap_m_Carousel_BulletActiveBorder: @sapUiContentSelectedForegroundColor;
+@_sap_m_Carousel_ContentArrowBoxShadow: var(--sapContent_Shadow1);
+@_sap_m_Carousel_BulletInactiveBackground: var(--sapContent_ForegroundBorderColor);
+@_sap_m_Carousel_BulletInactiveBorderColor: var(--sapContent_ForegroundBorderColor);
+@_sap_m_Carousel_BulletActiveBackground: var(--sapContent_Selected_ForegroundColor);
+@_sap_m_Carousel_BulletActiveBorder: var(--sapContent_Selected_ForegroundColor);

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

@@ -8,68 +8,80 @@
 
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
+
 	&:hover,
 	&.sapMColorPaletteSquareSelected {
 		border-radius: 0.4375rem;
 		margin: 0.0625rem;
 		width: 2.25rem;
 		height: 2.25rem;
+
 		& > div {
 			border-radius: 0.375rem;
 		}
 	}
+
 	div {
 		border-radius: 0.1875rem;
 	}
 }
 
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
-	&:after {
-		border-color: @sapUiContentFocusColor;
+
+	&::after {
+		border-color: var(--sapContent_FocusColor);
 	}
 }
 
 .sap-desktop .sapContrast,
 .sap-desktop.sapContrast {
+
 	.sapMColorPalette .sapMBtn {
-		&:focus:after {
-			border-color: @sapUiContentFocusColor;
+
+		&:focus::after {
+			border-color: var(--sapContent_FocusColor);
 
 		}
+
 		&:active,
 		> .sapMBtnActive,
 		&:hover > .sapMBtnActive,
 		&:active > .sapMBtnActive {
-			color: @sapUiListTextColor;
+			color: var(--sapList_TextColor);
 		}
 	}
 }
 
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
-	&:after {
+
+	&::after {
 		display: none;
 	}
-	&:before {
-		border: 0.125rem solid @sapUiContentFocusColor;
+
+	&::before {
+		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 0.4375rem;
 		top: -0.3125rem;
 		left: -0.3125rem;
 		bottom: -0.3125rem;
 		right: -0.3125rem;
 	}
+
 	&:hover,
 	&.sapMColorPaletteSquareSelected {
-		&:after {
+
+		&::after {
 			display: block;
-			border: 0.0625rem solid @sapUiContentContrastFocusColor;
+			border: 0.0625rem solid var(--sapContent_ContrastFocusColor);
 			border-radius: 0.3125rem;
 			top: 0.0625rem;
 			left: 0.0625rem;
 			bottom: 0.0625rem;
 			right: 0.0625rem;
 		}
-		&:before {
-			border: 0.125rem solid @sapUiContentFocusColor;
+
+		&::before {
+			border: 0.125rem solid var(--sapContent_FocusColor);
 			border-radius: 0.4375rem;
 			top: -0.0625rem;
 			left: -0.0625rem;
@@ -81,38 +93,50 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
 
 html:not(.sap-phone) .sapMColorPalette,
 .sapMColorPalette {
+
 	.sapMBtn {
+
 		&:focus {
+
 			.sap-desktop & {
-				&:after {
+
+				&::after {
 					border-radius: 0.5rem;
-					border: 0.125rem solid @sapUiContentFocusColor;
+					border: 0.125rem solid var(--sapContent_FocusColor);
 				}
 			}
 		}
+
 		.sapMBtnInner {
 			height: 2.75rem;
+
 			.sapMBtnContent {
 				line-height: 2.75rem;
 			}
+
 			&.sapMBtnText {
 				padding: 0;
 			}
 		}
 	}
+
 	.sapMBtnInner {
 		border-radius: 0;
 	}
 }
 
 html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
+
 	.sapMBtn .sapMBtnInner {
 		height: 2rem;
+
 		.sapMBtnContent {
 			line-height: 2rem;
 		}
 	}
+
 	.sapMColorPaletteSquare {
+
 		&:hover,
 		&.sapMColorPaletteSquareSelected {
 			margin: 0.0625rem;
@@ -120,7 +144,8 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
 			height: 1.625rem;
 		}
 	}
-	.sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected):before {
+
+	.sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected)::before {
 		top: -0.25rem;
 		left: -0.25rem;
 		bottom: -0.25rem;
@@ -128,13 +153,15 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
 	}
 }
 
-html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable:before {
+html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable::before {
 	display: none;
 }
 
 .sap-phone .sapMColorPalette .sapMColorPaletteSquare {
+
 	& > div {
 		border-radius: 0.25rem;
+
 		&:active {
 			border-radius: 0.4375rem;
 		}

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

@@ -9,11 +9,11 @@
 	box-shadow: none;
 
 	&:active {
-		background-color: @sapField_Focus_Background;
-		box-shadow: @sapContent_Interaction_Shadow;
+		background-color: var(--sapField_Focus_Background);
+		box-shadow: var(--sapContent_Interaction_Shadow);
 	}
 }
 
 .sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon::before {
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 }

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

@@ -3,27 +3,27 @@
 /* Horizon theme                 */
 /* ============================= */
 
-// ==========================================================================
-// Variables
-// ==========================================================================
+/* ========================================================================== */
+/* Variables */
+/* ========================================================================== */
 
 @_sap_m_Dialog_VerticalMargin: 3%;
 @_sap_m_Dialog_BarHeight: 2.75rem;
 @_sap_m_Dialog_SubHeaderCompactHeight: 2.25rem;
 
-@_sap_m_Dialog_NoStateHeaderShadow: @sapUiContentHeaderShadow;
-@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiContentHeaderShadow;
-@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiContentHeaderShadow;
-@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiContentHeaderShadow;
-@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiContentHeaderShadow;
+@_sap_m_Dialog_NoStateHeaderShadow: var(--sapContent_HeaderShadow);
+@_sap_m_Dialog_SuccessHeaderShadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
+@_sap_m_Dialog_ErrorHeaderShadow: inset 0 -0.0625rem var(--sapErrorBorderColor), var(--sapContent_HeaderShadow);
+@_sap_m_Dialog_WarningHeaderShadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
+@_sap_m_Dialog_InformationHeaderShadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
 
 @_sap_m_Dialog_HeaderFocusBorderBottomOffset: 0.125rem;
 @_sap_m_Dialog_HeaderFocusBorderTopOffset: 0.0625rem;
 @_sap_m_Dialog_HeaderFocusBorderLeftOffset: 0.0625rem;
 @_sap_m_Dialog_HeaderFocusBorderRightOffset: 0.0625rem;
-@_sap_m_Dialog_HeaderFocusBorderRadius: @sapUiElementBorderCornerRadius;
+@_sap_m_Dialog_HeaderFocusBorderRadius: var(--sapElement_BorderCornerRadius);
 
-// This parameter is used in sap.m.Select. TODO: remove it when it is removed from there.
+/* This parameter is used in sap.m.Select. TODO: remove it when it is removed from there. */
 @_sap_m_Dialog_HeaderShadowColor: darken(@sapUiGroupContentBackground, 8);
 
 .sapMDialogSubHeader .sapMIBar {
@@ -36,36 +36,28 @@
 	font-size: 1rem;
 }
 
-.sapMDialogResizeHandler {
-	right: 6px;
-	bottom: 3px;
-
-	&::before {
-		content: attr(data-sap-ui-icon-content);
-		color: @sapUiButtonLiteTextColor;
-	}
-}
-
 .sapMDialogBeginButton, .sapMDialogEndButton {
 	min-width: 4rem;
 }
 
 .sapMDialogTitleGroup {
-	z-index: 3; // to hide the shadow from the header when there is sub-header
+	z-index: 3; /* to hide the shadow from the header when there is sub-header */
 }
 
-// buttons on phone must be to the right side (in LTR mode)
+/* buttons on phone must be to the right side (in LTR mode) */
 html.sap-phone .sapMDialog {
+
 	& > footer .sapMFooter-CTX {
 		justify-content: flex-end;
 	}
 }
 
-// ==========================================================================
-// header, sub-header, footer
-// ==========================================================================
+/* ========================================================================== */
+/* header, sub-header, footer */
+/* ========================================================================== */
 
 .sapMDialog {
+
 	header .sapMBarLeft,
 	header .sapMBarPH {
 		padding-left: 1rem;
@@ -82,11 +74,17 @@ html.sap-phone .sapMDialog {
 	}
 }
 
-// Responsive paddings
-.sapMDialogTitleGroup, .sapMDialogSubHeader {
-	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
-	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
+/* Responsive paddings */
+.sapMDialogTitleGroup,
+.sapMDialogSubHeader {
+
+	.sapUi-Std-PaddingS,
+	.sapUi-Std-PaddingM,
+	.sapUi-Std-PaddingL,
+	.sapUi-Std-PaddingXL {
+
 		&.sapMIBar {
+
 			.sapMBarMiddle .sapMBarPH {
 				padding-left: 0;
 				padding-right: 0;
@@ -112,6 +110,7 @@ html.sap-phone .sapMDialog {
 }
 
 .sapMDialog:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding) {
+
 	&.sapMDialog-NoHeader .sapMDialogScroll {
 		padding-top: 0.25rem;
 
@@ -127,4 +126,4 @@ html.sap-phone .sapMDialog {
 			padding-bottom: 0;
 		}
 	}
-}
+}

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

@@ -4,7 +4,7 @@
 /* ======================================= */
 
 .sapUiIcon.sapMDDRDateOption {
-	color: @sapUiButtonActiveTextColor;
+	color: var(--sapButton_Active_TextColor);
 }
 
 .sapMDynamicDateRangePopover section > .sapMLabel {