NativeScript
diff --git a/‎packages/core/global-types.d.ts
Copy file name to clipboardExpand all lines: packages/core/global-types.d.ts
+1Lines changed: 1 addition & 0 deletions b/‎packages/core/global-types.d.ts
Copy file name to clipboardExpand all lines: packages/core/global-types.d.ts
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎packages/core/ui/core/properties/index.ts
Copy file name to clipboardExpand all lines: packages/core/ui/core/properties/index.ts
+8-1Lines changed: 8 additions & 1 deletion b/‎packages/core/ui/core/properties/index.ts
Copy file name to clipboardExpand all lines: packages/core/ui/core/properties/index.ts
+8-1Lines changed: 8 additions & 1 deletion
@@ -135,6 +135,7 @@ declare const __ANDROID__: boolean;
 declare const __IOS__: boolean;
 declare const __VISIONOS__: boolean;
 declare const __ACCESSIBILITY_DEFAULT_ENABLED__: boolean;
+declare const __ONLY_ALLOW_ROOT_VARIABLES__: boolean;
 
 declare function setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): number;
 declare function clearTimeout(timeoutId: number): void;
 
@@ -4,6 +4,8 @@ import { ViewBase } from '../view-base';
 import { PropertyChangeData, WrappedValue } from '../../../data/observable';
 import { Trace } from '../../../trace';
 
+import { Application } from '../../../application';
+
 import { Style } from '../../styling/style';
 
 import { profile } from '../../../profiling';
@@ -130,7 +132,12 @@ export function _evaluateCssVariableExpression(view: ViewBase, cssName: string,
 			.map((v) => v.trim())
 			.filter((v) => !!v);
 		const cssVariableName = matched.shift();
-		let cssVariableValue = view.style.getCssVariable(cssVariableName);
+		let cssVariableValue;
+		if (typeof __ONLY_ALLOW_ROOT_VARIABLES__ !== 'undefined' && __ONLY_ALLOW_ROOT_VARIABLES__ === true) {
+			cssVariableValue = Application.getRootView().style.getCssVariable(cssVariableName);
+		} else {
+			cssVariableValue = view.style.getCssVariable(cssVariableName);
+		}
 		if (cssVariableValue === null && matched.length) {
 			cssVariableValue = _evaluateCssVariableExpression(view, cssName, matched.join(', ')).split(',')[0];
 		}