redesign for color grade

Author: Adam-Color

Diff for: color/script.js renamed to CNAME

@@ -0,0 +1,52 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #121212;
+    color: #ffffff;
+    text-align: center;
+}
+
+header {
+    background-color: #1e1e1e;
+    padding: 20px;
+}
+
+nav a {
+    color: #00bcd4;
+    text-decoration: none;
+    margin: 0 15px;
+}
+
+section {
+    margin: 50px 0;
+}
+
+form {
+    background: #1e1e1e;
+    padding: 20px;
+    border-radius: 10px;
+    width: 300px;
+    margin: auto;
+}
+
+input, textarea {
+    width: 100%;
+    margin: 10px 0;
+    padding: 10px;
+    border-radius: 5px;
+    border: none;
+}
+
+button {
+    background: #00bcd4;
+    color: #121212;
+    border: none;
+    padding: 10px;
+    cursor: pointer;
+    border-radius: 5px;
+}
+
+nav a.active {
+    font-weight: bold;
+    color: #ffffff;
+    text-decoration: underline;
+}

Diff for: assets/css/styles.css

@@ -0,0 +1,10 @@
+document.addEventListener("DOMContentLoaded", function () {
+    let currentPage = window.location.pathname.split("/").pop(); // Get current file name
+    let navLinks = document.querySelectorAll("nav a");
+
+    navLinks.forEach(link => {
+        if (link.getAttribute("href") === currentPage) {
+            link.classList.add("active");
+        }
+    });
+});