Set background color on quizz feedback

macao/assets/_custom.scss

 body {
   --accent-quiz: #2aa198;
+  // Defined but not used for now
+  --quizz-backgourd-color: #00000;
+  --feedback-sucess-color: lightgreen;
+  --feedback-error-color: red;
 }
 
-#correct-indic {
-  border: 2px solid var(--accent-quiz);
-  border-radius: 8px;
-  padding: 16px;
-
-  p {
-    margin: 0;
-  }
-
-}
+// ***********************************
+// Gloabl
+// ***********************************
 
 #sv-nav-complete {
   display: none;
@@ -29,3 +26,24 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
   width: fit-content;
   padding: 8px;
 }
+
+// ***********************************
+// User Feedback in quizz
+// ***********************************
+#correct-indic.incorrect{
+  background-color: var(--feedback-error-color);
+}
+
+#correct-indic.correct{
+  background-color: var(--feedback-sucess-color);
+}
+
+#correct-indic {
+  border: 2px solid var(--accent-quiz);
+  border-radius: 8px;
+  padding: 16px;
+
+  p {
+    margin: 0;
+  }
+}