[INTERNAL] Add marker / metadata variables

Author: matz3

lib/index.js

@@ -356,9 +356,24 @@ Builder.prototype.build = function(options) {
 		}
 
 		if (options.inlineCssVariables === true) {
-			result.css = result.cssVariables + "\n" + result.css;
+			let scopes;
+			if (typeof result.variables.scopes === "object") {
+				scopes = Object.keys(result.variables.scopes);
+			} else {
+				scopes = [];
+			}
+
+			const metadataJson = JSON.stringify({"Scopes": scopes});
+			const libraryNameDashed = options.library.name.replace(/\./g, "-");
+			const additionalVariables = `
+:root {
+  --sapUiTheme-${libraryNameDashed}: true;
+  --sapThemeMetaData-UI5-${libraryNameDashed}: '${metadataJson}';
+}
+`;
+			result.css = additionalVariables + result.cssVariables + "\n" + result.css;
 			if (options.rtl) {
-				result.cssRtl = result.cssVariables + "\n" + result.cssRtl;
+				result.cssRtl = additionalVariables + result.cssVariables + "\n" + result.cssRtl;
 			}
 		}