From 93f242f410101f6541194633ed080768dc55b6f6 Mon Sep 17 00:00:00 2001
From: adplantade <adrien.plantade@etu.uca.fr>
Date: Fri, 31 Jul 2020 17:22:54 +0200
Subject: [PATCH] =?UTF-8?q?th=C3=A8mes=20appliqu=C3=A9s=20au=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/index.css        | 6 +++---
 code/index.php        | 2 +-
 code/themeSwitcher.js | 9 ++++++---
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/code/index.css b/code/index.css
index 1d10903..1e195ea 100644
--- a/code/index.css
+++ b/code/index.css
@@ -64,13 +64,13 @@
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
-    background-color: rgb(0,0,0); /* Fallback color */
-    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+    /*background-color: rgb(0,0,0); /* Fallback color */
+    /*background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   }
   
   /* Modal Content */
   .modal-content {
-    background-color: #fefefe;
+    /*background-color: #fefefe;*/
     margin: auto;
     padding: 20px;
     border: 1px solid #888;
diff --git a/code/index.php b/code/index.php
index 0709f91..fefe268 100644
--- a/code/index.php
+++ b/code/index.php
@@ -59,7 +59,7 @@
 <div id="optionsModal" class="modal">
 
 <!-- Modal content -->
-<div class="modal-content">
+<div class="modal-content" id="modal">
     <span class="close">&times;</span>
     <p>Options :</p>
     <div class="slidecontainer">
diff --git a/code/themeSwitcher.js b/code/themeSwitcher.js
index ebfa751..04dcdea 100644
--- a/code/themeSwitcher.js
+++ b/code/themeSwitcher.js
@@ -3,20 +3,23 @@ var light= (getCookie("light")=="" ? true : getCookie("light"));
 document.getElementById("light").width=size/4;
 
 function switchLight() {
-    console.log("light avant "+light);
     light=(light=="true" ? "false" : "true");
-    console.log("light après "+light);
     setCookie("light",light,30);
     applyLight(light);
 }
 
 function applyLight(li) {
-    console.log("app li "+li);
     document.getElementById("light").src="ress/"+(li=="true" ? "light" : "dark")+".png";
     if(document.getElementById("logo")!=null)
     {
         document.getElementById("logo").src="ress/logo_"+(li=="true" ? "clair" : "dark")+".png";
     }
+
+    if(document.getElementById("modal")!=null)
+    {
+        document.getElementById("modal").classList.add((li=="true" ? "day" : "night"));
+        document.getElementById("modal").classList.remove((li=="true" ? "night" : "day"));
+    }
     
     document.getElementsByTagName("body")[0].classList.add((li=="true" ? "day" : "night"));
     document.getElementsByTagName("body")[0].classList.remove((li=="true" ? "night" : "day"));