@openui5/themelib_sap_horizon 1.101.0 → 1.103.0

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

@@ -25,10 +25,6 @@
 	border-top-color: transparent;
 }
 
-.sapMListTblCell {
-	padding: 0 0.5rem;
-}
-
 .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
 	margin-right: 0; // Avoid gaps in the focus viszualization between the cells
 }
@@ -38,9 +34,22 @@
 .sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td.sapMListTblDummyCell,
 .sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td.sapMListTblDummyCell,
 :not(.sapMListHasGrowing):not(.sapMListShowSeparatorsInner):not(.sapMListShowSeparatorsNone) > .sapMTableTBody .sapMListTblRow:last-child > .sapMListTblDummyCell:last-child {
-    border-bottom: none;
+	border-bottom: none;
 }
 
 .sapMListTblDummyCell:last-child {
 	background-color: @sapUiListBackground;
+	border-left-color: @sapUiListTableFixedBorderColor;
+}
+
+/* overwrite text control styles */
+.sapUiSizeCompact .sapMListTblCell {
+	.sapMLnk,
+	.sapMText,
+	.sapMLabel,
+	.sapMObjectNumber,
+	.sapMObjectIdentifier,
+	.sapMObjStatus {
+		line-height: 1.5rem;
+	}
 }

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

@@ -8,4 +8,9 @@
 	min-height: 2.75rem; /* for empty text */
 	padding-top: 0.6875rem;
 	padding-bottom: 0.6875rem;
+}
+
+.sapMTB-Info-CTX > .sapMText {
+	font-style: italic;
+	padding-right: 5px;
 }

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

@@ -101,6 +101,6 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFo
 	border-radius: 0.5rem;
 }
 
-.sapMBtn:not(.sapMBtnDisabled):focus > span.sapMBtnInner.sapMBtnEmphasized.sapMToggleBtnPressed {
-	border-color: @sapUiContentContrastFocusColor;
+.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
+	border-color: @sapUiButtonSelectedBorderColor;
 }

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

@@ -5,11 +5,12 @@
 
 @_sap_m_Token_TokenPadding: 0.5rem;
 @_sap_m_Token_TokenCompactPadding: 0.25rem;
-@_sap_m_Token_LeftPadding: 0.25rem;
+@_sap_m_Token_LeftPadding: 0.3125rem;
 @_sap_m_Token_TokenSize: @sapMFontSmallSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
 @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
+	overflow: visible;
 	padding-left: @_sap_m_Token_LeftPadding;
 }
 
@@ -20,20 +21,20 @@
 	border-radius: @sapUiButtonBorderCornerRadius;
 }
 
-html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(:focus):hover {
+html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
 	background: @sapUiButtonTokenBackground;
 	border: 1px solid @sapUiButtonTokenBorderColor;
 	border-radius: @sapUiButtonBorderCornerRadius;
 	box-shadow: @sapUiContentInteractionShadow;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:hover {
+html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	background: @sapUiButtonSelectedBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
 	border-radius: @sapUiButtonBorderCornerRadius;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:not(:focus):hover {
+html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
 	box-shadow: @sapUiContentInteractionShadow;
 }
 
@@ -43,18 +44,32 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(:focus):hover {
 }
 
 html.sap-desktop .sapMToken:focus {
-	outline: 2px solid @sapUiButtonSelectedBorderColor;
-	outline-offset: 0.0625rem;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	outline: none;
+}
+
+html.sap-desktop .sapMToken:focus::after {
+	content: '';
+	position: absolute;
+	pointer-events: none;
+	z-index: 2;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
+	border-radius: 0.625rem;
+	top: -0.25rem;
+	bottom: -0.25rem;
+	left: -0.25rem;
+	right: -0.25rem;
 }
 
-html.sap-desktop .sapMToken:not(.sapMTokenSelected):focus:hover {
+html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
 	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
 }
 
-html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
-html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
-	outline-offset: 0;
+html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
+html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
+	top: -0.125rem;
+	bottom: -0.125rem;
+	left: -0.125rem;
+	right: -0.125rem;
 }
 
 html.sap-desktop .sapMToken.sapMTokenSelected:focus {

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

@@ -49,8 +49,8 @@ html.sap-desktop .sapMTokenizer:focus {
 	&:focus,
 	&.sapMTokenSelected,
 	&.sapMTokenSelected:focus,
-	&.sapMTokenSelected:hover,
-	&:not(.sapMTokenSelected):not(:focus):hover {
+	&.sapMToken.sapMTokenSelected:hover,
+	&.sapMToken:not(.sapMTokenSelected):not(:focus):hover {
 		background: @sapButton_TokenBackground;
 		cursor: default;
 		color: @sapUiBaseText;
@@ -60,6 +60,10 @@ html.sap-desktop .sapMTokenizer:focus {
 		box-shadow: none;
 	}
 
+	&:focus:after {
+		content: none;
+	}
+
 	.sapMTokenText,
 	.sapMTokenIcon {
 		color: @sapUiBaseText;
@@ -80,14 +84,3 @@ html.sap-desktop .sapMTokenizer:focus {
 	color: @sapLinkColor;
 	font-weight: bold;
 }
-
-.sapMTokenizerTokensPopup .sapMListItems {
-	& li:first-child:focus {
-		border-top-left-radius: @sapUiElementBorderCornerRadius;
-		border-top-right-radius: @sapUiElementBorderCornerRadius;
-	}
-	& li:last-child:focus {
-		border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-		border-bottom-right-radius: @sapUiElementBorderCornerRadius;
-	}
-}

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

@@ -14,6 +14,10 @@ html.sap-desktop .sapMTBActive:focus {
 	background: @sapUiToolbarBackground;
 }
 
+.sapMIBar > .sapMBarChild:last-child {
+	margin-right: 0;
+}
+
 .sapMTB-Transparent-CTX.sapMTB,
 .sapMIBar.sapMTB-Info-CTX.sapMTB {
 	padding: 0 0.5rem;

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

@@ -12,16 +12,21 @@
 		background-color: @sapUiShellBackground;
 	}
 }
-.sapMWizard .sapMWizardProgressNav {
-	box-shadow: @sapUiShadowHeader;
-}
 
 .sapMWizard {
 	overflow: hidden;
 }
 
+.sapMWizard .sapMWizardStep {
+	padding-bottom: 1rem;
+}
+
+.sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
+	min-height: calc(100% - 3rem);
+}
+
 html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
-	left: 1rem;
+	left: 2rem;
 	bottom: 3.5rem;
 	-webkit-transform: none;
 	transform: none;

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

@@ -9,6 +9,7 @@
 .sapMWizardProgressNav {
 	position: absolute;
 	z-index: 1;
+	box-shadow: @sapUiContentHeaderShadow;
 }
 
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
@@ -21,11 +22,14 @@
 	color: @sapUiContentContrastIconColor;
 }
 
-.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"]:hover .sapMWizardProgressNavStepTitle,
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
 	color: @sapTextColor;
 }
 
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepTitle {
+	color: @sapUiContentSelectedForegroundColor;
+}
+
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle::after {
 	height: @_sap_m_WizardProgressNavigator_StepUnderlineHeight;
 	background: @sapUiSelected;
@@ -41,6 +45,7 @@
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepContainer::after {
 	height: 0;
 }
+
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
 	& .sapMWizardProgressNavStepCircle {
 		background: @sapUiSelected;
@@ -50,13 +55,13 @@
 
 .sapMWizardProgressNavStepCircle {
 	background: @sapUiObjectHeaderBackground;
-	border-color:  @sapUiSelected;
+	border-color: @sapUiSelected;
 	color: @sapUiSelected;
 }
 
 .sapMWizardProgressNavStepTitle {
 	color: @sapTextColor;
-	font-weight: bold;
+	font-family: @sapUiFontBoldFamily;
 }
 
 .sapMWizardProgressNavStepTitle:hover {
@@ -64,18 +69,21 @@
 }
 
 .sapMWizardProgressNavStep::after {
-	border-bottom-color: @sapUiSelected;
+	border-bottom-color: @sapUiContentSelectedForegroundColor;
 }
 
 .sapMWizard .sapMWizardStepContainer {
   background: @sapUiGroupContentBackground;
 }
 
-.sapMWizardProgressNavStepTitleOptional,
-.sapMWizardProgressNavStepLabelOptional {
+.sapMWizardProgressNavStepTitleOptional {
 	color: @sapTextColor;
 }
 
+.sapMWizardProgressNavStepLabelOptional {
+	margin-top: 0.125rem;
+}
+
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {
 	/* all steps after the active one have inactive style */
 	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepCircle {
@@ -84,6 +92,10 @@
 		color: @sapUiContentLabelColor;
 	}
 
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepTitle {
+		color: @sapUiContentLabelColor;
+	}
+
 	/* all separators after (and including) the active step have inactive style */
 	&::after,
 	& ~ .sapMWizardProgressNavStep::after {

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

@@ -1,3 +1,10 @@
+.sapMWizardStep {
+	background-color: @sapUiGroupContentBackground;
+	border-radius: @sapUiElementBorderCornerRadius;
+	padding: 1rem;
+	margin-bottom: 1rem;
+}
+
 .sapMWizardStep .sapMWizardStepTitle {
 	font-weight: bold;
 }

package/src/sap/m/themes/sap_horizon/library.source.less

@@ -23,6 +23,7 @@
 @import "CustomTile.less";
 @import "Dialog.less";
 @import "DraftIndicator.less";
+@import "DynamicDateRange.less";
 @import "Image.less";
 @import "MessagePage.less";
 @import "GenericTag.less";
@@ -37,6 +38,7 @@
 /* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
 @import "ColumnListItem.less";
 @import "ComboBoxBase.less";
+@import "Label.less";
 @import "LightBox.less";
 @import "Link.less";
 @import "ListBase.less";
@@ -48,9 +50,10 @@
 @import "MultiComboBox.less";
 @import "MultiInput.less";
 @import "NewsContent.less";
-@import "NotificationListItem.less";
+@import "NotificationListGroup.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
+@import "ObjectListItem.less";
 @import "ObjectMarker.less";
 @import "ObjectNumber.less";
 @import "ObjectStatus.less";
@@ -68,7 +71,6 @@
 @import "RangeSlider.less";
 @import "RatingIndicator.less";
 @import "ResponsivePopover.less";
-@import "ScrollContainer.less";
 @import "SearchField.less";
 @import "SegmentedButton.less";
 @import "Select.less";

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

@@ -7,24 +7,37 @@
 /* button                        */
 /* ----------------------------- */
 
-.sapMActionSelectPicker .sapMBtn {
-	 .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapMBtn {
+	.sapMBtnInner {
 		border-top: 1px solid @sapUiListBorderColor;
 		border-bottom: 0;
 		border-left: 0;
 		border-right: 0;
 		height: 2.5rem;
-	 }
+	}
 
-	 .sapMBtnContent {
+	.sapMBtnContent {
 		line-height: 2.4375rem;
-	 }
+	}
 }
 
-.sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+html.sap-desktop .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent .sapMBtn .sapMBtnInner {
 	border-radius: 0;
 }
 
+html.sap-phone .sapMActionSelectPicker .sapMBtn .sapMBtnInner {
+	border: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+	border-bottom: none;
+}
+
+html.sap-phone .sapMActionSelectPicker .sapUiSimpleFixFlexFlexContent > .sapMBtn ~ .sapMBtn {
+	border: 1px solid @sapUiListBorderColor;
+}
+
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
@@ -44,9 +57,9 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	background: @sapUiListHoverBackground;
 }
 
-/* ======================================================================== */
-/* CSS for control sap.m/ActionSelect Fiori 3 theme compact/condensed sizes */
-/* ======================================================================== */
+/* ================================================================================ */
+/* CSS for control sap.m/ActionSelect Evening Horizon theme compact/condensed sizes */
+/* ================================================================================ */
 
 /* ----------------------------- */
 /* button                        */
@@ -58,7 +71,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	padding: 0;
 }
 
-.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
+html.sap-desktop .sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 2rem;
 	border-radius: 0;
 	border: 0;
@@ -73,11 +86,10 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	border: none;
 }
 
-.sapMActionSelectPicker ul:not(:only-child) .sapMSelectListItemBaseSelected:last-child:after {
-	border-radius:0;
+html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled):focus > .sapMBtnInner:before {
+	border-radius: 0;
+	left: 0.125rem;
+	top: 0.125rem;
+	right: 0.125rem;
+	bottom: 0.125rem;
 }
-
-.sapMActionSelectPicker .sapMBtn:last-child:focus .sapMFocusable {
-	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
-}

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

@@ -3,7 +3,42 @@
 /* Evening Horizon  theme             */
 /* ================================== */
 
+.sapMActionSheetPopover.sapMPopover {
+	box-shadow: @sapUiContentShadow2;
+}
+
 .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
-	color: @sapUiContentContrastTextColor;
-	background: transparent;
+	color: @sapUiPageHeaderTextColor;
+	font-size: @sapMFontHeader5Size;
+	font-weight: bold;
+}
+
+.sapMDialog.sapMActionSheetDialog {
+	background-color: @sapUiPageHeaderBackground;
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+	box-shadow: @sapUiContentShadow3;
+
+	&.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
+		box-shadow: @sapUiContentHeaderShadow;
+		background-color: @sapUiPageHeaderBackground;
+		border-top-left-radius: @sapUiElementBorderCornerRadius;
+		border-top-right-radius: @sapUiElementBorderCornerRadius;
+	}
+
+	&.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
+		padding: 0;
+	}
+
+	& > .sapMDialogSection {
+		box-shadow: none;
+	}
+
+	&:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding).sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0;
+	}
+}
+
+.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
+	padding: 0 1rem;
 }

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

@@ -4,18 +4,22 @@
 /* ========================== */
 
 .sapMBar {
-	background-color: transparent;
 	text-shadow: none;
 }
 
-.sapMBarRight,
-.sapMBarPH {
-	padding-right: 0.5rem;
+.sapMBarLeft{
+	padding-left: 1rem;
+	padding-right: 0.25rem;
+}
+
+.sapMBarRight {
+	padding-left: 0.25rem;
+	padding-right: 1rem;
 }
 
-.sapMBarLeft,
 .sapMBarPH {
-	padding-left: 0.5rem;
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child,
@@ -33,7 +37,7 @@
 .sapMBar .sapMBarRight.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarLeft.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarMiddle .sapMBarContainer > *:not(:first-child):not(:last-child){
-	margin: 0 0.25rem;
+	margin: 0 0.5rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child:last-child,
@@ -75,4 +79,8 @@
 
 html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
+}
+
+.sapMIBar-CTX.sapMFooter-CTX {
+	border-top: 0.0625rem solid @sapUiPageFooterBorderColor;
 }

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

@@ -99,7 +99,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 }
 
 .sapMBtnInner.sapMBtnText {
-	font-family: @sapFontBoldFamily;
+	font-family: @sapUiFontSemiboldDuplexFamily;
 	padding-left: 0.5625rem;
 	padding-right: 0.5625rem;
 }
@@ -172,7 +172,7 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before
 	border-radius: 0.375rem;
 }
 
-html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBadgeIndicator):before,
+html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBadgeIndicator):before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBadgeIndicator):before,
@@ -180,7 +180,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 	border: 0.125rem solid @sapUiContentContrastFocusColor;
 }
 
-.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
+.sapMIBar .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost) {
 	border-color: @sapUiButtonLiteBorderColor;
 }
 
@@ -197,6 +197,27 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 /* (add separators, remove top/bottom border)       */
 /* ------------------------------------------------ */
 
+.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault,
+.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
+	color: @sapUiButtonLiteTextColor;
+	background-color: @sapUiButtonLiteBackground;
+}
+
+.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
+	&.sapMBtnDefault,
+	&.sapMBtnBack {
+		color: @sapUiButtonLiteTextColor;
+		.sapUiIcon {
+			color: @sapUiButtonLiteTextColor;
+		}
+	}
+}
+
+.sapMIBar .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
+.sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
+	border-color: @sapUiButtonLiteBorderColor;
+}
+
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
 	background: @sapUiButtonLiteBackground;
 	border: 0.0625rem solid @sapUiButtonBorderColor;
@@ -283,4 +304,16 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 
 .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
 	box-shadow: @sapContent_Critical_Shadow;
+}
+
+/* ----------------------*/
+/* Badges                */
+/* ----------------------*/
+
+.sapMBtn .sapMBadge .sapMBadgeIndicator:after {
+	background-color: @sapContent_BadgeBackground;
+	border-color: @sapContent_BadgeBackground;
+	color: @sapContent_BadgeTextColor;
+	font-size: @sapFontSmallSize;
+	text-align: center;
 }

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

@@ -18,30 +18,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-
-.sapMCrsl {
-	background-color: @sapUiBaseBG;
-}
-
-/* Carousel controls: HUD */
-.sapMCrslHud a {
-	opacity: 0.5;
-	box-shadow: @sapUiShadowLevel1;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	box-shadow: @sapUiShadowLevel1;
-	border: 1px solid @sapUiButtonBorderColor;
-	background: @sapUiButtonHoverBackground;
-}
-
-.sapMCrsl .sapMCrslHud a:active {
-	box-shadow: @sapUiShadowLevel1;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus {
-	outline: none;
-}
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
+@_sap_m_Carousel_BulletInactiveBackground: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;