wait #6885

diff --git a/js/quiz.screens.js b/js/quiz.screens.js
index f4ebba56d14816f0887a83aa578162dba41fd1e7..b60d763b8c11929bec4e5f6bbc837774403c56ff 100644 (file)
--- 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 1ed864740eedcc46b91639f5bc5c023ce179f006..7d4011cc5744e388ab8f25b2127c9596e8c2b39d 100644 (file)
--- 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 ba7735381133efe6aaaaa9d200845cf92276d9ff..adf54a1069969480088acf9e4b4ae233bc8097c2 100644 (file)
--- 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>