From a9302593c48055260a5890ad5d88f9c40ceb4df1 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Fri, 21 Jun 2024 12:17:27 +0100
Subject: [PATCH] feat: Use Special App Variable for Text Colors - MEED-7095 -
 Meeds-io/MIPs#144 (#137)

This change will allow to brand application body contents independently
from General Branding/Theme color using different CSS variables.
---
 .../src/main/webapp/vue-app/common/js/ApplicationUtils.js   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/common/js/ApplicationUtils.js b/layout-webapp/src/main/webapp/vue-app/common/js/ApplicationUtils.js
index 05fa4bd0f..0c23d870c 100644
--- a/layout-webapp/src/main/webapp/vue-app/common/js/ApplicationUtils.js
+++ b/layout-webapp/src/main/webapp/vue-app/common/js/ApplicationUtils.js
@@ -25,13 +25,13 @@ export function installApplication(navUri, applicationStorageId, applicationElem
 export function getStyle(container, options) {
   const style = {};
   if (container.textColor) {
-    style['--allPagesBaseTextColor'] = container.textColor;
+    style['--appTextColor'] = container.textColor;
   }
   if (container.textHeaderColor) {
-    style['--allPagesBaseTextHeaderColor'] = container.textHeaderColor;
+    style['--appTextHeaderColor'] = container.textHeaderColor;
   }
   if (container.textSubtitleColor) {
-    style['--allPagesBaseTextSubtitleColor'] = container.textSubtitleColor;
+    style['--appTextSubtitleColor'] = container.textSubtitleColor;
   }
   if (!options.onlyBackgroundStyle) {
     if (container.height) {