From e0f5a239f12f1b883e97749c5c62b43380742911 Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Tue, 14 Jan 2025 17:39:38 +0100
Subject: [PATCH] Global look and feel

---
 macao/assets/_custom.scss     | 31 ++++++++++++++++++++++---------
 macao/assets/custom.js        |  2 +-
 macao/themes/macao-hugo-theme |  2 +-
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/macao/assets/_custom.scss b/macao/assets/_custom.scss
index 0bd9d02..d413c45 100644
--- a/macao/assets/_custom.scss
+++ b/macao/assets/_custom.scss
@@ -1,19 +1,24 @@
 body {
-  --accent-quiz: #2aa198;
-  // Defined but not used for now
   --quizz-backgourd-color: #00000;
   --feedback-sucess-color: lightgreen;
   --feedback-error-color: #ef5d5d;
+  --secondary-background-color: white;
+  --macao-primary-color: #2aa198;
+  --macao-secondary-color: #268bd2;
 
   // To edit HUGO theme colors see macao/themes/macao-hugo-theme/assets/themes/_tetras.scss
+  // To edit SurveyJs colors see TODO create custom theme for SurveyJs
 }
 
 // ***********************************
-// Gloabl
+// Global
 // ***********************************
-
-#sv-nav-complete {
-  display: none;
+.btn-play{
+  cursor: pointer;
+  background-color: var(--macao-primary-color);
+  border-radius: 5px;
+  border: none;
+  padding: 5px 10px;
 }
 
 p#gapfill-container {
@@ -41,7 +46,6 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
 }
 
 #correct-indic {
-  //border: 2px solid var(--accent-quiz);
   border-radius: 8px;
   padding: 16px;
 
@@ -77,8 +81,17 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
 // ***********************************
 // General look and feel
 // ***********************************
+.book-page > article{
+  background-color: var(--secondary-background-color);
+  border-radius: 15px;
+}
 .book-page > article {
-  background-color: white;
   padding: 16px;
-  border-radius: 20px;
+  margin-top: 16px;
+}
+
+.book-search {
+  border-radius: 10px;
+  padding: 0px 5px;
+  background-color: var(--secondary-background-color);
 }
diff --git a/macao/assets/custom.js b/macao/assets/custom.js
index 476925a..2e7e51f 100644
--- a/macao/assets/custom.js
+++ b/macao/assets/custom.js
@@ -2,7 +2,7 @@ console.log('Custom JS loaded');
 $(document).ready(function() {
     console.log('Custom JS executed');
     // Add specific classes to play buttons
-    $('button:contains("Play")').html('<i class="fa-solid fa-play"></i>');
+    $('button:contains("Play")').html('<i class="fa-solid fa-play"></i> Écouter').addClass('btn-play').prop('title','Écouter');
 
     // Add Title on top of the page
     $('.book-header').show();
diff --git a/macao/themes/macao-hugo-theme b/macao/themes/macao-hugo-theme
index b4bd216..37c5cd0 160000
--- a/macao/themes/macao-hugo-theme
+++ b/macao/themes/macao-hugo-theme
@@ -1 +1 @@
-Subproject commit b4bd21625c8a5d0a1d3a2c1aaafb10102b262578
+Subproject commit 37c5cd01ed787d99267a8b09eb1f942649df09b8
-- 
GitLab