Added Custom JS and CSS

overrides/javascripts/color-toggle.js

@@ -7,8 +7,7 @@ function switchColor() {
   document.documentElement.setAttribute("data-md-color-scheme", color);
 }
 
-// Botão no topo do site
-const btn = document.createElement("button");
-btn.textContent = "Switch Color";
-btn.onclick = switchColor;
-document.body.prepend(btn);
+window.addEventListener("DOMContentLoaded", () => {
+  const btn = document.getElementById("color-toggle-btn");
+  if (btn) btn.onclick = switchColor;
+});

overrides/main.html

@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+{% block header %}
+  {{ super() }}
+  <!-- Botão de trocar cor -->
+  <button id="color-toggle-btn">🎨 Switch Color</button>
+{% endblock %}

overrides/stylesheets/extra.css

@@ -12,3 +12,13 @@
   --md-primary-fg-color: #2ecc71;
   --md-accent-fg-color: #2ecc71;
 }
+
+#color-toggle-btn {
+  margin-left: 1rem;
+  padding: 4px 10px;
+  font-size: 0.9rem;
+  border-radius: 5px;
+  border: 1px solid #ccc;
+  background: #fff;
+  cursor: pointer;
+}