@openui5/themelib_sap_fiori_3 1.146.0 → 1.147.0

package/REUSE.toml

@@ -613,57 +613,6 @@ SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: hammer.js"
 
 
-# Library: sap.ui.webc.common:
-
-[[annotations]]
-path = [
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/**",
-    "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/**"
-]
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-[[annotations]]
-path = "src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "Google LLC"
-SPDX-License-Identifier = "BSD-3-Clause"
-SPDX-FileComment = "these files belong to: lit-html"
-
-
-# Library: sap.ui.webc.fiori:
-
-[[annotations]]
-path = "src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-[[annotations]]
-path = "src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: ZXing"
-
-
-# Library: sap.ui.webc.main:
-
-[[annotations]]
-path = "src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "SAP"
-SPDX-License-Identifier = "Apache-2.0"
-SPDX-FileComment = "these files belong to: UI5 Web Components"
-
-
 # Outside of Libraries:
 
 [[annotations]]

package/THIRDPARTY.txt

@@ -446,50 +446,6 @@ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.mdc/test/sap/ui/mdc/demokit/sample/Chart/ChartJS/control/hammerjs.js
 
 
-Library: sap.ui.webc.common:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/**
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/**
-
-Component: lit-html, version: 2.2.2
-Copyright: Google LLC
-License: BSD-3-Clause
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
-Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/**
-
-
-Library: sap.ui.webc.fiori:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/**
-
-Component: ZXing, version: 0.17.1
-Copyright: 2005 Sun Microsystems, Inc.; 2010-2014 University of Manchester; 2010-2015 Stian Soiland-Reyes; 2015 Peter Hull
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/lib/zxing.js
-
-
-Library: sap.ui.webc.main:
-
-Component: UI5 Web Components, version: 1.18.0
-Copyright: SAP
-License: Apache-2.0
-License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/**
-
-
 Outside of Libraries:
 
 Component: JSDoc 3, version: 3.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_fiori_3",
-  "version": "1.146.0",
+  "version": "1.147.0",
   "description": "OpenUI5 Theme Library sap_fiori_3",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.146.0",
-    "@openui5/sap.m": "1.146.0",
-    "@openui5/sap.tnt": "1.146.0",
-    "@openui5/sap.ui.codeeditor": "1.146.0",
-    "@openui5/sap.ui.commons": "1.146.0",
-    "@openui5/sap.ui.core": "1.146.0",
-    "@openui5/sap.ui.dt": "1.146.0",
-    "@openui5/sap.ui.fl": "1.146.0",
-    "@openui5/sap.ui.mdc": "1.146.0",
-    "@openui5/sap.ui.integration": "1.146.0",
-    "@openui5/sap.ui.layout": "1.146.0",
-    "@openui5/sap.ui.rta": "1.146.0",
-    "@openui5/sap.ui.suite": "1.146.0",
-    "@openui5/sap.ui.table": "1.146.0",
-    "@openui5/sap.ui.unified": "1.146.0",
-    "@openui5/sap.ui.ux3": "1.146.0",
-    "@openui5/sap.uxap": "1.146.0"
+    "@openui5/sap.f": "1.147.0",
+    "@openui5/sap.m": "1.147.0",
+    "@openui5/sap.tnt": "1.147.0",
+    "@openui5/sap.ui.codeeditor": "1.147.0",
+    "@openui5/sap.ui.commons": "1.147.0",
+    "@openui5/sap.ui.core": "1.147.0",
+    "@openui5/sap.ui.dt": "1.147.0",
+    "@openui5/sap.ui.fl": "1.147.0",
+    "@openui5/sap.ui.mdc": "1.147.0",
+    "@openui5/sap.ui.integration": "1.147.0",
+    "@openui5/sap.ui.layout": "1.147.0",
+    "@openui5/sap.ui.rta": "1.147.0",
+    "@openui5/sap.ui.suite": "1.147.0",
+    "@openui5/sap.ui.table": "1.147.0",
+    "@openui5/sap.ui.unified": "1.147.0",
+    "@openui5/sap.ui.ux3": "1.147.0",
+    "@openui5/sap.uxap": "1.147.0"
   }
 }

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

@@ -149,6 +149,12 @@ html.sap-desktop {
 	opacity: var(--sapContent_DisabledOpacity);
 }
 
+/* Read only */
+.sapMCbRo .sapMCbBg {
+	background-color: var(--sapField_ReadOnly_Background);
+	border: var(--sapElement_BorderWidth) var(--sapField_Selector_ReadOnly_BorderStyle) var(--sapField_ReadOnly_BorderColor);
+}
+
 .sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked::before,
 .sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked::before,
 .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before,

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

@@ -20,10 +20,6 @@
 		}
 	}
 
-	.sapMLIBActive .sapMLIBImgNav {
-		background: none;
-	}
-
 	.sapMSLITitleOnly {
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;

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

@@ -7,4 +7,8 @@
 
 .sapMObjectMarker .sapMLnk {
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
-}
+}
+
+.sapMObjectMarkerActiveIconOnly:focus {
+	outline-offset: 2px;
+}

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

@@ -61,7 +61,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	line-height: 3rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 	border-radius: 0.25rem;
 	background-color: var(--sapAccentColor7);
 	color: var(--sapContent_ContrastTextColor);

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

@@ -3,6 +3,4 @@
 /* Fiori 3 theme                      */
 /* ================================== */
 
-@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;

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

@@ -149,6 +149,12 @@ html.sap-desktop {
 	opacity: var(--sapContent_DisabledOpacity);
 }
 
+/* Read only */
+.sapMCbRo .sapMCbBg {
+	background-color: var(--sapField_ReadOnly_Background);
+	border: var(--sapElement_BorderWidth) var(--sapField_Selector_ReadOnly_BorderStyle) var(--sapField_ReadOnly_BorderColor);
+}
+
 .sapMLIBActive .sapMActive .sapMCbBg.sapMCbActiveStateOff.sapMCbMarkChecked::before,
 .sapMLIBActive .sapMCbBg:active.sapMCbActiveStateOff.sapMCbMarkChecked::before,
 .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before,

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

@@ -19,10 +19,6 @@
 		}
 	}
 
-	.sapMLIBActive .sapMLIBImgNav {
-		background: none;
-	}
-
 	.sapMSLITitle,
 	.sapMSLIDescription {
 		font-family: var(--sapFontHeaderFamily);

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

@@ -7,4 +7,8 @@
 
 .sapMObjectMarker .sapMLnk {
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
-}
+}
+
+.sapMObjectMarkerActiveIconOnly:focus {
+	outline-offset: 2px;
+}

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

@@ -61,7 +61,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	line-height: 3rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 	border-radius: 0.25rem;
 	background-color: var(--sapAccentColor7);
 	color: var(--sapContent_ContrastTextColor);

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

@@ -3,6 +3,4 @@
 /* Quartz Dark theme                       */
 /* ======================================= */
 
-@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;

package/src/sap/m/themes/sap_fiori_3_hcb/MessageView.less

@@ -20,10 +20,6 @@
 		}
 	}
 
-	.sapMLIBActive .sapMLIBImgNav {
-		background: none;
-	}
-
 	.sapMSLITitleOnly {
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;

package/src/sap/m/themes/sap_fiori_3_hcb/ObjectMarker.less

@@ -7,4 +7,8 @@
 
 .sapMObjectMarker .sapMLnk {
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
-}
+}
+
+.sapMObjectMarkerActiveIconOnly:focus {
+	outline-offset: 2px;
+}

package/src/sap/m/themes/sap_fiori_3_hcb/ObjectStatus.less

@@ -417,7 +417,7 @@ html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
 	outline: 0.125rem dotted var(--sapContent_FocusColor);
 }
 
-.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMBtnIcon) {
 	height: 0.875rem;
 }
 
@@ -476,7 +476,7 @@ html.sap-desktop .sapMObjStatusActive:focus {
 	}
 }
 
-.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMBtnIcon) {
 	vertical-align: middle;
 }
 

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

@@ -61,7 +61,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	line-height: 3rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 	border-radius: 0.25rem;
 	background-color: var(--sapAccentColor7);
 	color: var(--sapContent_ContrastTextColor);

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

@@ -3,6 +3,4 @@
 /* Quartz High Contrast Black theme        */
 /* ======================================= */
 
-@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;

package/src/sap/m/themes/sap_fiori_3_hcw/MessageView.less

@@ -20,10 +20,6 @@
 		}
 	}
 
-	.sapMLIBActive .sapMLIBImgNav {
-		background: none;
-	}
-
 	.sapMSLITitleOnly {
 		padding-top: 0.5rem;
 		padding-bottom: 0.5rem;

package/src/sap/m/themes/sap_fiori_3_hcw/ObjectMarker.less

@@ -7,4 +7,8 @@
 
 .sapMObjectMarker .sapMLnk {
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
-}
+}
+
+.sapMObjectMarkerActiveIconOnly:focus {
+	outline-offset: 2px;
+}

package/src/sap/m/themes/sap_fiori_3_hcw/ObjectStatus.less

@@ -467,7 +467,7 @@ html.sap-desktop .sapMObjStatusActive:focus {
 	}
 }
 
-.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMBtnIcon) {
 	vertical-align: middle;
 }
 

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

@@ -61,7 +61,7 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
 	line-height: 3rem;
 }
 
-.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
+.sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMBtnIcon) {
 	border-radius: 0.25rem;
 	background-color: var(--sapAccentColor7);
 	color: var(--sapContent_ContrastTextColor);

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

@@ -3,6 +3,4 @@
 /* Quartz High Contrast White theme        */
 /* ======================================= */
 
-@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel: 2.75rem;
-@_sap_m_RadioButtonGroup_PaddingLeftLabel_Form: 2.1875rem;
+@_sap_m_RadioButtonGroup_WidthWithLabel: 2.75rem;

package/src/sap/ui/commons/themes/sap_fiori_3/ListBox.less

@@ -1,10 +1,10 @@
 /* ======================================= */
 /* CSS for control sap.ui.commons/ListBox  */
-/* Fiori 3 theme                           */
+/* Quartz Light theme                      */
 /* ======================================= */
 
 .sapUiLbx {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 	border-collapse: separate; /* to prevent inheriting "collapse" */
 }
@@ -18,7 +18,7 @@
 }
 
 .sapUiLbxI:focus {
-	outline: 1px dotted @sapUiContentFocusColor; // @sapUiFocus = #005483
+	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: 0; /* not beautiful because parts of the outline are invisible, but this works across browsers without writing tons of CSS */
 }
 
@@ -42,7 +42,7 @@
 
 .sapUiLbxI:hover:not(.sapUiLbxIDis),
 .sapUiLbx:not(.sapUiLbxDis) > ul > .sapUiLbxI:hover:not(.sapUiLbxISel):not(.sapUiLbxIDis) > span {  /* Fix for IE10 :hover bug - need to set the color on children as well */
-	background-color: @sapUiListHoverBackground;
+	background-color: var(--sapList_Hover_Background);
 }
 
 .sapUiLbxRo:not(.sapUiLbxIDis) > ul > .sapUiLbxI.sapUiLbxISel:hover,
@@ -51,31 +51,18 @@
 	background-color: @sapUiListSelectionHoverBackground;
 }
 
-/*
-no special style for focus!
-
-.sapUiLbxI:focus:not(.sapUiLbxIDis),
-.sapUiLbxRo:not(.sapUiLbxIDis) > ul > .sapUiLbxI.sapUiLbxISel:focus,
-.sapUiLbxStd > ul > .sapUiLbxISel > span:focus,
-.sapUiLbxStd > ul > .sapUiLbxISel:focus,
-.sapUiLbx:not(.sapUiLbxDis) > ul > .sapUiLbxI:focus:not(.sapUiLbxISel):not(.sapUiLbxIDis) > span {
-	background-color: @sapUiListHoverBackground;
-	color: @sapUiHighlightTextColor;
-}
-*/
-
 .sapUiLbxDis > ul > .sapUiLbxISel,
 .sapUiLbxDis > ul > .sapUiLbxI.sapUiLbxISel:hover,
 .sapUiLbxDis > ul > .sapUiLbxI.sapUiLbxISel:focus {
-	background-color: darken(@sapUiContentForegroundColor, 3); // @sapUiMediumBG = #dddddd
-	color: @sapUiHighlightTextColor;
+	background-color: darken(@sapUiContentForegroundColor, 3);
+	color: var(--sapHighlightTextColor);
 }
 
 .sapUiLbxDis,
 .sapUiLbxStd > ul > .sapUiLbxIDis,
 .sapUiLbxDis > ul > .sapUiLbxI:hover,
 .sapUiLbxDis > ul > .sapUiLbxI:focus {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 	background-color: mix(@sapUiFieldBackground, @sapUiBaseBG, (@sapUiContentDisabledOpacity * 100));
 }
 
@@ -87,11 +74,11 @@ no special style for focus!
 
 .sapUiLbxStd > ul > .sapUiLbxISel > span, /* Fix for IE10 bug - need to set the color on children as well */
 .sapUiLbxStd > ul > .sapUiLbxISel {
-	color: @sapUiContentForegroundTextColor; // @sapUiBaseText = #000000
-	background-color: @sapUiListSelectionBackgroundColor;
+	color: var(--sapContent_ForegroundTextColor);
+	background-color: var(--sapList_SelectionBackgroundColor);
 }
 
-.sapUiLbxIIcoFont{
+.sapUiLbxIIcoFont {
 	font-size: 16px;
 	line-height: 16px;
-}
+}

package/src/sap/ui/commons/themes/sap_fiori_3/MenuBar.less

@@ -1,10 +1,10 @@
 /* ======================================= */
 /* CSS for control sap.ui.commons/MenuBar  */
-/* Fiori 3 theme                           */
+/* Quartz Light theme                      */
 /* ======================================= */
 
 .sapUiMnuBar {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 	background-color: transparent;
 	border-color: transparent;
@@ -24,45 +24,45 @@
 	padding: 2px 5px 2px 5px;
 	margin-top: 1px;
 	margin-bottom: 4px;
-	color: @sapUiContentForegroundTextColor; // @sapUiBaseText = #000000
+	color: var(--sapContent_ForegroundTextColor);
 }
 
 .sapUiMnuBarItmDsbl {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 .sapUiMnuBarHeader > .sapUiMnuBarArea > .sapUiMnuBarItm {
-	color: @sapUiContentForegroundTextColor; // @sapUiBaseText = #000000
+	color: var(--sapContent_ForegroundTextColor);
 }
 
 .sapUiMnuBarHeader > .sapUiMnuBarArea > .sapUiMnuBarItmDsbl {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 .sapUiMnuBarItm:focus {
-	background-color: @sapUiHighlight;
-	border: 1px solid @sapUiHighlight;
-	color: @sapUiContentContrastTextColor; // @sapUiTextSelection = #ffffff
+	background-color: var(--sapHighlightColor);
+	border: 1px solid var(--sapHighlightColor);
+	color: var(--sapContent_ContrastTextColor);
 }
 
 .sapUiMnuBarItm.sapUiMnuBarItmDsbl:hover {
 	background-color: transparent;
 	border: 1px solid transparent;
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 .sapUiMnuBarItm.sapUiMnuBarItmDsbl:focus {
 	background-color: transparent;
-	border: 1px dotted @sapUiContentDisabledTextColor;
-	color: @sapUiContentDisabledTextColor;
+	border: 1px dotted var(--sapContent_DisabledTextColor);
+	color: var(--sapContent_DisabledTextColor);
 }
 
-.sapUiMnuBarOvrFlw:after{
-	content: "";
+.sapUiMnuBarOvrFlw::after {
+	content: '';
 }
 
-.sapUiMnuBarOvrFlw > span{
-	background-image: url(img/menu/bar-overflow.png);
+.sapUiMnuBarOvrFlw > span {
+	background-image: url('img/menu/bar-overflow.png');
 	background-position: right top;
 	padding-left: 9px;
 }
@@ -71,4 +71,4 @@
 	padding: 0 0 4px 0;
 	top: 1px;
 	margin-right: 3px;
-}
+}

package/src/sap/ui/commons/themes/sap_fiori_3/MenuButton.less

@@ -1,69 +1,36 @@
 /* ========================================== */
 /* CSS for control sap.ui.commons/MenuButton  */
-/* Fiori 3 theme                              */
+/* Quartz light theme                         */
 /* ========================================== */
 
-.sapUiMenuButton{
-	font-family: @sapUiDesktopFontFamily;
+.sapUiMenuButton {
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 	position: relative;
 }
 
-.sapUiMenuButton.sapUiBtnS{
+.sapUiMenuButton.sapUiBtnS {
 	padding-right: 15px;
 }
 
-/* TODO remove after the end of support for Internet Explorer */
-html[data-sap-ui-browser^="ie"] .sapUiMenuButton.sapUiBtnS.sapUiBtnAct,
-html[data-sap-ui-browser^="ie"] .sapUiMenuButton.sapUiBtnS.sapUiBtnDsbl:active{
-	padding-right: 16px;
-}
-
 .sapUiMenuButtonIco {
 	margin-left: 6px;
 	bottom: 4px;
 	right: 3px;
 	position: absolute;
-	background-image: url("img/menubutton/Menu_Regular.png");
+	background-image: url('img/menubutton/Menu_Regular.png');
 }
 
 .sapUiBtnDsbl.sapUiMenuButton > .sapUiMenuButtonIco {
-	background-image: url("img/menubutton/Menu_Disabled.png");
+	background-image: url('img/menubutton/Menu_Disabled.png');
 }
 
-.sapUiBtnLite > .sapUiMenuButtonIco{
+.sapUiBtnLite > .sapUiMenuButtonIco {
 	right: 4px;
 }
 
-html[data-sap-ui-browser="ff3"] .sapUiMenuButtonIco{
-	right: 10px; /*Firefox positions icon too much right - why ever*/
-}
-
-html[dir=rtl][data-sap-ui-browser="ff3"] .sapUiMenuButtonIco{
-	right: -10px; /*Firefox positions icon too much right - why ever*/
-}
-
-html[data-sap-ui-browser="ff3"] .sapUiBtnLite > .sapUiMenuButtonIco{
-	right: 11px; /*Firefox positions icon too much right - why ever*/
-	bottom: 6px;
-}
-
-html[dir=rtl][data-sap-ui-browser="ff3"] .sapUiBtnLite > .sapUiMenuButtonIco{
-	right: -11px; /*Firefox positions icon too much right - why ever*/
-}
-
-/* TODO remove after the end of support for Internet Explorer */
-html[data-sap-ui-browser^="ie"] .sapUiMenuButtonIco{
-	bottom: 3px;
-}
-
-/* TODO remove after the end of support for Internet Explorer */
-html[data-sap-ui-browser^="ie"] .sapUiBtnLite > .sapUiMenuButtonIco{
-	bottom: 4px;
-}
-
 .sapUiBtnS.sapUiBtnAccept > .sapUiMenuButtonIco,
 .sapUiBtnS.sapUiBtnReject > .sapUiMenuButtonIco,
-.sapUiBtnS.sapUiBtnEmph > .sapUiMenuButtonIco{
-	background-image: url("img/menubutton/Menu_Hover.png");
-}
+.sapUiBtnS.sapUiBtnEmph > .sapUiMenuButtonIco {
+	background-image: url('img/menubutton/Menu_Hover.png');
+}

package/src/sap/ui/commons/themes/sap_fiori_3/Message.less

@@ -1,9 +1,9 @@
 /* ======================================= */
 /* CSS for control sap.ui.commons/Message  */
-/* Fiori 3 theme                           */
+/* Quartz Light theme                      */
 /* ======================================= */
 
 .sapUiMsg {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 }