1 files changed, 27 insertions, 7 deletions

diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss
index c920bb3..44a3b1e 100755
--- a/src/css/_sommaire.scss
+++ b/src/css/_sommaire.scss
@@ -4,13 +4,10 @@
   font-size: 0.8em;
   font-weight: bold;
   font-family: monospace, serif;
-  text-shadow: 0 1px 0 #DDD;
-  color: #686868;
   &:before {
     content: "/";
   }
   a {
-    color: #686868;
     outline: none;
     text-decoration: none;
   }
@@ -27,6 +24,28 @@
     list-style-type: none;
     padding-left: 0;
   }
+  @mixin lightMode {
+    background: #F5F6F5;
+    color: inherit;
+
+    #logo-ache {
+      filter: none;
+    }
+    #desc_intro {
+      text-shadow: 0 1px 0 #DDD;
+    }
+    .sommaire_blien {
+      text-shadow: 0 1px 0 #444;
+      color: #686868;
+      a {
+        color: #686868;
+      }
+    }
+    .about {
+      color: #666;
+    }
+  }
+
 
   @mixin darkMode {
     background: #101110;
@@ -37,8 +56,6 @@
     #desc_intro {
       text-shadow: 2px 4px 0 #333;
     }
-    .about_bar {
-    }
     .sommaire_blien {
       text-shadow: 0 1px 0 #444;
       color: #F5F5F5;
@@ -50,7 +67,11 @@
       color: #BBB;
     }
   }
-  @media (prefers-color-scheme: dark) { @include darkMode; } &.dark { @include darkMode; }
+  @media (prefers-color-scheme: light) { @include lightMode; }
+  @media (prefers-color-scheme: dark) { @include darkMode; }
+
+  &.light { @include lightMode; }
+  &.dark { @include darkMode; }
 
 
 
@@ -92,7 +113,6 @@
 }
 .about {
   font-size: 0.8em;
-  color: #666;
   font-family: monospace;
   align-items: center;
   justify-content: center;