ajout du bouton de switch + quelque reglage des input

assets/css/src/generic.css

@@ -138,3 +138,5 @@ button.less::after {
   width: 100%;
   margin-top: calc(var(--unit--vertical) / 2);
 }
+
+

assets/css/src/nav.css

@@ -79,14 +79,16 @@
   padding: calc(var(--unit--vertical) / 4) 0;
   border: none;
   border-bottom: 1px solid var(--color-background);
-  color: var(--color-background);
+  color: var(--color-primary);
   font-size: var(--font-size-m);
   font-weight: var(--font-weight-light);
+
+  caret-color: var(--color-primary);
 }
 .search__input::placeholder {
+  color: var(--color-primary);
   font-size: var(--font-size-sm);
   letter-spacing: 1px;
-  color: var(--color-primary);
   opacity: 0.55;
 }
 .search__icon {

assets/css/src/newsletter.css

@@ -11,18 +11,24 @@
 #subscribe-form input {
   background-color: transparent;
   border: none;
-  border-bottom: 1px solid var(--color-background);
   box-sizing: border-box;
   padding-bottom: 0.3rem;
   padding-right: 2rem;
-  color: var(--color-background);
   width: 15rem;
+
+  border-bottom: 1px solid var(--color-primary);
+  color: var(--color-primary);
+  caret-color: var(--color-primary);
+}
+#subscribe-form input::placeholder {
+  color: var(--color-primary);
+  opacity: 0.55;
 }
 #subscribe-form input:focus-visible {
   outline: none;
 }
 #subscribe-form button[type="submit"] {
-  color: var(--color-background);
+  color: var(--color-primary);
   position: absolute;
   top: 0;
   right: 0;

assets/css/src/toggle-light-mode.css

@@ -0,0 +1,20 @@
+.theme-toggler{
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    padding: var(--unit--vertical) var(--unit--horizontal);
+}
+.theme-toggler > *{
+}
+.theme-toggler-icon {
+    width: 1.2rem;
+    height: 1.2rem;
+
+    background-color: var(--color-primary);
+    
+    mask-size: cover;
+    -webkit-mask-size: cover;
+
+    mask: var(--icon-theme-toggler) no-repeat center;
+    -webkit-mask: var(--icon-theme-toggler) no-repeat center;
+}