@openui5/sap.ui.documentation 1.127.0 → 1.128.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.documentation",
-  "version": "1.127.0",
+  "version": "1.128.0",
   "description": "OpenUI5 UI Library sap.ui.documentation",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,11 +14,11 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.127.0",
-    "@openui5/sap.ui.core": "1.127.0",
-    "@openui5/sap.ui.layout": "1.127.0",
-    "@openui5/themelib_sap_belize": "1.127.0",
-    "@openui5/themelib_sap_fiori_3": "1.127.0",
-    "@openui5/themelib_sap_horizon": "1.127.0"
+    "@openui5/sap.m": "1.128.0",
+    "@openui5/sap.ui.core": "1.128.0",
+    "@openui5/sap.ui.layout": "1.128.0",
+    "@openui5/themelib_sap_belize": "1.128.0",
+    "@openui5/themelib_sap_fiori_3": "1.128.0",
+    "@openui5/themelib_sap_horizon": "1.128.0"
   }
 }

package/src/sap/ui/documentation/.library

@@ -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.127.0</version>
+  <version>1.128.0</version>
 
   <documentation>SAPUI5 library for the Demokit 2.0.</documentation>
 

package/src/sap/ui/documentation/library.js

@@ -25,14 +25,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.documentation
 	 * @author SAP SE
-	 * @version 1.127.0
+	 * @version 1.128.0
 	 * @since 1.48
 	 * @public
 	 */
 	var thisLibrary = Lib.init({
 		apiVersion: 2,
 		name : 'sap.ui.documentation',
-		version: '1.127.0',
+		version: '1.128.0',
 		dependencies : ['sap.ui.core','sap.m'],
 		types: [],
 		interfaces: [],

package/src/sap/ui/documentation/sdk/controller/App.controller.js

@@ -688,12 +688,22 @@ sap.ui.define([
 
 		onSearchPickerItemPress: function (oEvent) {
 			var contextPath = oEvent.oSource.getBindingContextPath(),
-				oDataItem = this.getModel("searchData").getProperty(contextPath);
+				oDataItem = this.getModel("searchData").getProperty(contextPath),
+				oSearchDataModel = this.getOwnerComponent().getModel("searchData"),
+				sQuery = oSearchDataModel.getProperty("/query"),
+				isDocumentationItem = oDataItem.category === "Documentation",
+				baseURL = oDataItem.external ? new URL(oDataItem.path, document.baseURI).href : oDataItem.path;
+
+			if (sQuery && isDocumentationItem) {
+				baseURL += `?q=${encodeURIComponent(sQuery)}`;
+			}
+
 			if (oDataItem.external) {
-				openWindow(new URL(oDataItem.path, document.baseURI).href);
+				openWindow(baseURL);
 			} else {
-				this.getRouter().parsePath(oDataItem.path);
+				this.getRouter().parsePath(baseURL);
 			}
+
 			this.oPicker.close();
 		},
 

package/src/sap/ui/documentation/sdk/controller/SearchPage.controller.js

@@ -118,6 +118,13 @@ sap.ui.define([
 				return aSection.length && aSection[0];
 			},
 
+			isDocumentationItem: function(oItem) {
+				var contextPath = oItem.getBindingContextPath(),
+					oDataItem = this.getModel("searchData").getProperty(contextPath);
+
+				return oDataItem.category === "Documentation";
+			},
+
 			/**
 			 * Modify all search result links
 			 * The default modification is formatting of titles (hide/show trailing colons)
@@ -139,7 +146,9 @@ sap.ui.define([
 					sHref,
 					sTarget = "_self",
 					bExternal,
-					bFormatTitle = true;
+					bFormatTitle = true,
+					oSearchDataModel = this.getOwnerComponent().getModel("searchData"),
+					sQuery = oSearchDataModel.getProperty("/query");
 
 				while (iLen--) {
 					oItem = aItems[iLen];
@@ -150,10 +159,14 @@ sap.ui.define([
 						if (bModifyHref) {
 							sHref = oItem.getCustomData()[0].getValue();
 							bExternal = oItem.getCustomData()[1].getValue();
+
 							if (bExternal) {
 								sHref = new URL(sHref, document.baseURI).href;
 								sTarget = "_blank";
 							}
+							if (sQuery && this.isDocumentationItem(oItem)) {
+								sHref = `${sHref}?q=${encodeURIComponent(sQuery)}`;
+							}
 							oLink.setHref(sHref);
 							oLink.setTarget(sTarget);
 						}

package/src/sap/ui/documentation/sdk/controller/TopicDetail.controller.js

@@ -23,7 +23,8 @@ sap.ui.define([
 		"sap/m/MessageToast",
 		"sap/ui/dom/includeStylesheet",
 		"sap/ui/dom/includeScript",
-		"sap/ui/util/openWindow"
+		"sap/ui/util/openWindow",
+		"sap/ui/documentation/sdk/controller/util/Highlighter"
 	],
 	function (
 		jQuery,
@@ -44,7 +45,8 @@ sap.ui.define([
 		MessageToast,
 		includeStylesheet,
 		includeScript,
-		openWindow
+		openWindow,
+		Highlighter
 	) {
 		"use strict";
 
@@ -183,6 +185,10 @@ sap.ui.define([
 
 				ResizeHandler.deregister(this._onResize.bind(this));
 				Device.orientation.detachHandler(this._onOrientationChange, this);
+
+				if (this.highlighter) {
+					this.highlighter.destroy();
+				}
 			},
 
 			/* =========================================================== */
@@ -282,12 +288,16 @@ sap.ui.define([
 				var sId = decodeURIComponent(event.getParameter("arguments").id),
 					aUrlParts = sId.split("#"),
 					sTopicId = aUrlParts[0],
-					sSubTopicId = aUrlParts[1];
+					sSubTopicId = aUrlParts[1],
+					oOptions = event.getParameter("arguments")["?options"];
 
 				this.sTopicId = sTopicId.replace(".html", "");
 				this.sSubTopicId = sSubTopicId;
 				this.sTopicURL = ResourcesUtil.getResourceOriginPath(this._oConfig.docuPath + sTopicId + (sTopicId.match(/\.html/) ? "" : ".html"));
 				this.sSubTopicId = event.getParameter("arguments").subId || sSubTopicId;
+
+				this.sQueryFromUrl = oOptions && oOptions.q ? decodeURIComponent(oOptions.q) : "";
+
 				jQuery.ajax(this.sTopicURL)
 					.done(this._onHtmlResourceLoaded.bind(this))
 					.fail(this.onRouteNotFound.bind(this));
@@ -349,6 +359,31 @@ sap.ui.define([
 						window.hljs.highlightElement(block);
 					});
 				}
+
+				var oSearchDataModel = this.getOwnerComponent().getModel("searchData");
+				var sQuery = oSearchDataModel.getProperty("/topicQuery");
+
+				 if (sQuery) {
+					this._updateHighlighting(sQuery);
+				}
+
+				if (this.sQueryFromUrl) {
+					this._updateHighlighting(this.sQueryFromUrl);
+				}
+			},
+
+			_updateHighlighting: function (sQuery) {
+				var oDomRef = this.getView().getDomRef();
+				if (this.highlighter) {
+					this.highlighter.highlight(sQuery);
+				} else if (sQuery) {
+					this.highlighter = new Highlighter(oDomRef, {
+						useExternalStyles: false,
+						shouldBeObserved: true,
+						isCaseSensitive: false
+					});
+					this.highlighter.highlight(sQuery);
+				}
 			},
 
 			_enableImageMap: function (imageMap, bIsSideBySide) {

package/src/sap/ui/documentation/sdk/controller/TopicMaster.controller.js

@@ -48,6 +48,20 @@ sap.ui.define([
 					.catch(function () {
 						this.onRouteNotFound();
 					}.bind(this));
+
+					this._oSearchField = this.byId("searchField");
+					this._oSearchField.attachLiveChange(this.onSearchFieldLiveChange, this);
+			},
+
+			onSearchFieldLiveChange: function(oEvent) {
+				var sQuery = oEvent.getParameter("newValue");
+				var oSearchDataModel = this.getOwnerComponent().getModel("searchData");
+
+				this._sFilter = sQuery;
+
+				oSearchDataModel.setProperty("/topicQuery", sQuery);
+
+				this.onTreeFilter({ getParameter: function() { return sQuery; } });
 			},
 
 			_onTopicMatched: function (event) {

package/src/sap/ui/documentation/sdk/cookieSettingsDialog/i18n/i18n_en_US_sappsd.properties

@@ -2,7 +2,7 @@
 COOKIE_SETTINGS_DIALOG_TITLE=[[[\u0176\u014F\u0171\u0157 \u0108\u014F\u014F\u0137\u012F\u0113 \u015C\u0113\u0163\u0163\u012F\u014B\u011F\u015F\u2219\u2219\u2219\u2219]]]
 COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TITLE=[[[\u0158\u0113\u01A3\u0171\u012F\u0157\u0113\u018C \u0108\u014F\u014F\u0137\u012F\u0113\u015F\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219]]]
 COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_SUMMARY=[[[\u0162\u0125\u0113\u015F\u0113 \u010B\u014F\u014F\u0137\u012F\u0113\u015F \u0105\u0157\u0113 \u0157\u0113\u01A3\u0171\u012F\u0157\u0113\u018C \u0163\u014F \u0113\u014B\u0105\u0183\u013A\u0113 \u010B\u014F\u0157\u0113 \u015F\u012F\u0163\u0113 \u0192\u0171\u014B\u010B\u0163\u012F\u014F\u014B\u0105\u013A\u012F\u0163\u0177.\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219]]]
-COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT=[[[\u0174\u0113 \u0171\u015F\u0113 \u010B\u014F\u014F\u0137\u012F\u0113\u015F \u0163\u014F \u012F\u0271\u03C1\u0157\u014F\u028B\u0113 \u0177\u014F\u0171\u0157 \u0113\u03C7\u03C1\u0113\u0157\u012F\u0113\u014B\u010B\u0113 \u014F\u014B \u014F\u0171\u0157 \u015F\u012F\u0163\u0113. \u0181\u0177 \u010B\u014F\u014B\u0163\u012F\u014B\u0171\u012F\u014B\u011F \u0163\u014F \u0171\u015F\u0113 \u0163\u0125\u012F\u015F \u015F\u012F\u0163\u0113, \u0177\u014F\u0171 \u010B\u014F\u014B\u015F\u0113\u014B\u0163 \u0163\u014F \u0171\u015F\u0113 \u014F\u0171\u0157 \u010B\u014F\u014F\u0137\u012F\u0113\u015F.\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219]]]
+COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT=[[[\u0174\u0113 \u0171\u015F\u0113 \u010B\u014F\u014F\u0137\u012F\u0113\u015F \u0163\u014F \u012F\u0271\u03C1\u0157\u014F\u028B\u0113 \u0177\u014F\u0171\u0157 \u0113\u03C7\u03C1\u0113\u0157\u012F\u0113\u014B\u010B\u0113 \u014F\u014B \u014F\u0171\u0157 \u015F\u012F\u0163\u0113. \u0181\u0177 \u010B\u014F\u014B\u0163\u012F\u014B\u0171\u012F\u014B\u011F \u0163\u014F \u0171\u015F\u0113 \u0163\u0125\u012F\u015F \u015F\u012F\u0163\u0113, \u0177\u014F\u0171 \u010B\u014F\u014B\u015F\u0113\u014B\u0163 \u0163\u014F \u0171\u015F\u0113 \u014F\u0171\u0157 \u010B\u014F\u014F\u0137\u012F\u0113\u015F.\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219\u2219]]]
 COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_MORE_INFO=[[[\u039C\u014F\u0157\u0113 \u012C\u014B\u0192\u014F\u2219\u2219\u2219\u2219\u2219]]]
 COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_ACCEPT_ALL=[[[\u0100\u010B\u010B\u0113\u03C1\u0163 \u0100\u013A\u013A\u2219\u2219\u2219\u2219]]]
 COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_REJECT_ALL=[[[\u0158\u0113\u0135\u0113\u010B\u0163 \u0100\u013A\u013A\u2219\u2219\u2219\u2219]]]

package/src/sap/ui/documentation/sdk/cookieSettingsDialog/i18n/i18n_en_US_saptrc.properties

@@ -1,11 +1,11 @@
 
-COOKIE_SETTINGS_DIALOG_TITLE=x1W1h0v9lGVR8awRc064qQ_Your Cookie Settings
-COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TITLE=TbiVpH03OTE/9wV0ybeSug_Required Cookies
-COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_SUMMARY=Ca2KgCCeSFefYo6By5/9WA_These cookies are required to enable core site functionality.
-COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT=OnVoXSggdNLUUWDxCqsUhQ_We use cookies to improve your experience on our site. By continuing to use this site, you consent to use our cookies.
-COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_MORE_INFO=cedvxirFKSzp12gOkxxo2A_More Info
-COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_ACCEPT_ALL=S8bEWnU8ELhO/e5pWDOucQ_Accept All
-COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_REJECT_ALL=zrSvKZbhm5T04xcSlX12uA_Reject All
-COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_SET_PREFERENCES=tEf1ZYc5XpMT4rgyT5yr1Q_Set Preferences
-COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_SAVE_PREFERENCES=tS8eCwwTWZDBuQptUCUYUA_Save Preferences
-COOKIE_SETTINGS_DIALOG_CANCEL_BTN=BzsJKUxUdWKJLlPClObTMQ_Cancel
+COOKIE_SETTINGS_DIALOG_TITLE=zNlO/W+mEg4lHeS9BQgoVg_Your Cookie Settings
+COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TITLE=DdHy2pFtSKqF+WVRqKW3Gg_Required Cookies
+COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_SUMMARY=6c0eo+Ng/GaMMy9pJDc+xw_These cookies are required to enable core site functionality.
+COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT=ntopAjQxhPd+ehOz58bKbg_We use cookies to improve your experience on our site. By continuing to use this site, you consent to use our cookies.
+COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_MORE_INFO=idyM/NF7DfFtb43bBqyFjA_More Info
+COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_ACCEPT_ALL=4t5LHYKRDcI/C0v7mdZsCA_Accept All
+COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_REJECT_ALL=9rQfcGn3SCyVWz0tZ4mIJA_Reject All
+COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_SET_PREFERENCES=yjWguM8zFtiFrRfTtTbvGg_Set Preferences
+COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_SAVE_PREFERENCES=+UpSwAXa9IwJmx9r3v9ChA_Save Preferences
+COOKIE_SETTINGS_DIALOG_CANCEL_BTN=sBsuQ+LlKYzbsU80JN2Kyg_Cancel

package/src/sap/ui/documentation/sdk/css/style.css

@@ -314,12 +314,12 @@ html.sap-desktop .sapContrast.sapMSlt.sapUiDocumentationSelect:not(.sapMSltExpan
 
 .sapUiTheme-sap_horizon .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent .sapMText,
 .sapUiTheme-sap_horizon .sapFDynamicPageHeaderWithContent .sapUiDocumentationTopicSubtitle {
-	color: #556b82;
+	color: var(--sapObjectHeader_Subtitle_TextColor);
 }
 
 .sapUiTheme-sap_horizon_dark .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent .sapMText,
 .sapUiTheme-sap_horizon_dark .sapFDynamicPageHeaderWithContent .sapUiDocumentationTopicSubtitle {
-	color: #8396a8;
+	color: var(--sapObjectHeader_Subtitle_TextColor);
 }
 
 .sapUiDocumentation2ColumnsEqualTable {
@@ -364,11 +364,11 @@ html[dir="rtl"] #CompactModeButtons, html[dir="rtl"] #RTLButtons {
 
 .sapMIBar .sapMBtn.sapUiExploredWarningIcon .sapMBtnInner.sapMBtnDefault .sapUiIcon,
 .sapMIBar .sapUiExploredWarningIcon.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon {
-	color: #e76500;
+	color: var(--sapCriticalColor);
 }
 
 html.sap-desktop .sapUiExploredWarningIcon.sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
-	border-color: #e76500;
+	border-color: var(--sapCriticalColor);
 }
 .sapUiExploredWarning {
 	padding : 1rem;
@@ -947,15 +947,6 @@ html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiT
 	color: #fff;
 }
 
-html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw) .demokitInitialPagesWhiteText .sapMLnk:hover:not(.sapMLnkDsbl) {
-	color: #7ed0ff;
-}
-
-html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw) .demokitInitialPagesBrightLink.sapMLnk,
-html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw) .demokitInitialPagesBrightLink.sapMLnk:hover {
-	color: #d1e8ff;
-}
-
 .demokitInitialPagesBrightLinkSmallerText {
 	font-size: 0.8rem;
 }
@@ -997,7 +988,7 @@ html.sapUiTheme-sap_belize_hcw .sapUiJSD a {
 
 html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw)
 .sapUiJSD a {
-	color: #0070b1;
+	color: var(--sapLinkColor);
 }
 
 html:not(.sapUiTheme-sap_belize_hcb):not(.sapUiTheme-sap_belize_hcw):not(.sapUiTheme-sap_fiori_3_hcb):not(.sapUiTheme-sap_fiori_3_hcw):not(.sapUiTheme-sap_horizon):not(.sapUiTheme-sap_horizon_dark)
@@ -1684,7 +1675,7 @@ html:not(.sapUiMedia-Std-Phone) .sapUiParamText.depth-5 {
 	box-sizing: border-box;
 	border: none;
 	background: #FFFFFF;
-	color: #346187;
+	color: var(--sapButton_IconColor);
 }
 
 

package/src/sap/ui/documentation/sdk/manifest.json

@@ -280,7 +280,7 @@
 					]
 				},
 				{
-					"pattern": "topic/{id}",
+					"pattern": "topic/{id}:?options:",
 					"name": "topicId",
 					"target": [
 						"topicMaster",

package/src/sap/ui/documentation/sdk/thirdparty/highlight.js/highlight.js

@@ -998,10 +998,10 @@ var hljs = (function () {
    * @param {string} message
    */
   const deprecated = (version, message) => {
-    if (seenDeprecations[`1.127.0/${message}`]) return;
+    if (seenDeprecations[`1.128.0/${message}`]) return;
 
-    console.log(`Deprecated as of 1.127.0. ${message}`);
-    seenDeprecations[`1.127.0/${message}`] = true;
+    console.log(`Deprecated as of 1.128.0. ${message}`);
+    seenDeprecations[`1.128.0/${message}`] = true;
   };
 
   /* eslint-disable no-throw-literal */

package/src/sap/ui/documentation/sdk/tmpl/package.json.tmpl

@@ -8,6 +8,6 @@
 		"build": "ui5 build"
 	},
 	"devDependencies": {
-		"@ui5/cli": "^3"
+		"@ui5/cli": "^4"
 	}
 }

package/src/sap/ui/documentation/sdk/tmpl/ui5.yaml.tmpl

@@ -1,4 +1,4 @@
-specVersion: "3.0"
+specVersion: "4.0"
 metadata:
   name: {{SAMPLE_ID}}
 type: application

package/src/sap/ui/documentation/themes/base/DemokitTreeItem.less

@@ -14,11 +14,11 @@
 
 .sapDemokitTreeItemLabel {
 	font-size: 0.75rem;
-	color: #d3d7d9;
+	color: @sapNeutralColor;
 }
 
 .sapUiTheme-sap_horizon .sapDemokitTreeItemLabel {
-	color: #556b82;
+	color: @sapContent_LabelColor;
 }
 
 .sapUiTheme-sap_belize_hcw .sapDemokitTreeItemLabel {

package/src/sap/ui/documentation/themes/base/Documentation.less

@@ -562,7 +562,7 @@ html.sap-tablet:not(.sap-desktop) {
 		box-sizing: border-box;
 
         .emphasis {
-            background-color: #fffcb5;
+            background-color: @sapWarningBackground;
         }
     }
 

package/src/sap/ui/documentation/themes/base/LightTable.less

@@ -175,13 +175,13 @@
 .sapUiTheme-sap_horizon_dark,
 .sapUiTheme-sap_fiori_3_dark {
 	.sapUiDocLightTable .head {
-		background-color: #232931;
-		border-bottom: solid 1px #3a4552;
+		background-color: @sapList_HeaderBackground;
+		border-bottom: solid 1px @sapPageHeader_BorderColor;
 	}
 
 	.sapUiDocLightTable .row {
-		background-color: #29313a;
-		border-bottom: solid 1px #3a4552;
+		background-color: @sapBaseColor;
+		border-bottom: solid 1px @sapPageHeader_BorderColor;
 	}
 
 	.sapUiDocLightTable .head,

package/src/sap/ui/documentation/themes/sap_belize_base/LightTable.less

@@ -175,13 +175,13 @@
 .sapUiTheme-sap_horizon_dark,
 .sapUiTheme-sap_fiori_3_dark {
 	.sapUiDocLightTable .head {
-		background-color: #232931;
-		border-bottom: solid 1px #3a4552;
+		background-color:  @sapList_HeaderBackground;
+		border-bottom: solid 1px @sapPageHeader_BorderColor;
 	}
 
 	.sapUiDocLightTable .row {
-		background-color: #29313a;
-		border-bottom: solid 1px #3a4552;
+		background-color: @sapBaseColor;
+		border-bottom: solid 1px @sapPageHeader_BorderColor;
 	}
 
 	.sapUiDocLightTable .head,

package/src/sap/ui/documentation/themes/sap_horizon_dark/Documentation.less

@@ -1,5 +1,5 @@
 @tag-color: #00abff;
-@background-color: #1d2d3e;
+@background-color: @sapPrimary1;
 @code-highlight-color: #24435e;
 
 #d4h5-main-container,