From f87e5f27bec5cdcef59f3543e3bbb9ba377d36e3 Mon Sep 17 00:00:00 2001
From: Noah Pombas <admin@noahpombas.ch>
Date: Thu, 4 Dec 2025 16:28:14 +0100
Subject: [PATCH] Added Custom JS and CSS

---
 mkdocs.yml                                   | 24 +++++++++++---------
 overrides/assets/javascripts/color-toggle.js | 11 ---------
 overrides/assets/stylesheets/extra.css       |  9 --------
 overrides/main.html                          | 10 --------
 4 files changed, 13 insertions(+), 41 deletions(-)
 delete mode 100644 overrides/assets/javascripts/color-toggle.js
 delete mode 100644 overrides/assets/stylesheets/extra.css
 delete mode 100644 overrides/main.html

diff --git a/mkdocs.yml b/mkdocs.yml
index dee42d1..735bb66 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -3,17 +3,19 @@ site_url: https://pombas_n.pages.psi.ch
 
 theme:
   name: material
-  custom_dir: overrides
-  palette:
-    - scheme: blue
-      primary: blue
-      accent: blue
-    - scheme: purple
-      primary: purple
-      accent: purple
-    - scheme: green
-      primary: green
-      accent: green
+  palette: 
+
+    # Palette toggle for light mode
+    - scheme: default
+      toggle:
+        icon: material/brightness-7 
+        name: Switch to dark mode
+
+    # Palette toggle for dark mode
+    - scheme: slate
+      toggle:
+        icon: material/numeric-0-box
+        name: Switch to light mode
 
 
 extra_css:
diff --git a/overrides/assets/javascripts/color-toggle.js b/overrides/assets/javascripts/color-toggle.js
deleted file mode 100644
index 5e5cd9f..0000000
--- a/overrides/assets/javascripts/color-toggle.js
+++ /dev/null
@@ -1,11 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
-  const circles = document.querySelectorAll(".color-circle");
-  const schemes = ["blue", "purple", "green"]; // deve coincidir com mkdocs.yml
-
-  circles.forEach((circle, index) => {
-    circle.addEventListener("click", () => {
-      document.documentElement.setAttribute("data-md-color-accent", schemes[index]);
-      document.documentElement.setAttribute("data-md-color-scheme", schemes[index]);
-    });
-  });
-});
diff --git a/overrides/assets/stylesheets/extra.css b/overrides/assets/stylesheets/extra.css
deleted file mode 100644
index d34b64b..0000000
--- a/overrides/assets/stylesheets/extra.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.color-circle {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border: 1px solid #ccc;
-  display: inline-block;
-  cursor: pointer;
-  margin-right: 4px;
-}
diff --git a/overrides/main.html b/overrides/main.html
deleted file mode 100644
index 575d5c3..0000000
--- a/overrides/main.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{% extends "base.html" %}
-
-{% block header %}
-  {{ super() }}
-  <div class="color-switcher">
-    <button class="color-circle" style="background:blue;"></button>
-    <button class="color-circle" style="background:purple;"></button>
-    <button class="color-circle" style="background:green;"></button>
-  </div>
-{% endblock %}