Add selector for site theme

src/_data/site.js

@@ -12,6 +12,7 @@ module.exports = {
   title: "SuperMinimalCSS",
   description: "Superminimal Superminimal",
   lang: "fr",
+  theme: "auto", // "light", "dark" or "auto"
   feed: "feed.xml",
   url: "http://localhost:8080"
 }

src/_includes/partials/metas.html

@@ -53,9 +53,12 @@
 <link rel="icon" href="/images/meta/favicon.ico" sizes="any">
 <link rel="icon" href="/images/meta/favicon.svg" type="image/svg+xml">
 
+{% if site.theme == "auto" %}
 <meta name="color-scheme" content="light dark">
-
 <script>{% include "js/theme-toggle.js" %}</script>
+{% else %}
+<meta name="color-scheme" content={{site.theme}}>
+{% endif %}
 
 <style>
   {% fetch "https://cdn.jsdelivr.net/npm/theme-toggles@4.10.1/css/around.min.css", "css" %}

src/_includes/partials/theme-toggle.html

@@ -1,3 +1,4 @@
+{% if site.theme == "auto" %}
   <button
     class="theme-toggle"
     type="button"
@@ -29,3 +30,4 @@
       </g>
     </svg>
   </button>
+{% endif %}