Add dark mode

[galette.git] / ui / semantic / galette / globals / site.overrides

diff --git a/ui/semantic/galette/globals/site.overrides b/ui/semantic/galette/globals/site.overrides
index 9fe77bb36a2b5dfeba2d3aa8b939a28e04cce09a..f55c2660d7e3b01a372d7be8a2c4c0c28b0c450e 100644 (file)
--- a/ui/semantic/galette/globals/site.overrides
+++ b/ui/semantic/galette/globals/site.overrides
@@ -130,6 +130,10 @@ footer .ui.horizontal.list > .item{
     padding-top: 0;
   }
 
+  #top-navbar div.item a.button.darkmode span {
+    display: none;
+  }
+
   aside.computer.toc {
     background: @galetteNavBackground;
   }
@@ -219,6 +223,18 @@ footer .ui.horizontal.list > .item{
   }
 }
 
+@media only screen and (max-width: 1199px) {
+  aside.computer.toc {
+    .ui.text.compact.small.fluid.menu {
+      font-size: .8em;
+
+      .ui.buttons .button {
+        padding: .5em;
+      }
+    }
+  }
+}
+
 @media only screen and (min-width: 1200px) {
   aside.toc {
     width: 350px;