@openui5/themelib_sap_belize 1.124.0 → 1.125.0

package/src/sap/ui/commons/themes/sap_belize_base/jQueryUiDatepicker.less

@@ -0,0 +1,78 @@
+/*
+ *	This is a modified copy of the following jQuery UI file:
+ *		- sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.datepicker.css
+ *
+ *  This file is needed for the Datepicker control.
+ *  The RTL support of the jquery datepicker is adjusted to the UI5 theme generator.
+ */
+
+/*!
+ * jQuery UI Datepicker 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+/* Attributes swapped by SAPUI5:
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+*/
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}

package/src/sap/ui/commons/themes/sap_belize_base/layout.less

@@ -0,0 +1,91 @@
+/*
+ * Note: capital letters in comment only explain abbreviations, but these still
+ * follow original capitalization
+ */
+
+/* MatrixLayouT */
+.sapUiMlt {
+	color: @sapUiBaseText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	text-align: initial; /* alignment should not be inherited */
+}
+
+.sapUiMltCell {
+	box-sizing: border-box;
+}
+
+/* HAlign */
+.sapUiMltCellHAlignCenter {
+	text-align: center;
+}
+.sapUiMltCellHAlignLeft {
+	text-align: left;
+}
+.sapUiMltCellHAlignRight {
+	text-align: right;
+}
+
+.sapUiMltCellHAlignCenter > * {
+	margin-left: auto;
+	margin-right: auto;
+}
+.sapUiMltCellHAlignLeft > *,
+html[dir=rtl] .sapUiMltCellHAlignRight > * {
+	margin-right: auto;
+	margin-left: 0;
+}
+.sapUiMltCellHAlignRight > *,
+html[dir=rtl] .sapUiMltCellHAlignLeft > * {
+	margin-left: auto;
+	margin-right: 0;
+}
+
+/* BackGround design */
+.sapUiMltBgBorder   {background-color:@sapUiMediumBorder;}
+.sapUiMltBgFill1    {background-color:@sapUiHighlight;}
+.sapUiMltBgFill2    {background-color:@sapUiMediumBG;}
+.sapUiMltBgFill3    {background-color:@sapUiDarkBG;}
+.sapUiMltBgHeader   {background-color:@sapUiHighlight;}
+.sapUiMltBgPlain    {background-color:@sapUiExtraLightBG;}
+
+/* PADding */
+.sapUiMltPadNone    {padding:0;}
+.sapUiMltPadLeft    {padding:0 0   5px 4px;}
+.sapUiMltPadRight   {padding:0 4px 5px 0;}
+.sapUiMltPadBoth    {padding:0 4px 5px 4px;}
+.sapUiMltPadNeither {padding:0 0   5px 0;}
+
+/* SEParation (Small, Medium, Large) WithLine */
+.sapUiMltSepS {
+	padding-left: 17px;
+}
+
+.sapUiMltSepSWL {
+	padding-left: 17px;
+	background-repeat: repeat-y;
+	background-position: top left;
+	background-image: url(../base/img/layout/separationSmall.gif);
+}
+
+.sapUiMltSepM {
+	padding-left: 31px;
+}
+
+.sapUiMltSepMWL {
+	padding-left: 31px;
+	background-repeat: repeat-y;
+	background-position: top left;
+	background-image: url(../base/img/layout/separationMedium.gif);
+}
+
+.sapUiMltSepL {
+	padding-left: 63px;
+}
+
+.sapUiMltSepLWL {
+	padding-left: 63px;
+	background-repeat: repeat-y;
+	background-position: top left;
+	background-image: url(../base/img/layout/separationLarge.gif);
+}

package/src/sap/ui/commons/themes/sap_belize_base/library.source.less

@@ -0,0 +1,72 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../../sap/ui/core/themes/base/global.less";
+
+@import "AbsoluteLayout.less";
+@import "Accordion.less";
+@import "AccordionSection.less";
+@import "ApplicationHeader.less";
+@import "AutoComplete.less";
+@import "BorderLayout.less";
+@import "Button.less";
+@import "Callout.less";
+@import "CalloutBase.less";
+@import "Carousel.less";
+@import "CheckBox.less";
+@import "ComboBox.less";
+@import "DatePicker.less";
+@import "Dialog.less";
+@import "FileUploader.less";
+@import "Form.less";
+@import "FormattedTextView.less";
+@import "FormLayout.less";
+@import "GridLayout.less";
+@import "HorizontalDivider.less";
+@import "HorizontalLayout.less";
+@import "Image.less";
+@import "InPlaceEdit.less";
+@import "jQueryUiBase.less";
+@import "jQueryUiDatepicker.less";
+@import "Label.less";
+@import "layout.less";
+@import "Link.less";
+@import "ListBox.less";
+@import "MenuBar.less";
+@import "MenuButton.less";
+@import "Message.less";
+@import "MessageBar.less";
+@import "MessageBox.less";
+@import "MessageList.less";
+@import "MessageToast.less";
+@import "Paginator.less";
+@import "Panel.less";
+@import "ProgressIndicator.less";
+@import "RadioButton.less";
+@import "RadioButtonGroup.less";
+@import "RatingIndicator.less";
+@import "ResponsiveContainer.less";
+@import "ResponsiveFlowLayout.less";
+@import "ResponsiveLayout.less";
+@import "RichTooltip.less";
+@import "RoadMap.less";
+@import "RowRepeater.less";
+@import "SearchField.less";
+@import "SegmentedButton.less";
+@import "SimpleForm.less";
+@import "Slider.less";
+@import "Splitter.less";
+@import "TabStrip.less";
+@import "TextArea.less";
+@import "TextField.less";
+@import "TextView.less";
+@import "ToggleButton.less";
+@import "Toolbar.less";
+@import "Tree.less";
+@import "TriStateCheckBox.less";
+@import "ValueHelpField.less";
+@import "ControlsInUITable.less";

package/src/sap/ui/commons/themes/sap_belize_hcb/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
 @import "shared.less";

package/src/sap/ui/commons/themes/sap_belize_hcw/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
 @import "shared.less";

package/src/sap/ui/core/themes/sap_belize/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.124.0</version>
+	<version>1.125.0</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_belize/.theming

@@ -1,8 +1,9 @@
 {
   "sEntity": "Theme",
   "sId": "sap_belize",
-  "oExtends": "base",
+  "oExtends": "sap_belize_base",
   "sVendor": "SAP",
+  "sDeprecated" : "since version 1.120.0",
   "aBundled": ["sap_belize_plus"],
   "mCssScopes": {
     "library": {

package/src/sap/ui/core/themes/sap_belize/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "base.less";
 @import "global.less";
 @import "shared.less";

package/src/sap/ui/core/themes/sap_belize_base/.theming

@@ -0,0 +1,7 @@
+{
+  "sEntity" : "Theme",
+  "sId" : "sap_belize_base",
+  "sVendor" : "SAP",
+  "sType": "ABSTRACT",
+  "sThemability": "PRIVATE"
+}

package/src/sap/ui/core/themes/sap_belize_base/BlindLayer.less

@@ -0,0 +1,37 @@
+/* ======================================= */
+/* CSS for control sap.ui.core/BlindLayer  */
+/* Base theme                              */
+/* ======================================= */
+
+.sapUiBliLy {
+	position: absolute;
+	display: inline-block;
+}
+
+.sapUiBliLy > iframe {
+	background-color: transparent;
+	border: none;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	opacity: 0.01;
+	filter: alpha(opacity=1);
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiNotUserSelectable {
+	-webkit-touch-callout: none; /* iOS Safari */
+	-webkit-user-select: none;   /* Chrome/Safari/Opera */
+	-khtml-user-select: none;    /* Konqueror */
+	-moz-user-select: none;      /* Firefox */
+	user-select: none;           /* Non-prefixed version */
+}
+
+.sapUiUserSelectable {
+	-webkit-touch-callout: text; /* iOS Safari */
+	-webkit-user-select: text;   /* Chrome/Safari/Opera */
+	-khtml-user-select: text;    /* Konqueror */
+	-moz-user-select: text;      /* Firefox */
+	user-select: text;           /* Non-prefixed version */
+}

package/src/sap/ui/core/themes/sap_belize_base/BrowserScrollbar.less

@@ -0,0 +1,36 @@
+/* ============================================= */
+/* CSS for control sap.ui.core/BrowserScrollbar  */
+/* Base theme                                    */
+/* ============================================= */
+
+/****** Firefox ******/
+
+html.sap-desktop:not(.sapUiNativeScrollbars) {
+	scrollbar-color: @sapUiScrollBarFaceColor @sapUiScrollBarTrackColor;
+}
+
+/****** Safari + Chrome on Desktop ******/
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar:horizontal {
+	height: @sapUiScrollBarDimension;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar:vertical {
+	width: @sapUiScrollBarDimension;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar {
+	background-color: @sapUiScrollBarTrackColor;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb {
+	background-color: @sapUiScrollBarFaceColor;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-thumb:hover {
+	background-color: @sapUiScrollBarHoverFaceColor;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar-corner {
+	background-color: @sapUiScrollBarTrackColor;
+}

package/src/sap/ui/core/themes/sap_belize_base/BusyIndicator.less

@@ -0,0 +1,19 @@
+/* ========================================== */
+/* CSS for control sap.ui.core/BusyIndicator  */
+/* Base theme                                 */
+/* ========================================== */
+
+.sapUiBusy {
+	background-image: url(../base/img/Busy.gif);
+	display: block;
+	width: 48px;
+	height: 48px;
+	outline: none;
+	cursor: wait;
+
+	top: 0 !important;
+}
+
+.sapUiBlyBusy {
+	cursor: wait;
+}

package/src/sap/ui/core/themes/sap_belize_base/CommandShortcutHints.less

@@ -0,0 +1,20 @@
+/* =============================== */
+/* CSS for a command shortcut hint */
+/* Base theme                      */
+/* =============================== */
+
+.sapUiHintContainer {
+	background: @sapUiBaseBG;
+	border: none;
+	border-radius: 0.0625rem;
+	box-shadow: @sapUiContentShadow1;
+	white-space: nowrap;
+}
+
+.sapUiHintText {
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontSmallSize;
+	color: @sapUiBaseText;
+	padding: 0 0.5rem;
+	line-height: 1rem;
+}

package/src/sap/ui/core/themes/sap_belize_base/DragAndDrop.less

@@ -0,0 +1,76 @@
+.sapUiDnDDragging {
+	opacity: 0.5;
+}
+
+.sapUiDnDNoScrolling {
+	overflow: hidden;
+}
+
+.sapUiDnDGhostContainer {
+	position: absolute;
+	top: -9999px;
+	left: -9999px;
+}
+
+.sapUiDnDIndicator {
+	position: absolute;
+	pointer-events: none;
+	z-index: 99;
+
+	&[data-drop-position=Between] {
+		background: @sapUiContentDragAndDropActiveColor;
+
+		&:before {
+			content: "";
+			position: absolute;
+			width: 0.25rem;
+			height: 0.25rem;
+			border-radius: 0.25rem;
+			border: 0.125rem solid @sapUiContentDragAndDropActiveColor;
+			background: @sapUiWhiteBG;
+			pointer-events: none;
+		}
+
+		&[data-drop-layout=Vertical] {
+			height: 0.125rem;
+
+			&:before {
+				top: -0.175rem;
+			}
+
+			&:before {
+				left: 0;
+			}
+		}
+
+		&[data-drop-layout=Horizontal] {
+			width: 0.125rem;
+
+			&:before {
+				left: -0.175rem;
+			}
+
+			&:before {
+				top: 0;
+			}
+		}
+	}
+
+	&[data-drop-position=On] {
+		background: @sapUiDragAndDropActiveBackground;
+		border: 0.125rem solid @sapUiContentDragAndDropActiveColor;
+		box-sizing: border-box;
+	}
+}
+
+[data-sap-ui-draggable=true] {
+	cursor: grab;
+	cursor: -moz-grab;
+	cursor: -webkit-grab;
+}
+
+[data-sap-ui-draggable=true]:active {
+	cursor: grabbing;
+	cursor: -moz-grabbing;
+	cursor: -webkit-grabbing;
+}

package/src/sap/ui/core/themes/sap_belize_base/Icon.less

@@ -0,0 +1,144 @@
+/* ================================= */
+/* CSS for control sap.ui.core/Icon  */
+/* Base theme                        */
+/* ================================= */
+
+.sapUiIcon {
+	cursor: default;
+	text-align: center;
+	display: inline-block;
+	vertical-align: baseline;
+	line-height: 1;
+	position: relative;
+}
+
+.sapUiTableCell > .sapUiTableCellInner > .sapUiIcon,
+.sapMListTblCell > .sapUiIcon {
+	vertical-align: middle;
+}
+
+.sapUiIconPointer {
+	cursor: pointer;
+}
+
+.sapUiIcon:focus {
+	outline-width: @sapUiContentFocusWidth;
+	outline-style: @sapUiContentFocusStyle;
+	outline-color: @sapUiContentFocusColor;
+}
+
+.sapUiIcon::before {
+	content: attr(data-sap-ui-icon-content);
+	speak: none;
+	font-weight: normal;
+	-webkit-font-smoothing: antialiased;
+}
+
+.sapUiIcon > .sapUiIconTitle {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+}
+
+/*
+ * The mirroring of icon is done on the pesudo element and not the root DOM.
+ * Because:
+ *  1. All direction related css styles are flipped in RTL, for example padding-left
+ *   is changed to padding right in RTL.
+ *  2. The mirroring of an icon in RTL mode flips the css style again which results
+ *   in the wrong direction.
+ *  3. Custom CSS style should be set on the root DOM and not the pesudo element.
+ */
+html[dir=rtl] .sapUiIconMirrorInRTL:not(.sapUiIconSuppressMirrorInRTL) {
+	&::before, &::after /* some controls render the icon using 'after' pesudo element */ {
+		transform: scale(-1,1);
+		-webkit-transform: scale(-1,1); /* Safari and Chrome */
+		display: inline-block; /* pesudo element has display: inline by default and can't apply the transform css style for RTL mode*/
+	}
+}
+
+/**
+ * The Default color and the semantic colors for Icon which always points to the variable across themes.
+ */
+.sapUiIconColorDefault {
+	color: @sapUiContentIconColor;
+}
+
+.sapUiIconColorContrast {
+	color: @sapUiContentContrastIconColor;
+}
+
+.sapUiIconColorNeutral {
+	color: @sapUiNeutralElement;
+}
+
+.sapUiIconColorCritical {
+	color: @sapUiCriticalElement;
+}
+
+.sapUiIconColorPositive {
+	color: @sapUiPositiveElement;
+}
+
+.sapUiIconColorNegative {
+	color: @sapUiNegativeElement;
+}
+
+.sapUiIconColorNonInteractive {
+	color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapUiIconColorTile {
+	color: @sapUiTileIconColor;
+}
+
+.sapUiIconColorMarker {
+	color: @sapUiContentMarkerIconColor;
+}
+
+.sapUiIconBGColorDefault {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiContentIconColor;
+}
+
+.sapUiIconBGColorContrast {
+	color: @sapUiContentIconColor;
+	background-color: @sapUiContentContrastIconColor;
+}
+
+.sapUiIconBGColorNeutral {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiNeutralElement;
+}
+
+.sapUiIconBGColorCritical {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiCriticalElement;
+}
+
+.sapUiIconBGColorPositive {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiPositiveElement;
+}
+
+.sapUiIconBGColorNegative {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiNegativeElement;
+}
+
+.sapUiIconBGColorNonInteractive {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapUiIconBGColorTile {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiTileIconColor;
+}
+
+.sapUiIconBGColorMarker {
+	color: @sapUiGroupContentBackground;
+	background-color: @sapUiContentMarkerIconColor;
+}