From cb8a0a3c09abc156eea106d299499a0828a6251d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 18 Mar 2024 18:54:08 +0100
Subject: [PATCH] Change colors to red

---
 css/main.css | 15 +++------------
 index.html   |  8 ++++----
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/css/main.css b/css/main.css
index 314e55d..28db7c4 100644
--- a/css/main.css
+++ b/css/main.css
@@ -9,15 +9,6 @@
   flex-grow: 1;
 }
 
-.charte-modal {
-  color: #07892f;
-  transition: color 0.3s ease;
-}
-
-.charte-modal:hover {
-  color: #46b10d;
-}
-
 .footer {
   padding: 1rem;
   position: fixed;
@@ -34,13 +25,13 @@
   font-size: 0.8rem;
 }
 
-.orientation-modal {
+.orientation-modal, .charte-modal {
   color: #da131a;
   transition: color 0.3s ease;
 }
 
-.orientation-modal:hover {
-  color: #880005;
+.orientation-modal:hover, .charte-modal:hover {
+  color: rgb(255, 20, 28);
 }
 
 strong {
diff --git a/index.html b/index.html
index d4ca6f2..dda08f9 100644
--- a/index.html
+++ b/index.html
@@ -420,12 +420,12 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button">Fermer</button>
+          <button class="button is-danger is-light">Fermer</button>
           <div>
             <span class="icon">
               <ion-icon name="document"></ion-icon>
             </span>
-            <a class="has-text-success" href="./assets/charte-du-gong-1963.pdf" download>Voir l'original</a>
+            <a class="has-text-danger-light" href="./assets/charte-du-gong-1963.pdf" download>Voir l'original</a>
           </div>
         </footer>
       </div>
@@ -809,12 +809,12 @@
           </p>
         </section>
         <footer class="flex modal-card-foot is-justify-content-space-between has-background-dark has-text-light">
-          <button class="button">Fermer</button>
+          <button class="button is-danger is-light">Fermer</button>
           <div>
             <span class="icon">
               <ion-icon name="document"></ion-icon>
             </span>
-            <a class="has-text-success" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf" download>Voir l'original</a>
+            <a class="has-text-danger-light" href="./assets/orientation-et-strategie-de-la-lutte-revolutionnaire-du-peuple-guadeloupeen-1963.pdf" download>Voir l'original</a>
           </div>
         </footer>
       </div>