From 478d0e86f882fdbad3ec82248af6fb3f7e444c02 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Mon, 13 May 2024 17:08:13 +0200
Subject: [PATCH] wait #6885

---
 js/quiz.screens.js                    | 3 +++
 style/100-global.sass                 | 4 +++-
 views/components/background.blade.php | 4 +---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/js/quiz.screens.js b/js/quiz.screens.js
index f4ebba5..b60d763 100644
--- a/js/quiz.screens.js
+++ b/js/quiz.screens.js
@@ -29,7 +29,10 @@ QuizScreens.prototype = {
 
         let standardColor = $this.quiz.data.theme.standardColor ? $this.quiz.data.theme.standardColor : $this.quiz.data.theme.neutralColor
         let matchColor = $this.quiz.data.theme.matchColor ? $this.quiz.data.theme.matchColor : $this.quiz.data.theme.neutralColor
+        let introColor = $this.quiz.data.theme.introColor ? $this.quiz.data.theme.introColor : $this.quiz.data.theme.neutralColor
         document.documentElement.style.setProperty("--match-color", matchColor)
+        document.documentElement.style.setProperty("--intro-color", introColor)
+
         // enabled click on item
         $(".list-item").css("pointer-events","auto").find('label').css("background-color",standardColor)
 
diff --git a/style/100-global.sass b/style/100-global.sass
index 1ed8647..7d4011c 100644
--- a/style/100-global.sass
+++ b/style/100-global.sass
@@ -287,11 +287,13 @@ body
     width: 100%
     height: 100%
     pointer-events: none
-
     img
         width: 100%
         height: 100%
 
+    &:not([data-has-bg])
+        background-color: var(--intro-color)
+
     &[data-bg-fit="cover"]
         img
             object-fit: cover
diff --git a/views/components/background.blade.php b/views/components/background.blade.php
index ba77353..adf54a1 100644
--- a/views/components/background.blade.php
+++ b/views/components/background.blade.php
@@ -5,7 +5,5 @@
     }else{
         $m=false;
     }
-
-    $introColor = $data['theme']['introColor'] ?? $data['theme']['neutralColor'];
 @endphp
-<div data-bg-type="{{$name}}" data-bg-fit="{{$fit}}" data-bg="" data-bg-d="{{$d}}" @if($m)data-bg-m="{{$m}}"@endif style="background-color: {{$introColor}};"></div>
+<div @if($d)data-has-bg=''@endif data-bg-type="{{$name}}" data-bg-fit="{{$fit}}" data-bg="" data-bg-d="{{$d}}" @if($m)data-bg-m="{{$m}}"@endif></div>
-- 
2.39.5