Global improvement

macao/assets/_custom.scss

 body {
   // Global theme colors are defined in macao/themes/macao-hugo-theme/assets/_defaults.scss and go to @mixin theme-tetras
   --quizz-backgourd-color: #00000;
-  --feedback-sucess-color: lightgreen;
-  --feedback-error-color: #ef5d5d;
+  --feedback-sucess-color: rgba(167, 243, 167, 0.8);
+  --feedback-error-color: #f8a5a5;
 
   // To edit SurveyJs colors see TODO create custom theme for SurveyJs
 }
@@ -82,6 +82,7 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
   background-color: var(--secondary-background-color);
   border-radius: 15px;
 }
+
 .book-page > article {
   padding: 16px;
   margin-top: 16px;
@@ -102,6 +103,7 @@ a.active {
   background-color: var(--macao-primary-color);
   border-radius: 5px;
   padding: 5px;
+  margin-right: 5px;
 }
 
 // Hide element when width is less than 900px
@@ -129,3 +131,13 @@ a.active {
   color: black;
   max-width: 500px;
 }
+
+
+em:not(:has(strong)) {
+    background-color: lightgray;
+    padding: 3px;
+    padding-right: 4px;
+    border-radius: 5px;
+
+}
+

macao/assets/custom.js

@@ -8,7 +8,7 @@ $(document).ready(function() {
     $('.book-header').show();
 
     $('.commentaireInfo').hide();
-    $('.commentaireInfo').prop('popover', 'true');
+    $('.commentaireInfo').prop('popover', 'auto');
     $('.commentaireInfoGroup').show();
 
     // Comment popover