@openui5/themelib_sap_fiori_3 1.152.0 → 1.153.0

package/src/sap/m/themes/sap_fiori_3/IconTabBar.less

@@ -1,140 +1,137 @@
 /* ================================= */
 /* CSS for control sap.m/IconTabBar  */
-/* Quartz Light theme                 */
+/* Quartz Light theme                */
 /* ================================= */
 
-/* ========================================================================== */
-/* Variables overriding */
-/* ========================================================================== */
-
-@_sap_m_IconTabBar_TextColor: var(--sapContent_LabelColor);
-@_sap_m_IconTabBar_TextShadow: none;
-@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
-
-/* ==================== Cozy size ==================== */
+.sapUI5Scope {
 
-/* Content arrow */
-@_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
+	/* Variables overriding */
+
+	--_sap_m_IconTabBar_TextColor: var(--sapContent_LabelColor);
+	--_sap_m_IconTabBar_TextShadow: none;
+	--_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
 
-/* Inline mode */
-@_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
-@_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
-@_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: @_sap_m_IconTabBar_ContentArrowHeight;
+	/* Cozy size */
 
-/* TextOnly mode */
-@_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
-@_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;
+	/* Content arrow */
+	--_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
 
-/* NoText mode */
-@_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
-@_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;
+	/* Inline mode */
+	--_sap_m_IconTabBar_InLineFilterMargin: 0.875rem 0 0 0;
+	--_sap_m_IconTabBar_InLineTextOnlyVerticalHeight: 2.75rem;
+	--_sap_m_IconTabBar_InLineTextOnlyContentArrowHeight: var(--_sap_m_IconTabBar_ContentArrowHeight);
 
-/* All tabs */
-@_sap_m_IconTabBar_AllTabHeight: 2.875rem;
-@_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
-@_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;
-
-/* Horizontal tabs */
-@_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
-@_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
-@_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
-@_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
-@_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
-@_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
-@_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;
+	/* TextOnly mode */
+	--_sap_m_IconTabBar_TextOnlyTabPadding: 0 0 0.125rem 0;
+	--_sap_m_IconTabBar_TextOnlyVerticalHeight: 3rem;
 
-/* Vertical tabs */
-@_sap_m_IconTabBar_VerticalHeight: 4.625rem;
-@_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;
+	/* NoText mode */
+	--_sap_m_IconTabBar_NoTextFilterWidth: 3.125rem;
+	--_sap_m_IconTabBar_NoTextVerticalHeight: 3.75rem;
 
-/* Filter icon */
-@_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
-@_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
-
-/* Filter text */
-@_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
-
-/* Separator */
-@_sap_m_IconTabBar_SeparatorHeight: 2rem;
-@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
-@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
-@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
-@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
-@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
-
-/* Left and Right arrows */
-@_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
-@_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;
-
-/* Header */
-@_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);
-
-@_sap_m_IconTabBar_HeaderBorderBottom: none;
-@_sap_m_IconTabBar_HeaderShadow: 0 0.25rem 0.25rem -0.25rem fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 var(--sapObjectHeader_BorderColor);
-
-/* Content */
-@_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
-@_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);
-
-/* ==================== Compact size ==================== */
-
-/* Content arrow */
-@_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
-@_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
-@_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;
-
-/* Inline mode (same as cozy) */
-@_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: @_sap_m_IconTabBar_InLineTextOnlyVerticalHeight;
-@_sap_m_IconTabBar_Compact_InLineFilterTextMargin: @_sap_m_IconTabBar_InLineFilterMargin;
-@_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: @_sap_m_IconTabBar_VerticalContentArrowHeight;
-
-/* TextOnly (same as cozy) */
-@_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: @_sap_m_IconTabBar_TextOnlyVerticalHeight;
-@_sap_m_IconTabBar_Compact_TextOnlyTabPadding: @_sap_m_IconTabBar_TextOnlyTabPadding;
-@_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
-@_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
-@_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;
-
-/* NoText */
-@_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
-@_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;
-
-/* Horizontal */
-@_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
-@_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;
-
-/* Vertical */
-@_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;
-
-/* Filter text */
-@_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;
-
-/* Focus border */
-@_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;
-
-/* =========== Phone =========== */
-
-/* Content arrow */
-@_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;
-
-@_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
-@_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
-
-/* ========================================================================== */
-/* Variables */
-/* ========================================================================== */
-
-@_sap_m_IconTabBar_TextHoverColor: darken(@sapUiGroupTitleTextColor, 10);
-@_sap_m_IconTabBar_SelectedTextColor: var(--sapSelectedColor);
-@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
-@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
-
-/* =========== Shell =========== */
-@_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
-@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -3px;
-@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -3px;
-@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -2px;
-@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -2px;
+	/* All tabs */
+	--_sap_m_IconTabBar_AllTabHeight: 2.875rem;
+	--_sap_m_IconTabBar_AllTabLineHeight: 2.875rem;
+	--_sap_m_IconTabBar_AllTabMarginBottom: 0.375rem;
+
+	/* Horizontal tabs */
+	--_sap_m_IconTabBar_HorizontalFilterHeight: 3.75rem;
+	--_sap_m_IconTabBar_HorizontalTabHeight: 2.75rem;
+	--_sap_m_IconTabBar_HorizontalWrapperHeight: 2.75rem;
+	--_sap_m_IconTabBar_HorizontalTabWidth: 3.125rem;
+	--_sap_m_IconTabBar_HorizontalCountTop: 0.375rem;
+	--_sap_m_IconTabBar_HorizontalTextPaddingTop: 0.375rem;
+	--_sap_m_IconTabBar_HorizontalTextPaddingLeft: 0.125rem;
+
+	/* Vertical tabs */
+	--_sap_m_IconTabBar_VerticalHeight: 4.625rem;
+	--_sap_m_IconTabBar_VerticalContentArrowHeight: 0.625rem;
+
+	/* Filter icon */
+	--_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
+	--_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
+
+	/* Filter text */
+	--_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
+
+	/* Separator */
+	--_sap_m_IconTabBar_SeparatorHeight: 2rem;
+	--_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
+	--_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
+	--_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: var(--_sap_m_IconTabBar_TextOnlySeparatorMargin);
+	--_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
+	--__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
+
+	/* Left and Right arrows */
+	--_sap_m_IconTabBar_ArrowScrollPadding: 0.875rem 0.4rem;
+	--_sap_m_IconTabBar_SplitContainerArrowScrollPadding: 0.875rem 0.4rem;
+
+	/* Header */
+	--_sap_m_IconTabBar_HeaderBackgroundTranslucent: var(--sapObjectHeader_Background);
+	--_sap_m_IconTabBar_HeaderBorderBottom: none;
+	--_sap_m_IconTabBar_HeaderShadow: 0 0.25rem 0.25rem -0.25rem ~'hsl(from var(--sapContent_ShadowColor) h s l / .15)', inset 0 -0.0625rem 0 0 var(--sapObjectHeader_BorderColor);
+
+	/* Content */
+	--_sap_m_IconTabBar_ContentBackground: var(--sapBackgroundColor);
+	--_sap_m_IconTabBar_ContentBackgroundTranslucent: var(--sapGroup_ContentBackground);
+
+	/* Compact size */
+
+	/* Content arrow */
+	--_sap_m_IconTabBar_Compact_NoTextContentArrowHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_ContentArrowHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_NoTextContentArrowWidth: 2.375rem;
+
+	/* Inline mode (same as cozy) */
+	--_sap_m_IconTabBar_Compact_InLineVerticalTabHeight: var(--_sap_m_IconTabBar_InLineTextOnlyVerticalHeight);
+	--_sap_m_IconTabBar_Compact_InLineFilterTextMargin: var(--_sap_m_IconTabBar_InLineFilterMargin);
+	--_sap_m_IconTabBar_Compact_TextOnlyContentArrowHeight: var(--_sap_m_IconTabBar_VerticalContentArrowHeight);
+
+	/* TextOnly (same as cozy) */
+	--_sap_m_IconTabBar_Compact_TextOnlyVerticalHeight: var(--_sap_m_IconTabBar_TextOnlyVerticalHeight);
+	--_sap_m_IconTabBar_Compact_TextOnlyTabPadding: var(--_sap_m_IconTabBar_TextOnlyTabPadding);
+	--_sap_m_IconTabBar_Compact_TextOnlyHeadPadding: 0 0.925rem 0 0.1875rem;
+	--_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight: 1rem;
+	--_sap_m_IconTabBar_Compact_TextOnlyTextPadding: 0;
+
+	/* NoText */
+	--_sap_m_IconTabBar_Compact_NoTextTabWidth: 2.375rem;
+	--_sap_m_IconTabBar_Compact_NoTextVerticalHeight: 3rem;
+
+	/* Horizontal */
+	--_sap_m_IconTabBar_Compact_HorizontalHeight: 3rem;
+	--_sap_m_IconTabBar_Compact_HorizontalContentArrowHeight: 1rem;
+
+	/* Vertical */
+	--_sap_m_IconTabBar_Compact_VerticalHeight: 3.875rem;
+
+	/* Filter text */
+	--_sap_m_IconTabBar_Compact_FilterTextPadding: 0.375rem 0 0;
+
+	/* Focus border */
+	--_sap_m_IconTabBar_Compact_HorizontalFocusBottom: 1rem;
+
+	/* Phone */
+
+	/* Content arrow */
+	--_sap_m_IconTabBar_Phone_ContentArrowHeight: 0.625rem;
+	--_sap_m_IconTabBar_Phone_TextOnlyContentArrowHeight: 0.5rem;
+	--_sap_m_IconTabBar_Phone_Compact_TextOnlyContentArrowHeight: 0.75rem;
+
+	/* Variables */
+
+	--_sap_m_IconTabBar_TextHoverColor: ~'hsl(from var(--sapGroup_TitleTextColor) h s calc(l - 10))';
+	--_sap_m_IconTabBar_SelectedTextColor: var(--sapSelectedColor);
+	--_sap_m_IconTabBar_SelectedTextHoverColor: ~'hsl(from var(--sapSelectedColor) h s calc(l - 10))';
+	--_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
+
+	/* Shell */
+	--_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
+	--_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -3px;
+	--_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -3px;
+	--_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -2px;
+	--_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -2px;
+}
 
 /* Head Container */
 .sapMITH {
@@ -197,7 +194,7 @@
 		height: 0.875rem;
 	}
 
-	/* Tabs - compact*/
+	/* Tabs - compact */
 	.sapMITBAll {
 
 		.sapMITBTab {
@@ -260,15 +257,15 @@
 .sapMITBTextOnly {
 
 	.sapMITBFilterDefault:hover .sapMITBText {
-		color: @_sap_m_IconTabBar_TextHoverColor;
+		color: var(--_sap_m_IconTabBar_TextHoverColor);
 	}
 
 	.sapMITBFilterDefault.sapMITBSelected .sapMITBText {
-		color: @_sap_m_IconTabBar_SelectedTextColor;
+		color: var(--_sap_m_IconTabBar_SelectedTextColor);
 	}
 
 	.sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
-		color: @_sap_m_IconTabBar_SelectedTextHoverColor;
+		color: var(--_sap_m_IconTabBar_SelectedTextHoverColor);
 	}
 
 	.sapMITBFilterNeutral .sapMITBText {
@@ -280,7 +277,7 @@
 	}
 
 	.sapMITBFilterPositive:hover .sapMITBText {
-		color: darken(@sapUiPositiveText, 10);
+		color: ~'hsl(from var(--sapPositiveTextColor) h s calc(l - 10))';
 	}
 
 	.sapMITBFilterNegative .sapMITBText {
@@ -288,7 +285,7 @@
 	}
 
 	.sapMITBFilterNegative:hover .sapMITBText {
-		color: darken(@sapUiNegativeText, 10);
+		color: ~'hsl(from var(--sapNegativeTextColor) h s calc(l - 10))';
 	}
 
 	.sapMITBFilterCritical .sapMITBText {
@@ -296,7 +293,7 @@
 	}
 
 	.sapMITBFilterCritical:hover .sapMITBText {
-		color: darken(@sapUiCriticalText, 10);
+		color: ~'hsl(from var(--sapCriticalTextColor) h s calc(l - 10))';
 	}
 }
 
@@ -332,7 +329,7 @@
 .sapMITBSelected {
 
 	.sapMITBContentArrow::after {
-		background: @_sap_m_IconTabBar_SelectedTextColor;
+		background: var(--_sap_m_IconTabBar_SelectedTextColor);
 	}
 
 	&.sapMITBFilterNeutral .sapMITBContentArrow::after {
@@ -352,7 +349,7 @@
 	}
 
 	.sapMITBFilterDefault {
-		background: @_sap_m_IconTabBar_SelectedTextColor;
+		background: var(--_sap_m_IconTabBar_SelectedTextColor);
 		color: var(--sapContent_ContrastIconColor);
 	}
 
@@ -414,7 +411,7 @@
 
 	.sapMITBSepLine {
 		border: unset;
-		border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
+		border-right: 1px solid var(--_sap_m_IconTab_Bar_Separator_Line);
 		margin: 0.625rem 0.125rem 0 0.125rem;
 	}
 }
@@ -439,7 +436,7 @@
 
 .sapMITBSepLine {
 	border: unset;
-	border-right: 1px solid @_sap_m_IconTab_Bar_Separator_Line;
+	border-right: 1px solid var(--_sap_m_IconTab_Bar_Separator_Line);
 }
 
 .sapUiMedia-Std-Phone {
@@ -480,7 +477,7 @@ html.sap-desktop {
 
 				&:active::after {
 					/* when overflow is pressed, make the focus white */
-					border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
+					border-color: var(--_sap_m_IconTabBar_Overflow_TextColorPressed);
 				}
 			}
 		}

package/src/sap/m/themes/sap_fiori_3/Link.less

@@ -1,6 +1,6 @@
 /* =========================== */
 /* CSS for control sap.m/Link  */
-/* Fiori 3 theme               */
+/* Quartz Light theme          */
 /* =========================== */
 
 .sapMLnkDsbl {

package/src/sap/m/themes/sap_fiori_3/MessagePage.less

@@ -4,7 +4,7 @@
  */
 /* ================================== */
 /* CSS for control sap.m/MessagePage  */
-/* Fiori 3 theme                      */
+/* Quartz Light theme                 */
 /* ================================== */
 
 /* MessagePage inner controls styles */
@@ -13,7 +13,7 @@
 	.sapMMessagePageInner {
 
 		.sapMMessagePageIcon.sapUiIcon::before {
-			color: fade(@sapUiContentNonInteractiveIconColor,50);
+			color: ~"hsl(from var(--sapContent_NonInteractiveIconColor) h s l / .5)";
 		}
 	}
 

package/src/sap/m/themes/sap_fiori_3/NewsContent.less

@@ -1,11 +1,8 @@
 /* ================================== */
 /* CSS for control sap.m/NewsContent  */
-/* Fiori 3 theme                      */
+/* Quartz Light theme                 */
 /* ================================== */
 
-@_sap_m_NewsContent_HeaderTextColor: contrast(@_sap_m_TileContent_NewsContentBackgroundColor, @sapUiTileTitleTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
-@_sap_m_NewsContent_SubHeaderTextColor: contrast(@_sap_m_TileContent_NewsContentBackgroundColor, @sapUiTileTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
-
 .sapMNwC {
 	background-color: var(--sapTile_OverlayBackground);
 	opacity: 0.8;

package/src/sap/m/themes/sap_fiori_3/NotificationListGroup.less

@@ -1,6 +1,8 @@
-/* ====================================== */
+/* ============================================ */
 /* CSS for control sap.m/NotificationListGroup  */
-/* Fiori 3 theme                          */
-/* ====================================== */
+/* Quartz Light theme                           */
+/* ============================================ */
 
-@_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
+.sapUI5Scope {
+	--_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
+}

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

@@ -1,6 +1,6 @@
 /* ============================== */
 /* CSS for control sap.m/Popover  */
-/* Fiori 3 theme                  */
+/* Quartz Light theme             */
 /* ============================== */
 
 .sapMPopoverWithBar > .sapMPopoverArr.sapMPopoverArrUp::after {
@@ -8,7 +8,7 @@
 }
 
 .sapMPopoverHeader,
-.sapMPopoverSubHeader  {
+.sapMPopoverSubHeader {
 	position: relative;
 	z-index: 2;
-}
+}

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

@@ -1,8 +1,7 @@
 /* ======================================== */
 /* CSS for control sap.m/ProgressIndicator  */
-/* Fiori 3 theme                            */
+/* Quartz Light theme                       */
 /* ======================================== */
-@sapMPITextLeftTextThreshold: 0.5;
 
 .sapMPITextLeft,
 .sapMPITextRight {

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

@@ -1,9 +1,9 @@
 /* ==================================== */
 /* CSS for control sap.m/PullToRefresh  */
-/* Fiori 3 theme                        */
+/* Quartz Light theme                   */
 /* ==================================== */
 
 .sapMPullDown {
-	background-color: darken(@sapUiGroupContentBackground, 5);
+	background-color: ~"hsl(from var(--sapGroup_ContentBackground) h s calc(l - 5))";
 	border-bottom: none;
 }

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

@@ -1,15 +1,17 @@
 /* ================================ */
 /* CSS for control sap.m/QuickView  */
-/* Fiori 3 theme                    */
+/* Quartz Light theme               */
 /* ================================ */
 
-@_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
-@_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
-@_sap_m_QuickView_PagePaddingTop: 2.75rem;
-@_sap_m_QuickViewCard_PagePadding: 1rem;
+.sapUI5Scope {
+	--_sap_m_QuickView_HorizontalLayoutMarginBottom: 1rem;
+	--_sap_m_QuickView_HorizontalLayoutIconFontSize: 1.5rem;
+	--_sap_m_QuickView_PagePaddingTop: 2.75rem;
+	--_sap_m_QuickViewCard_PagePadding: 1rem;
+}
 
 .sapMQuickViewCard {
 	background: var(--sapGroup_ContentBackground);
-	box-shadow: @sapUiShadowLevel0;
+	box-shadow: var(--sapContent_Shadow0);
 	border-radius: var(--sapElement_BorderCornerRadius);
 }

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

@@ -19,6 +19,38 @@
 	border-radius: 0 0.125rem 0.125rem 0.125rem;
 }
 
+html.sap-desktop .sapMSinglePC {
+	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
+		&:focus {
+
+			.sapUiCalendarAppSel>.sapUiCalendarAppCont::after {
+				border: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
+			}
+		}
+	}
+
+	.sapUiCalItem:focus {
+		outline: none;
+	}
+}
+
+.sapMSinglePC {
+	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
+
+		&:focus-visible {
+
+			.sapUiCalendarAppSel>.sapUiCalendarAppCont::after {
+				border: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
+			}
+		}
+	}
+
+	.sapUiCalItem:focus-visible {
+		outline: none;
+	}
+}
+
 .sapMSinglePC {
 
 	.sapMSinglePCRow,
@@ -51,20 +83,6 @@
 		background-color: var(--sapList_Background);
 	}
 
-	.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
-
-		&:focus {
-
-			.sapUiCalendarAppSel > .sapUiCalendarAppCont::after {
-				border: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
-			}
-		}
-	}
-
-	.sapUiCalItem:focus {
-		outline: none;
-	}
-
 	.sapMSinglePCColumnHeader {
 
 		.sapUiCalItem.sapUiCalItemNow {
@@ -99,6 +117,26 @@
 	}
 }
 
+html.sap-desktop .sapUiSizeCompact .sapMSinglePC {
+	.sapMSinglePCColumnHeader {
+
+		.sapUiCalItem.sapUiCalItemNow:focus {
+			outline: 0.0625rem solid white;
+			box-shadow: inset white;
+		}
+	}
+}
+
+.sapUiSizeCompact .sapMSinglePC {
+	.sapMSinglePCColumnHeader {
+
+		.sapUiCalItem:not(.sapUiCalItemFocusFromTouch).sapUiCalItemNow:focus-visible {
+			outline: 0.0625rem solid white;
+			box-shadow: inset white;
+		}
+	}
+}
+
 .sapUiSizeCompact .sapMSinglePC {
 
 	.sapMSinglePCColumnHeader {

package/src/sap/m/themes/sap_fiori_3/TileContent.less

@@ -4,7 +4,6 @@
 /* ================================== */
 
 @_sap_m_TileContent_NewsContentBackgroundColor: var(--sapTile_OverlayBackground);
-@_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;
 
 .sapMTileCnt.News {
 	background-color: @_sap_m_TileContent_NewsContentBackgroundColor;
@@ -12,5 +11,5 @@
 }
 
 .sapMTileCnt.News .sapMTileCntFtrTxt {
-	color: @_sap_m_TileContent_NewsFooterTextColor;
+	color: contrast(@_sap_m_TileContent_NewsContentBackgroundColor, @sapUiTileTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);;
 }

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

@@ -13,17 +13,17 @@
 
 .sapMActionSelectPicker .sapMBtn {
 
-	 .sapMBtnInner {
-		border-top: 1px solid @sapUiButtonActionSelectBorderColor;
+	.sapMBtnInner {
+		border-top: 1px solid var(--sapList_BorderColor);
 		border-bottom: 0;
 		border-left: 0;
 		border-right: 0;
 		height: 2.5rem;
-	 }
+	}
 
-	 .sapMBtnContent {
+	.sapMBtnContent {
 		line-height: 2.4375rem;
-	 }
+	}
 }
 
 .sapMActionSelectPicker .sapMBtnDisabled {
@@ -41,8 +41,8 @@
 /* override standard buttons inside the action select */
 
 .sapMActionSelectPicker .sapMBtnDefault {
-	background: @sapUiButtonActionSelectBackground;
-	border-color: @sapUiButtonActionSelectBorderColor;
+	background: var(--sapList_Background);
+	border-color: var(--sapList_BorderColor);
 
 	/* override the default text-shadow */
 	text-shadow: none;
@@ -50,11 +50,11 @@
 
 .sapMActionSelectPicker .sapMBtn,
 .sapMActionSelectPicker .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
-	border-color: @sapUiButtonActionSelectBorderColor;
+	border-color: var(--sapList_BorderColor);
 }
 
 html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtnDefault:not(.sapMBtnActive):hover {
-	background: @sapUiButtonLiteActionSelectHoverBackground;
+	background: var(--sapList_Hover_Background);
 }
 
 /* ======================================================================== */
@@ -75,7 +75,7 @@ html.sap-desktop .sapMActionSelectPicker .sapMBtn:not(.sapMBtnDisabled) .sapMBtn
 	height: 2rem;
 	border-radius: 0;
 	border: 0;
-	border-top: 1px solid @sapUiButtonActionSelectBorderColor;
+	border-top: 1px solid var(--sapList_BorderColor);
 
 	.sapMBtnContent {
 		line-height: 2rem;