From 3e021ae7f3c9ce84ffc85b05367f3f0a882363f2 Mon Sep 17 00:00:00 2001
From: William Daniau <william.daniau@femto-st.fr>
Date: Tue, 8 Oct 2019 22:27:39 +0200
Subject: [PATCH] Utilisation des variables dans Default_with_index.html

---
 templates/html/Default_with_index.html  | 14 +++++++-------
 templates/html/common/zim-variables.css |  1 +
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/templates/html/Default_with_index.html b/templates/html/Default_with_index.html
index 9749b3f..cf49e08 100644
--- a/templates/html/Default_with_index.html
+++ b/templates/html/Default_with_index.html
@@ -45,18 +45,18 @@
         .menu{
             /*float:left; */
             width: 0;
-            color:#4e9a06;
+            color:var(--main-header-color);
             overflow-x: hidden;
             position: absolute;
             transition:.3s;
-            background: #fafafa;
+            background: var(--main-menu-background-color);
             border-style: solid;
             border-width: 1px;
             margin-left:-20px;
         }
         
         .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited {
-            color: #4e9a06;
+            color: var(--main-header-color);
         }
         
         .menuOpen {
@@ -80,7 +80,7 @@
             clear:both;
             border-style: solid;
             border-width: 1px;
-            border-color: #4e9a06;
+            border-color: var(--main-header-color);
         }
         
         body {
@@ -88,7 +88,7 @@
             display:block;
             margin-left:auto;
             margin-right:auto;
-            background: lightslategrey;
+            background: var(--main-body-color);
         }
 
         .intercalaire {
@@ -98,7 +98,7 @@
         }
         
         .bold-footer {
-            color: #4e9a06;
+            color: var(--main-header-color);
         }
         
     </style>
@@ -141,7 +141,7 @@
 <table class='navigation' style="float:left">
 <tr class='navigation'>
 <td class='navigation'>
-<span style="font-size:30px;cursor:pointer;color: #4e9a06;" onclick="openNav()">&#9776;</span>
+<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">&#9776;</span>
 </td>
 <td class='navigation'>
 [% IF navigation.prev %]
diff --git a/templates/html/common/zim-variables.css b/templates/html/common/zim-variables.css
index eb0f15e..764bf4a 100644
--- a/templates/html/common/zim-variables.css
+++ b/templates/html/common/zim-variables.css
@@ -10,6 +10,7 @@
         --main-tt-color: darkmagenta;               /* Inline verbatim                  */
         --main-code-color: saddlebrown;             /* Code color (if hljs not used)    */
         --main-body-color: lightslategrey;          /* Color of the background body     */
+        --main-menu-background-color: #fafafa;      /* Backroung color of side menu     */
         
         /* Tables */
         /* Table headers */
-- 
2.16.4