@openui5/themelib_sap_horizon 1.98.0 → 1.101.0

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

@@ -0,0 +1,106 @@
+/* ======================================= */
+/* CSS for control sap.m/PlanningCalendar  */
+/* Evening Horizon theme                   */
+/* ======================================= */
+
+/* show every second row in an other color */
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(even):not(.sapMListTblSubRow),
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(4n+3),
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMLIB:nth-child(4n+3),
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n){
+	background-color:  @sapUiListAlternatingBackground;
+}
+
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBHoverable:hover,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBHoverable:hover + .sapMListTblSubRow,
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBHoverable:hover{
+	background-color: @sapUiListHoverBackground;
+}
+
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected,
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:not(.sapMListTblSubRow).sapMLIBSelected,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected + .sapMListTblSubRow,
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected{
+	background-color: @sapUiListSelectionBackgroundColor;
+}
+
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(even):not(.sapMListTblSubRow).sapMLIBSelected.sapMLIBHoverable:hover,
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:not(.sapMListTblSubRow).sapMLIBSelected.sapMLIBHoverable:hover,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
+.sapMSize0.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover,
+.sapMSize1.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr:nth-child(4n+3).sapMLIBSelected.sapMLIBHoverable:hover + .sapMListTblSubRow,
+.sapMPlanCal:not(.sapMPlanCalSuppressAlternatingRowColors) > .sapMList > table > tbody > tr.sapMListTblSubRow:nth-child(4n).sapMLIBSelected.sapMLIBHoverable:hover{
+	background-color: @sapUiListSelectionHoverBackground;
+}
+
+/* Calendar overstyling */
+
+html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel):hover {
+	background-color:  @sapUiListHoverBackground;
+}
+
+html.sap-desktop .sapMPlanCal .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover {
+	background-color: @sapUiListHoverBackground;
+}
+
+html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hover {
+	background-color: @sapUiListAlternatingBackground;
+}
+
+.sapMPlanCal .sapMPlanCalRowHead .sapMSLIImg {
+	border-radius: 0.25rem;
+	height: auto;
+	width: 3rem;
+	line-height: 3rem;
+}
+
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+	border-radius: 0.25rem;
+	background-color: @sapUiAccent7;
+	color: @sapUiContentContrastTextColor;
+	font-size: @sapMFontHeader4Size;
+}
+
+.sapMPlanCalRowHead .sapMSLI,
+.sapUiSizeCompact .sapMPlanCalRowHead .sapMSLI {
+	height: auto;
+}
+
+.sapMPlanCal {
+	border-radius: 0.5rem;
+	.sapUiCalDatesRow {
+		.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+			left: 0.015rem;
+			right: 0.015rem;
+		}
+	}
+	.sapUiCalTimesRow {
+		.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+			left: 0.0rem;
+			right: 0.0rem;
+		}
+	}
+	.sapUiCalMonthsRow {
+		.sapUiCalItemSel:focus > .sapUiCalItemText:after {
+			left: 0;
+		}
+	}
+}
+
+.sapMPlanCal .sapUiCalendarRowAppsIntHead {
+	border-radius: 0.25rem;
+}
+
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+	border-radius: @sapGroup_BorderCornerRadius;
+	background-color: @sapAccentBackgroundColor5;
+	color: @sapAccentColor5;
+	font-size: @sapMFontHeader4Size;
+}

package/src/sap/m/themes/sap_horizon_dark/PlanningCalendarHeader.less

@@ -0,0 +1,11 @@
+/* ============================================= */
+/* CSS for control sap.m/PlanningCalendarHeader  */
+/* Evening Horizon theme                         */
+/* ============================================= */
+
+.sapMPCHead,
+.sapMPCHeadActionsToolbar,
+.sapMPCHeadNavToolbar {
+	border-top-left-radius: 0.5rem;
+	border-top-right-radius: 0.5rem;
+}

package/src/sap/m/themes/sap_horizon_dark/Popover.less

@@ -0,0 +1,140 @@
+/* ============================== */
+/* CSS for control sap.m/Popover  */
+/* Evening Horizon theme          */
+/* ============================== */
+
+.sapMPopoverArr:after {
+	background: @sapUiGroupContentBackground;
+	box-shadow: @sapUiContentShadow2;
+}
+
+.sapMPopoverWithBar > .sapMPopoverArr {
+	&.sapMPopoverArrUp:after,
+	&.sapMPopoverHeaderAlignArr:after {
+		background-color: @sapUiPageHeaderBackground;
+	}
+}
+
+.sapMPopoverWithFooter > .sapMPopoverArr.sapMPopoverFooterAlignArr:after {
+	background-color: @sapUiPageFooterBackground;
+}
+
+.sapMPopover .sapMIBar.sapMHeader-CTX {
+	background-color: @sapUiPageHeaderBackground;
+}
+
+.sapMPopover .sapMIBar.sapMSubHeader-CTX {
+	background-color: @sapUiPageHeaderBackground;
+}
+
+.sapUiSizeCompact {
+	.sapMPopoverFooter, .sapMPopoverHeader {
+		.sapMIBar, .sapMBar {
+			height: 2.5rem;
+
+			& > .sapMBarLeft,
+			& > .sapMBarRight {
+				height: 2.5rem;
+				line-height: 2.5rem;
+
+				.sapMBtn {
+					vertical-align: middle;
+				}
+			}
+
+			& > .sapMBarMiddle .sapMBarPH {
+				height: 2.5rem;
+				line-height: 2.5rem;
+
+				.sapMBtn {
+					vertical-align: middle;
+				}
+			}
+		}
+	}
+}
+
+.sapMPopoverHeader, .sapMPopoverSubHeader  {
+	position: relative;
+	z-index: 2;
+
+	.sapMBar {
+		.sapMBarContainer {
+			padding-left: 0;
+			padding-right: 0;
+		}
+		.sapMBarLeft {
+			padding-left: 1rem;
+		}
+		.sapMBarMiddle .sapMBarContainer {
+			padding: 0 1rem;
+		}
+		.sapMBarRight {
+			padding-right: 1rem;
+		}
+	}
+}
+
+.sapMPopoverHeader, .sapMPopoverFooter, .sapMPopoverSubHeader {
+	.sapUi-Std-PaddingS, .sapUi-Std-PaddingM,
+	.sapUi-Std-PaddingL, .sapUi-Std-PaddingXL {
+		&.sapMBar {
+			.sapMBarMiddle .sapMBarPH {
+				padding-left: 0;
+				padding-right: 0;
+			}
+
+			.sapMBarLeft {
+				padding-left: inherit;
+
+				.sapMBarChild {
+					padding-right: 0.5rem;
+				}
+			}
+
+			.sapMBarRight {
+				padding-right: inherit;
+
+				.sapMBarChild {
+					padding-left: 0.5rem;
+				}
+			}
+		}
+	}
+}
+
+.sapMPopoverWithoutSubHeader .sapMPopoverHeader, .sapMPopoverSubHeader {
+	&:after {
+		content: "";
+		position: absolute;
+		height: 1px;
+		bottom: 0px;
+		width: 100%;
+		box-shadow: @sapUiShadowHeader;
+		z-index: 1;
+	}
+
+	.sapMIBar-CTX {
+		z-index: 2;
+	}
+}
+
+.sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar-CTX {
+	box-shadow: none;
+}
+
+.sapMPopover {
+	border-radius: @sapUiPopoverBorderCornerRadius;
+
+	&.sapMPopoverWithoutBar .sapMPopoverCont,
+	.sapMIBar.sapMHeader-CTX {
+		border-top-right-radius: @sapUiPopoverBorderCornerRadius;
+		border-top-left-radius: @sapUiPopoverBorderCornerRadius;
+	}
+
+	&.sapMPopoverWithoutFooter .sapMPopoverCont,
+	.sapMIBar.sapMFooter-CTX {
+		border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
+		border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
+	}
+}

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

@@ -0,0 +1,112 @@
+/* ======================================== */
+/* CSS for control sap.m/ProgressIndicator  */
+/* Evening Horizon theme                    */
+/* ======================================== */
+
+@sapMPITextLeftTextThreshold: 0.5;
+
+.sapMPITextLeft,
+.sapMPITextRight {
+	padding: 0;
+	margin-left: 0.375rem;
+	margin-right: 0.375rem;
+}
+
+.sapMPI {
+	height: 1rem;
+	min-width: 4rem;
+
+}
+
+.sapMPI:not(.sapMPIDisplayOnly) {
+	margin: 0.875rem 0;
+}
+
+.sapUiSizeCompact .sapMPI:not(.sapMPIDisplayOnly) {
+	margin: 0.5rem 0;
+}
+
+// Neutral and display only - bar
+.sapMPIBar.sapMPIBarNeutral,
+.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
+	background: @sapNeutralElementColor;
+}
+
+.sapMPIText.sapMPITextRight {
+	color: @sapField_TextColor;
+	background: @sapNeutralBackground;
+	border-color: @sapNeutralBorderColor;
+}
+
+.sapMPIBarNeutral .sapMPIText.sapMPITextLeft,
+.sapMPIBarPositive .sapMPIText.sapMPITextLeft,
+.sapMPIBarNegative .sapMPIText.sapMPITextLeft,
+.sapMPIBarCritical .sapMPIText.sapMPITextLeft,
+.sapMPIBarInformation .sapMPIText.sapMPITextLeft {
+	color:@sapContent_ContrastTextColor;
+}
+
+.sapMPIBarRemaining {
+	background: @sapNeutralBackground;
+	border-color: @sapNeutralBorderColor;
+}
+
+// Positive - Success
+.sapMPIBarPositive + .sapMPIBarRemaining {
+	background: @sapSuccessBackground;
+	border-color: @sapSuccessBorderColor;
+
+	.sapMPIText.sapMPITextRight {
+		background: @sapSuccessBackground;
+	}
+}
+
+.sapMPIBar.sapMPIBarPositive {
+	background: @sapPositiveElementColor;
+	border-color: @sapSuccessBorderColor;
+}
+
+// Negative - Error
+.sapMPIBarNegative + .sapMPIBarRemaining  {
+	background: @sapErrorBackground;
+	border-color: @sapErrorBorderColor;
+
+	.sapMPIText.sapMPITextRight {
+		background: @sapErrorBackground;
+	}
+}
+
+.sapMPIBar.sapMPIBarNegative {
+	background: @sapNegativeElementColor;
+	border-color: @sapErrorBorderColor;
+}
+
+// Critical - Warning
+.sapMPIBarCritical + .sapMPIBarRemaining  {
+	background: @sapWarningBackground;
+	border-color: @sapWarningBorderColor;
+
+	.sapMPIText.sapMPITextRight {
+		background: @sapWarningBackground;
+	}
+}
+
+.sapMPIBar.sapMPIBarCritical {
+	background: @sapCriticalElementColor;
+	border-color: @sapWarningBorderColor;
+}
+
+// Information
+.sapMPIBarInformation + .sapMPIBarRemaining  {
+	background: @sapInformationBackground;
+	border-color: @sapInformationBorderColor;
+
+	.sapMPIText.sapMPITextRight {
+		background: @sapInformationBackground;
+	}
+}
+
+.sapMPIBar.sapMPIBarInformation {
+	background: @sapInformativeElementColor;
+	border-color: @sapInformationBorderColor;
+}

package/src/sap/m/themes/sap_horizon_dark/PullToRefresh.less

@@ -0,0 +1,15 @@
+/* ==================================== */
+/* CSS for control sap.m/PullToRefresh  */
+/* Evening Horizon theme                */
+/* ==================================== */
+
+.sapMPullDown {
+	background-color: darken(@sapUiGroupContentBackground, 5);
+	border-bottom: none;
+}
+
+.sapMPullDownNontouch:focus {
+	outline: none;
+	box-shadow: inset 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+	border-radius: 0.5rem;
+}

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

@@ -0,0 +1,16 @@
+/* ================================ */
+/* CSS for control sap.m/QuickView  */
+/* Evening Horizon theme            */
+/* ================================ */
+
+@_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
+@_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
+@_sap_m_QuickView_PagePaddingTop: 2.75rem;
+
+@_sap_m_QuickViewCard_PagePadding: 1rem;
+
+.sapMQuickViewCard {
+	background: @sapUiGroupContentBackground;
+	box-shadow: @sapUiShadowLevel0;
+	border-radius: @sapUiElementBorderCornerRadius;
+}

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

@@ -0,0 +1,229 @@
+/* ================================== */
+/* CSS for control sap.m/RadioButton  */
+/* Evening Horizon theme              */
+/* ================================== */
+
+.sapMRb {
+	height: 2.75rem;
+
+	.sapMRbBOut {
+		stroke-width: 0.125rem;
+	}
+
+	&:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo) {
+		.sapMRbBOut {
+			stroke-width: @sapUiFieldBorderWidth;
+		}
+	}
+}
+
+.sapMRb .sapMRbB {
+	height: 2.75rem;
+	line-height: 2.75rem;
+	width: 2.75rem;
+}
+
+.sapMRb > .sapMRbBLabel {
+	line-height: 2.75rem;
+	height: 2.75rem;
+}
+
+.sapMRbSvg {
+	margin: 0.6875rem;
+}
+
+.sapMRbHasLabel.sapMRb:focus:before {
+	bottom: .5rem;
+	top: 0.5rem;
+	left: 0.5rem;
+	right: 0;
+}
+
+.sapMRb.sapMRbHasLabel .sapMRbBLabel .sapMLabelTextWrapper {
+  color: @sapField_TextColor;
+}
+
+.sapMRbHasLabel .sapMRbB {
+	width: 2.75rem;
+}
+
+/* Align RadioButton in Form with other controls */
+.sapUiForm.sapUiFormEdit-CTX {
+	.sapMRb > .sapMRbB {
+		width: 2.1875rem;
+	}
+}
+
+.sapUiSizeCompact {
+
+	.sapMRbB {
+		height:2rem;
+		line-height: 2rem;
+		width: 2rem;
+	}
+
+	.sapMRb > .sapMLabel {
+		height: 2rem;
+		line-height: 2rem;
+	}
+
+	.sapMRb:focus:before {
+		bottom: 0.25rem;
+		top: 0.25rem;
+		left: 0.25rem;
+	}
+}
+
+.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
+	filter: drop-shadow(0 0 0.125rem fade(@sapNeutralColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
+}
+
+.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
+	stroke: @sapUiFieldHoverBorderColor;
+}
+
+.sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
+	fill: @sapUiFieldHoverBackground;
+}
+
+.sapMRb:focus:before {
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	bottom: 0.25rem;
+	top: 0.25rem;
+	left: 0.25rem;
+	right: 0.375rem;
+	border-radius: 0.5rem;
+}
+
+.sapMLIBActive .sapMRbB .sapMRbBOut {
+	border: 1px solid @sapUiListActiveTextColor;
+}
+
+.sapMLIBActive .sapMRbSel .sapMRbBOut {
+	background-color: @sapUiListActiveBackground;
+}
+
+.sapMRbDis {
+	opacity: @sapUiContentDisabledOpacity;
+}
+
+.sapMRbSel .sapMRbBInn {
+	fill: @sapUiContentSelectedForegroundColor;
+}
+
+.sapMRbB .sapMRbBInn {
+	r: 27.5%;
+}
+
+/* Value states */
+
+.sapMRbErr.sapMRbSel,
+.sapMRbErr.sapMRbSel.sapMRbRo {
+	.sapMRbBInn {
+		fill: @sapUiFieldInvalidColor;
+		stroke: none;
+	}
+}
+
+.sapMRbErr,
+.sapMRbErr.sapMRbBTouched {
+	.sapMRbB .sapMRbBOut {
+		stroke: @sapUiFieldInvalidColor;
+		fill: @sapUiFieldInvalidBackground;
+		stroke-width: @sapUiFieldInvalidBorderWidth;
+	}
+}
+
+.sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
+	filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
+}
+
+.sapMRbWarn.sapMRbSel,
+.sapMRbWarn.sapMRbSel.sapMRbRo {
+	.sapMRbBInn {
+		fill:  @sapUiFieldTextColor;
+		stroke: none;
+	}
+}
+
+.sapMRbWarn,
+.sapMRbWarn.sapMRbBTouched {
+	.sapMRbB .sapMRbBOut {
+		stroke: @sapUiFieldWarningColor;
+		fill: @sapUiFieldWarningBackground;
+		stroke-width: @sapUiFieldWarningBorderWidth;
+	}
+}
+
+.sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
+	filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
+}
+
+.sapMRbSucc.sapMRbSel,
+.sapMRbSucc.sapMRbSel.sapMRbRo {
+	.sapMRbBInn {
+		fill: @sapUiFieldSuccessColor;
+		stroke: none;
+	}
+}
+
+.sapMRbSucc,
+.sapMRbSucc.sapMRbBTouched {
+	.sapMRbB .sapMRbBOut {
+		stroke: @sapUiFieldSuccessColor;
+		fill: @sapUiFieldSuccessBackground;
+		stroke-width: @sapUiFieldSuccessBorderWidth;
+	}
+}
+
+
+.sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
+	filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
+}
+
+.sapMRbInfo.sapMRbSel,
+.sapMRbInfo.sapMRbSel.sapMRbRo {
+	.sapMRbBInn {
+		fill: @sapUiFieldInformationColor;
+		stroke: none;
+	}
+}
+
+.sapMRbInfo,
+.sapMRbInfo.sapMRbBTouched {
+	.sapMRbB .sapMRbBOut {
+		stroke: @sapUiFieldInformationColor;
+		fill: @sapUiFieldInformationBackground;
+		stroke-width: @sapUiFieldInformationBorderWidth;
+	}
+}
+
+.sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
+	filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
+}
+
+.sapMRbRo .sapMRbBOut {
+	stroke-dasharray:  4,2; // parameter needed for the type of the dashes
+}
+
+.sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
+	fill: @sapUiContentNonInteractiveIconColor;
+}
+
+html[data-sap-ui-browser^="sf"] {
+	// fix for blur caused by drop-shadow in Safari
+	.sapMRbHoverable:hover {
+		z-index: 1;
+	}
+
+	// fix for circle width on zoom in Safari
+	.sapMRb.sapMRbErr .sapMRbBOut,
+	.sapMRb.sapMRbWarn .sapMRbBOut,
+	.sapMRb.sapMRbInfo .sapMRbBOut {
+		stroke-width: 2px;
+	}
+	// fix for circle width on zoom in Safari
+	.sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo) .sapMRbBOut {
+		stroke-width: 1px;
+	}
+}

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

@@ -0,0 +1,8 @@
+/* ======================================= */
+/* CSS for control sap.m/RadioButtonGroup  */
+/* Evening Horizon theme                   */
+/* ======================================= */
+
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
+@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
+@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;