@openui5/themelib_sap_fiori_3 1.145.0 → 1.146.0

package/THIRDPARTY.txt

@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.f:
 
-Component: UI5 Web Components, version: 2.15.0
+Component: UI5 Web Components, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Fiori, version: 2.15.0
+Component: UI5 Web Components Fiori, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons, version: 2.15.0
+Component: UI5 Web Components Icons, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Component: UI5 Web Components Icons Business Suite, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons TNT, version: 2.15.0
+Component: UI5 Web Components Icons TNT, version: 2.19.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -309,7 +309,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/bignumber.js
 
-Component: lodash, version: 4.17.21
+Component: lodash, version: 4.17.23
 Copyright: OpenJS Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
@@ -498,7 +498,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.32.2-20250827135846+79bb30d311678435d61b21db26ecbe07d6b05079
+Component: SAP Theming Base Content, version: 11.34.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_fiori_3",
-  "version": "1.145.0",
+  "version": "1.146.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.145.0",
-    "@openui5/sap.m": "1.145.0",
-    "@openui5/sap.tnt": "1.145.0",
-    "@openui5/sap.ui.codeeditor": "1.145.0",
-    "@openui5/sap.ui.commons": "1.145.0",
-    "@openui5/sap.ui.core": "1.145.0",
-    "@openui5/sap.ui.dt": "1.145.0",
-    "@openui5/sap.ui.fl": "1.145.0",
-    "@openui5/sap.ui.mdc": "1.145.0",
-    "@openui5/sap.ui.integration": "1.145.0",
-    "@openui5/sap.ui.layout": "1.145.0",
-    "@openui5/sap.ui.rta": "1.145.0",
-    "@openui5/sap.ui.suite": "1.145.0",
-    "@openui5/sap.ui.table": "1.145.0",
-    "@openui5/sap.ui.unified": "1.145.0",
-    "@openui5/sap.ui.ux3": "1.145.0",
-    "@openui5/sap.uxap": "1.145.0"
+    "@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"
   }
 }

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

@@ -23,7 +23,15 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 }
 
 .sapMToken.sapMTokenReadOnly {
-	color: var(--sapContent_LabelColor)
+	color: var(--sapContent_LabelColor);
+	background: var(--sapButton_TokenBackground);
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);
+
+	&.sapMTokenSelected {
+		color: var(--sapButton_Selected_TextColor);
+		background: var(--sapButton_Selected_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
+	}
 }
 
 html.sap-desktop .sapMToken:focus {

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

@@ -25,18 +25,6 @@ html.sap-desktop .sapMTokenizer:focus {
 	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
 }
 
-/* editable tokens in read-only tokenizer */
-.sapMTokenizer.sapMTokenizerReadonly {
-
-	.sapMToken {
-		color: var(--sapContent_LabelColor);
-
-		&.sapMTokenSelected {
-			color: @sapUiToggleButtonPressedTextColor;
-		}
-	}
-}
-
 .sapUiSizeCompact {
 
 	.sapMTokenizer {

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

@@ -22,9 +22,16 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	border: var(--sapButton_BorderWidth) solid @sapUiButtonSelectedHoverBorderColor;
 }
 
-
 .sapMToken.sapMTokenReadOnly {
 	color: var(--sapContent_LabelColor);
+	background: var(--sapButton_TokenBackground);
+	border: var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);
+
+	&.sapMTokenSelected {
+		color: var(--sapButton_Selected_TextColor);
+		background: var(--sapButton_Selected_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
+	}
 }
 
 html.sap-desktop .sapMToken:focus {

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

@@ -25,18 +25,6 @@ html.sap-desktop .sapMTokenizer:focus {
 	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
 }
 
-/* editable tokens in read-only tokenizer */
-.sapMTokenizer.sapMTokenizerReadonly {
-
-	.sapMToken {
-		color: var(--sapContent_LabelColor);
-
-		&.sapMTokenSelected {
-			color: @sapUiToggleButtonPressedTextColor;
-		}
-	}
-}
-
 .sapUiSizeCompact {
 	.sapMTokenizer {
 		padding-left: 0.25rem;

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

@@ -25,13 +25,18 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 html.sap-desktop .sapMToken {
 
 	&.sapMTokenReadOnly,
-	&.sapMTokenReadOnly:hover,
-	&.sapMTokenReadOnly.sapMTokenSelected,
-	&.sapMTokenReadOnly.sapMTokenSelected:hover {
+	&.sapMTokenReadOnly:hover {
 		color: var(--sapContent_LabelColor);
 		background: var(--sapField_ReadOnly_Background);
 		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
 	}
+
+	&.sapMTokenReadOnly.sapMTokenSelected,
+	&.sapMTokenReadOnly.sapMTokenSelected:hover {
+		color: var(--sapButton_Selected_TextColor);
+		background: var(--sapButton_Selected_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
+	}
 }
 
 html.sap-desktop .sapMToken:focus {

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

@@ -26,18 +26,6 @@ html.sap-desktop .sapMTokenizer:focus {
 	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
 }
 
-/* editable tokens in read-only tokenizer */
-html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
-
-	.sapMToken,
-	.sapMToken:hover,
-	.sapMToken.sapMTokenSelected:hover {
-		color: var(--sapContent_LabelColor);
-		background: var(--sapField_ReadOnly_Background);
-		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
-	}
-}
-
 .sapUiSizeCompact {
 
 	.sapMTokenizer {

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

@@ -25,13 +25,18 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 html.sap-desktop .sapMToken {
 
 	&.sapMTokenReadOnly,
-	&.sapMTokenReadOnly:hover,
-	&.sapMTokenReadOnly.sapMTokenSelected,
-	&.sapMTokenReadOnly.sapMTokenSelected:hover {
+	&.sapMTokenReadOnly:hover {
 		color: var(--sapContent_LabelColor);
 		background: var(--sapField_ReadOnly_Background);
 		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
 	}
+
+	&.sapMTokenReadOnly.sapMTokenSelected,
+	&.sapMTokenReadOnly.sapMTokenSelected:hover {
+		color: var(--sapButton_Selected_TextColor);
+		background: var(--sapButton_Selected_Background);
+		border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
+	}
 }
 
 html.sap-desktop .sapMToken:focus {

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

@@ -26,18 +26,6 @@ html.sap-desktop .sapMTokenizer:focus {
 	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
 }
 
-/* editable tokens in read-only tokenizer */
-html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
-
-	.sapMToken,
-	.sapMToken:hover,
-	.sapMToken.sapMTokenSelected:hover {
-		color: var(--sapContent_LabelColor);
-		background: var(--sapField_ReadOnly_Background);
-		border: var(--sapButton_BorderWidth) solid var(--sapField_ReadOnly_BorderColor);
-	}
-}
-
 .sapUiSizeCompact {
 
 	.sapMTokenizer {

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

@@ -1,22 +1,18 @@
 /* ================================================= */
 /* CSS for control sap.ui.commons/ApplicationHeader  */
-/* Fiori 3 theme                                     */
+/* Quartz Light theme                                */
 /* ================================================= */
 
 .sapUiAppHdr {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
-	-moz-box-shadow: 0 0 8px @sapUiContentShadowColor; // @sapUiDarkShadowTint = #000000
-	background-image: -moz-linear-gradient(top center, darken(@sapUiContentForegroundColor, 46), darken(@sapUiContentForegroundColor, 70)); // @sapUiDarkAltBG = #707376, @sapUiExtraDarkBG = #333333
-	background-image: -webkit-gradient(linear, left top, left bottom, from(darken(@sapUiContentForegroundColor, 46)), to(darken(@sapUiContentForegroundColor, 70))); // @sapUiDarkAltBG = #707376, @sapUiExtraDarkBG = #333333
-	background-image: -webkit-linear-gradient(top center, darken(@sapUiContentForegroundColor, 46), darken(@sapUiContentForegroundColor, 70)); // @sapUiDarkAltBG = #707376, @sapUiExtraDarkBG = #333333
-	background-image: -ms-linear-gradient(darken(@sapUiContentForegroundColor, 46), darken(@sapUiContentForegroundColor, 70)); /* starting with IE10 this works in IE */ // @sapUiDarkAltBG = #707376, @sapUiExtraDarkBG = #333333
-	background-image: linear-gradient(top center, darken(@sapUiContentForegroundColor, 46), darken(@sapUiContentForegroundColor, 70)); // @sapUiDarkAltBG = #707376, @sapUiExtraDarkBG = #333333
+	box-shadow: 0 0 8px var(--sapContent_ShadowColor);
+	background-image: linear-gradient(top center, darken(@sapUiContentForegroundColor, 46), darken(@sapUiContentForegroundColor, 70));
 	background-position: left top;
 	background-size: 100% 110px;
-	text-shadow: 1px 1px 2px lighten(@sapUiContentShadowColor, 20); // @sapUiDarkText = #333333
-	color: @sapUiContentContrastTextColor; // @sapUiTextInverted = #ffffff
-	border: 0px solid @sapUiBrand;
+	text-shadow: 1px 1px 2px lighten(@sapUiContentShadowColor, 20);
+	color: var(--sapContent_ContrastTextColor);
+	border: 0px solid var(--sapBrandColor);
 	border-top-width: 8px;
 }
 
@@ -24,19 +20,19 @@
 	font-size: 13px;
 }
 
-.sapUiAppHdr .sapUiBtn.sapUiBtnS.sapUiBtnLite{
-	color: @sapUiContentContrastTextColor; // @sapUiTextInverted = #ffffff
+.sapUiAppHdr .sapUiBtn.sapUiBtnS.sapUiBtnLite {
+	color: var(--sapContent_ContrastTextColor);
 }
 
-.sapUiAppHdr .sapUiBtn.sapUiBtnS.sapUiBtnLite:focus{
-	color: @sapUiContentContrastTextColor; // @sapUiTextInverted = #ffffff
+.sapUiAppHdr .sapUiBtn.sapUiBtnS.sapUiBtnLite:focus {
+	color: var(--sapContent_ContrastTextColor);
 	background-color: transparent;
-	outline: 1px dotted @sapUiContentContrastFocusColor; // @sapUiTextInverted = #ffffff
+	outline: 1px dotted var(--sapContent_ContrastFocusColor);
 	outline-offset: -1px;
 }
 
-.sapUiAppHdrWelcomeLogoffArea > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct{
-	background-color: @sapUiButtonHoverBackground;
+.sapUiAppHdrWelcomeLogoffArea > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct {
+	background-color: var(--sapButton_Hover_Background);
 }
 
 .sapUiAppHdrWelcomeLogoffArea > .sapUiTbSeparator {
@@ -44,6 +40,6 @@
 	vertical-align: top;
 	height: 10px;
 	width: 1px;
-	background-color: darken(@sapUiContentForegroundBorderColor, 15); // @sapUiMediumLine = #999999
+	background-color: darken(@sapUiContentForegroundBorderColor, 15);
 	margin: 4px 6px 0 6px;
 }

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

@@ -1,10 +1,10 @@
 /* ======================================== */
 /* CSS for control sap.ui.commons/CheckBox  */
-/* Fiori 3 theme                            */
+/* Quartz Light theme                       */
 /* ======================================== */
 
 .sapUiCb {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 	line-height: 20px;
 	height: 21px;
@@ -12,13 +12,8 @@
 	position: relative;
 }
 
-.sapUiCb:focus{
-	outline-color: @sapUiContentFocusColor; // @sapUiKeyboardFocus = #005483
-}
-
-/* TODO remove after the end of support for Internet Explorer */
-html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
-	border-color: @sapUiContentFocusColor; // @sapUiKeyboardFocus = #005483
+.sapUiCb:focus {
+	outline-color: var(--sapContent_FocusColor);
 }
 
 .sapUiCb > input { /* make the real checkbox vanish from the screen */
@@ -29,7 +24,7 @@ html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
 }
 
 .sapUiCb > label { /* render an image as checkbox replacement */
-	background-image: url(img/checkbox.png);
+	background-image: url('img/checkbox.png');
 	background-repeat: no-repeat;
 	background-position: left 1px;
 	padding: 1px 0 2px 22px;
@@ -39,7 +34,6 @@ html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
 	padding-left: 15px;
 }
 
-
 .sapUiCbChk > label {
 	background-position: left -29px;
 }
@@ -120,7 +114,7 @@ html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
 .sapUiCbDis > label,
 .sapUiCbDis.sapUiCbWarn.sapUiCbRo > label,
 .sapUiCbDis.sapUiCbErr.sapUiCbRo > label {
-	text-color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 	background-position: left -119px;
 }
 
@@ -135,6 +129,6 @@ html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
 /* ============================ */
 
 /* GridLayout */
-html[data-sap-ui-browser^="cr"] .sapUiGrid td > .sapUiCb{
+html[data-sap-ui-browser^='cr'] .sapUiGrid td > .sapUiCb {
 	padding-top: 0;
 }

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

@@ -1,10 +1,10 @@
 /* ======================================== */
 /* CSS for control sap.ui.commons/ComboBox  */
-/* Fiori 3 theme                            */
+/* Quartz Light theme                       */
 /* ======================================== */
 
-.sapUiTfCombo{
-	font-family: @sapUiDesktopFontFamily;
+.sapUiTfCombo {
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 }
 
@@ -20,14 +20,14 @@
 }
 
 .sapUiTfStd > .sapUiTfComboIcon {
-	background-image: url(img/combobox/ComboBoxArrow_regular.png);
+	background-image: url('img/combobox/ComboBoxArrow_regular.png');
 }
 
 .sapUiTfStd > .sapUiTfComboIcon:hover {
-	background-image: url(img/combobox/ComboBoxArrow_hover.png);
-	background-color: @sapUiFieldHoverHelpBackground;
+	background-image: url('img/combobox/ComboBoxArrow_hover.png');
+	background-color: var(--sapField_Hover_HelpBackground);
 }
 
 .sapUiTfDsbl > .sapUiTfComboIcon {
-	background-image: url(img/combobox/ComboBoxArrow_dsbl.png);
+	background-image: url('img/combobox/ComboBoxArrow_dsbl.png');
 }

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

@@ -1,11 +1,11 @@
 /* ========================================== */
 /* CSS for control sap.ui.commons/DatePicker  */
-/* Fiori 3 theme                              */
+/* Quartz Light theme                         */
 /* ========================================== */
 
-/**************** INPUT ****************/
+/* INPUT */
 .sapUiTfCombo {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 }
 
@@ -16,20 +16,15 @@
 
 .sapUiTfStd > .sapUiTfDateIcon,
 .sapUiTfRo > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/Calendar_regular.png);
+	background-image: url('img/datepicker/Calendar_regular.png');
 }
 
 .sapUiTfStd > .sapUiTfDateIcon:hover {
-	background-color: @sapUiHighlight;
-	background-image: url(img/datepicker/Calendar_hover.png);
+	background-color: var(--sapHighlightColor);
+	background-image: url('img/datepicker/Calendar_hover.png');
 }
 
 /* Disabled icon */
 .sapUiTfCombo.sapUiTfDsbl > .sapUiTfDateIcon {
-	background-image: url(img/datepicker/Calendar_dsbl.png);
-}
-
-html[data-sap-ui-os^="iOS6"] .sapUiTfDsbl > .sapUiTfInner.sapUiTf[type="date"]{
-	/* On iPad with iOS6 for disabled input fields an opacity is set.*/
-	color: darken(@sapUiContentDisabledTextColor, 25); /* looks better than original color because this is nor readable*/
+	background-image: url('img/datepicker/Calendar_dsbl.png');
 }

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

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

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

@@ -1,74 +1,56 @@
 /* =========================================== */
 /* CSS for control sap.ui.commons/InPlaceEdit  */
-/* Fiori 3 theme                               */
+/* Quartz Light theme                          */
 /* =========================================== */
 
-.sapUiIpe{
-	font-family: @sapUiDesktopFontFamily;
+.sapUiIpe {
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
 	height: 22px;
 }
 
-.sapUiIpe:not(.sapUiIpeEdit){
+.sapUiIpe:not(.sapUiIpeEdit) {
 	/* to fade success color out if removed after some seconds */
 	transition: background-color 1s linear;
-	-webkit-transition: background-color 1s linear;
 }
 
-.sapUiIpeUndo{
-	background-color: @sapUiListSelectionBackgroundColor;
+.sapUiIpeUndo {
+	background-color: var(--sapList_SelectionBackgroundColor);
 }
 
-.sapUiIpeUndo > .sapUiIpeCont > .sapUiTfBrd{
+.sapUiIpeUndo > .sapUiIpeCont > .sapUiTfBrd {
 	border-right: none;
 	outline: none; /* hide webkit outline*/
 }
 
 /* since focusout handling is delayed simulate focus on TextField */
-.sapUiIpeFocus > .sapUiIpeCont > .sapUiTfBrd{
-	border-color: @sapUiHighlight;
+.sapUiIpeFocus > .sapUiIpeCont > .sapUiTfBrd {
+	border-color: var(--sapHighlightColor);
 }
 
 .sapUiIpeCombo:hover,
 .sapUiIpeFocus.sapUiIpeCombo,
-.sapUiIpeFocus > .sapUiIpeCombo{
-	background-image: url(img/combobox/ComboBoxArrow_regular.png);
+.sapUiIpeFocus > .sapUiIpeCombo {
+	background-image: url('img/combobox/ComboBoxArrow_regular.png');
 	background-position: center right;
 	background-repeat: no-repeat;
 	padding-right: 20px;
 }
 
-.sapUiIpeEdit.sapUiIpeFocus > .sapUiIpeCombo{
+.sapUiIpeEdit.sapUiIpeFocus > .sapUiIpeCombo {
 	background-image: none;
 	padding-right: 0;
 }
 
 /* Revert/Edit Button */
 .sapUiIpe > .sapUiBtnS.sapUiBtnLite,
-.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite{
+.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite {
 	width: 22px;
 	padding-left: 0;
 	padding-right: 0;
 }
 
 .sapUiIpe > .sapUiBtnS.sapUiBtnStd.sapUiBtnLite:not(:hover) > span.sapUiBtnIco,
-.sapUiIpeCont > .sapUiBtnS.sapUiBtnStd.sapUiBtnLite:not(:hover) > span.sapUiBtnIco{
-	color: @sapUiButtonIconColor;
-}
-
-html[data-sap-ui-browser^="ie"] .sapUiIpe > .sapUiBtnS.sapUiBtnLite,
-html[data-sap-ui-browser^="ie"] .sapUiIpeCont > .sapUiBtnS.sapUiBtnLite{
-	padding-left: 2px;
-	padding-right: 0;
-}
-
-html[data-sap-ui-browser^="ie"] .sapUiIpe > .sapUiBtnS.sapUiBtnIconOnly > .sapUiBtnIco,
-html[data-sap-ui-browser^="ie"] .sapUiIpeCont > .sapUiBtnS.sapUiBtnIconOnly > .sapUiBtnIco {
-	margin-top: 0;
-}
-
-html[data-sap-ui-browser^="ie"] .sapUiIpe > .sapUiBtnS.sapUiBtnLite.sapUiBtnAct,
-html[data-sap-ui-browser^="ie"] .sapUiIpeCont > .sapUiBtnS.sapUiBtnLite.sapUiBtnAct{
-	padding-left: 0;
-	padding-right: 0;
+.sapUiIpeCont > .sapUiBtnS.sapUiBtnStd.sapUiBtnLite:not(:hover) > span.sapUiBtnIco {
+	color: var(--sapButton_IconColor);
 }

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

@@ -1,12 +1,12 @@
 /* ===================================== */
 /* CSS for control sap.ui.commons/Label  */
-/* Fiori 3 theme                         */
+/* Quartz Light theme                    */
 /* ===================================== */
 
 .sapUiLbl {
-	font-family: @sapUiDesktopFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiDesktopFontSize;
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
 .sapUiLbLReqInd { /* to allow reuse */
@@ -16,8 +16,8 @@
 	color: darken(@sapUiHighlight, 5%);
 }
 
-.sapUiInverted-CTX .sapUiLbl.sapUiLblReqEnd:after,
-.sapUiInverted-CTX .sapUiLbl.sapUiLblRegBeg:before {
+.sapUiInverted-CTX .sapUiLbl.sapUiLblReqEnd::after,
+.sapUiInverted-CTX .sapUiLbl.sapUiLblRegBeg::before {
 	color: lighten(@sapUiHighlight, 18%);
 }
 
@@ -30,29 +30,29 @@ span.sapUiLblIco { /* icon font */
 /* ============================ */
 
 /* GridLayout */
-.sapUiGrid td > .sapUiLbl{
+.sapUiGrid td > .sapUiLbl {
 	margin-top: 2px;
 }
 
-html[data-sap-ui-browser^="cr"] .sapUiGrid td > .sapUiLbl.sapUiLblReq {
+html[data-sap-ui-browser^='cr'] .sapUiGrid td > .sapUiLbl.sapUiLblReq {
 	margin-top: 1px;
 }
 
 /* required symbol is now left - if indicator is already at begin, don't change it */
-.sapUiInverted-CTX .sapUiLbl.sapUiLblReqEnd:before {
+.sapUiInverted-CTX .sapUiLbl.sapUiLblReqEnd::before {
 	color: lighten(@sapUiHighlight, 18%);
 }
 
 /* ResponsiveLayout */
 /* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
-.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapUiLbl{
+.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapUiLbl {
 	text-align: end !important; /* to overwrite setting on label */
 	width: 100%; /* to react on touch/click on whole label cell */
 	padding-right: 4px;
 	box-sizing: border-box;
 }
 
-.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiLbl{
+.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapUiLbl {
 	text-align: start !important; /* to overwrite setting on label */
 	padding-bottom: 2px;
 }