diff --git a/docs/assets/extra.css b/docs/assets/extra.css
index 3bd77a9c..e30084d7 100644
--- a/docs/assets/extra.css
+++ b/docs/assets/extra.css
@@ -23,7 +23,7 @@ svg[viewBox='0 0 48 48'] {
 }
 
 p:has(small.parameters-text),
-p:has(small.parameters-text) + h3 {
+p:has(small.parameters-text)+h3 {
 	margin: 0px;
 }
 
@@ -31,10 +31,14 @@ h3:has(+ .admonition.quote) {
 	margin-bottom: 0px;
 }
 
-h3 + .admonition.quote {
+h3+.admonition.quote {
 	margin-top: 5px;
 }
 
 .contributors-link-footer {
-	color: #007bff !important;
+	color: var(--md-typeset-a-color) !important;
 }
+
+.contributors-link-footer:hover {
+	color: var(--md-accent-fg-color) !important;
+}
\ No newline at end of file
diff --git a/docs/assets/logo.svg b/docs/assets/logo-dark.svg
similarity index 100%
rename from docs/assets/logo.svg
rename to docs/assets/logo-dark.svg
diff --git a/docs/assets/logo-light.svg b/docs/assets/logo-light.svg
new file mode 100644
index 00000000..d90f6c2f
--- /dev/null
+++ b/docs/assets/logo-light.svg
@@ -0,0 +1 @@
+<svg id="LogoLayer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 558 603.73"><defs><style>.cls-1{fill:#000000;}</style></defs><g id="Logo"><path class="cls-1" d="M291,204.23l85,49.12a24,24,0,0,1,12,20.78v98.31a24,24,0,0,1-12,20.77l-85,49.13a24,24,0,0,1-24,0l-85-49.13a24,24,0,0,1-12-20.77V274.13a24,24,0,0,1,12-20.78l85-49.12A24,24,0,0,1,291,204.23Z"/><path class="cls-1" d="M267,121.23,147.6,190.29a24,24,0,0,1-24.16-.07L69.58,158.64a24,24,0,0,1,.14-41.48L267,3.22a24,24,0,0,1,24,0L488.29,117.16a24,24,0,0,1,.14,41.49l-53.84,31.56a24,24,0,0,1-24.15.08L291,121.23A24,24,0,0,0,267,121.23Z"/><path class="cls-1" d="M457,270.18v138.2a24,24,0,0,1-12.06,20.82L326.06,497.37A24,24,0,0,0,314,518.19V579.7a24,24,0,0,0,36,20.78L546,487.21a24,24,0,0,0,12-20.78V239.74a24,24,0,0,0-36-20.81l-53,30.44A24,24,0,0,0,457,270.18Z"/><path class="cls-1" d="M101,270.18v138.2a24,24,0,0,0,12.06,20.82l118.88,68.17A24,24,0,0,1,244,518.19V579.7a24,24,0,0,1-36,20.78L12,487.21A24,24,0,0,1,0,466.43V239.74a24,24,0,0,1,36-20.81l53,30.44A24,24,0,0,1,101,270.18Z"/></g></svg>
diff --git a/docs/assets/style/header.css b/docs/assets/style/header.css
new file mode 100644
index 00000000..dfd8bbe7
--- /dev/null
+++ b/docs/assets/style/header.css
@@ -0,0 +1,13 @@
+.md-header {
+    box-shadow: none !important;
+    border-bottom: 2px solid var(--md-primary-outline-color);
+}
+
+.md-search__form {
+    background-color: var(--header-panel) !important;
+    border-radius: 6px !important;
+}
+
+.md-search__input::placeholder {
+    color: var(--md-primary-bg-color) !important;
+}
\ No newline at end of file
diff --git a/docs/assets/style/page.css b/docs/assets/style/page.css
new file mode 100644
index 00000000..0546b731
--- /dev/null
+++ b/docs/assets/style/page.css
@@ -0,0 +1,13 @@
+.md-copyright::after {
+    content: "- Theme by Judash399";
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+/* Font awsome by default makes the icons way too big, so this is shrinking them down */
+.md-icon svg {
+    width: 1.1rem;
+    height: 1.1rem;
+}
\ No newline at end of file
diff --git a/docs/assets/style/palette.css b/docs/assets/style/palette.css
new file mode 100644
index 00000000..aa3112ce
--- /dev/null
+++ b/docs/assets/style/palette.css
@@ -0,0 +1,100 @@
+[data-md-color-scheme="light"] {
+    --md-typeset-a-color: rgb(51, 89, 184);
+    --md-accent-fg-color: rgb(22, 24, 147);
+
+    --md-default-bg-color: rgb(245, 245, 245);
+
+    /* Header */
+    --md-primary-fg-color: var(--md-default-bg-color);
+    --md-primary-fg-color--dark: var(--md-default-fg-color);
+    --md-primary-bg-color: rgb(31, 31, 31);
+    --md-primary-outline-color: rgb(177, 177, 177);
+
+    /* Footer */
+    --md-footer-bg-color: var(--md-default-bg-color);
+    --md-footer-fg-color: var(--md-default-fg-color);
+    --md-footer-bg-color--dark: var(--md-default-bg-color);
+    --md-footer-fg-color--light: rgb(134, 134, 134);
+    --md-footer-fg-color--lighter: rgb(172, 172, 172);
+
+    /* Code */
+    --md-code-bg-color: var(--panel);
+    --md-code-fg-color: rgb(30, 30, 30);
+
+    --md-code-hl-punctuation-color: rgb(119, 119, 119);
+    --md-code-hl-function-color: rgb(37, 37, 37);
+    --md-code-hl-variable-color: rgb(37, 37, 37);
+    --md-code-hl-comment-color: rgb(167, 167, 167);
+    --md-code-hl-keyword-color: rgb(207, 47, 42);
+    --md-code-hl-string-color: rgb(47, 91, 186);
+    --md-code-hl-number-color: rgb(49, 139, 199);
+    --md-code-hl-name-color: rgb(62, 122, 211);
+    --md-code-hl-operator-color: rgb(119, 119, 119);
+    --md-code-hl-constant-color: rgb(207, 120, 61);
+
+    --md-code-hl-color: rgb(218, 37, 37);
+    --md-code-hl-color--light: rgb(238, 217, 217);
+
+    /* Custom */
+    --panel: rgb(250, 250, 250);
+    --header-panel: rgb(220, 220, 220);
+}
+
+[data-md-color-scheme="dark"] {
+    --md-typeset-a-color: rgb(111, 129, 209);
+    --md-accent-fg-color: rgb(51, 89, 184);
+
+    --md-default-bg-color: rgb(29, 29, 29);
+    --md-default-fg-color: rgb(209, 209, 209);
+    --md-typeset-color: rgb(209, 209, 209);
+    --md-default-fg-color--light: rgb(209, 209, 209);
+    --md-default-fg-color--lighter: var(--md-typeset-color);
+
+    /* Admonition */
+    --md-admonition-fg-color: rgb(209, 209, 209);
+    --md-admonition-bg-color: none;
+
+    /* Header */
+    --md-primary-fg-color: var(--md-default-bg-color);
+    --md-primary-fg-color--dark: var(--md-default-fg-color);
+    --md-primary-bg-color: rgb(255, 255, 255);
+    --md-primary-outline-color: rgb(53, 53, 53);
+
+    /* Footer */
+    --md-footer-bg-color: var(--md-default-bg-color);
+    --md-footer-fg-color: var(--md-default-fg-color);
+    --md-footer-bg-color--dark: var(--md-default-bg-color);
+    --md-footer-fg-color--light: rgb(134, 134, 134);
+    --md-footer-fg-color--lighter: rgb(94, 94, 94);
+
+    /* Code */
+    --md-code-bg-color: var(--panel);
+    --md-code-fg-color: rgb(220, 220, 220);
+
+    --md-code-hl-punctuation-color: rgb(119, 119, 119);
+    --md-code-hl-function-color: rgb(200, 200, 200);
+    --md-code-hl-variable-color: rgb(200, 200, 200);
+    --md-code-hl-comment-color: rgb(133, 133, 133);
+    --md-code-hl-keyword-color: rgb(216, 72, 67);
+    --md-code-hl-string-color: rgb(94, 133, 216);
+    --md-code-hl-number-color: rgb(69, 149, 202);
+    --md-code-hl-name-color: rgb(62, 122, 211);
+    --md-code-hl-operator-color: rgb(177, 177, 177);
+    --md-code-hl-constant-color: rgb(231, 142, 82);
+
+    --md-code-hl-color: rgb(218, 37, 37);
+    --md-code-hl-color--light: rgb(48, 37, 37);
+
+
+    /* Custom */
+    --panel: rgb(36, 36, 36);
+    --header-panel: var(--panel);
+}
+
+[data-md-color-scheme="dark"] .Only-light {
+    display: none !important;
+}
+
+[data-md-color-scheme="light"] .Only-dark {
+    display: none !important;
+}
\ No newline at end of file
diff --git a/docs/theme/partials/logo.html b/docs/theme/partials/logo.html
new file mode 100644
index 00000000..dcddcdf4
--- /dev/null
+++ b/docs/theme/partials/logo.html
@@ -0,0 +1,7 @@
+{% if config.theme.logo %}
+  <img src="{{ config.theme.logo | url }}-light.svg" alt="logo" class="Only-light" />
+  <img src="{{ config.theme.logo | url }}-dark.svg" alt="logo" class="Only-dark" />
+{% else %}
+  {% set icon = config.theme.icon.logo or "material/library" %}
+  {% include ".icons/" ~ icon ~ ".svg" %}
+{% endif %}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index cea41478..6c358658 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,5 +1,5 @@
-site_name: Polytoria Scripting Documentation
-copyright: Copyright &copy; 2019 - 2025 Polytoria - <a href="/contributors" class="contributors-link-footer">brought to you by &lt3</a>
+site_name: Polytoria Docs
+copyright: Copyright &copy; 2019 - 2026 Polytoria - <a href="/contributors" class="contributors-link-footer">brought to you by &lt3</a>
 
 theme:
   features:
@@ -10,30 +10,60 @@ theme:
     - navigation.path
     - content.code.annotate
     - content.code.copy
-    - header.autohide
     - navigation.top
     - toc.follow
 
   name: material
   custom_dir: docs/theme
-  logo: assets/logo.svg
+  logo: assets/logo # Not a problem, it auto selects from the logo-dark and logo-light automaticly
+  favicon: assets/logo-dark.svg
 
   font:
     text: Rubik
 
   palette:
-    - scheme: slate
-      primary: blue
+    - media: "(prefers-color-scheme)"
       toggle:
-        icon: material/weather-sunny
-        name: Switch to dark mode
+        icon: material/brightness-auto
+        name: Switch to light mode
 
-    - scheme: default
-      primary: blue
+    - media: "(prefers-color-scheme: light)"
+      scheme: light
       toggle:
-        icon: material/weather-night
+        icon: fontawesome/solid/sun
+        name: Switch to dark mode
+    - media: "(prefers-color-scheme: dark)"
+      scheme: dark
+      toggle:
+        icon: fontawesome/solid/moon
         name: Switch to light mode
 
+  icon:
+    menu: fontawesome/solid/bars
+    previous: fontawesome/solid/angle-left
+    alternate: fontawesome/solid/globe
+    search: fontawesome/solid/search
+    share: fontawesome/solid/share
+    close: fontawesome/solid/x
+    top: fontawesome/solid/chevron-up
+    edit: fontawesome/solid/pencil
+    view: fontawesome/solid/code
+    repo: fontawesome/solid/box-archive
+    admonition:
+      note: fontawesome/solid/pencil
+      abstract: fontawesome/solid/brain
+      info: fontawesome/solid/info-circle
+      tip: fontawesome/solid/fire
+      success: fontawesome/solid/check
+      question: fontawesome/solid/question
+      warning: fontawesome/solid/warning
+      failure: fontawesome/solid/x
+      danger: fontawesome/solid/bolt-lightning
+      bug: fontawesome/solid/bug
+      example: fontawesome/solid/book
+      quote: fontawesome/solid/quote-right
+    next: fontawsome/solid/angle-right
+
 extra:
   generator: true
 
@@ -70,6 +100,9 @@ markdown_extensions:
 
 extra_css:
   - assets/extra.css
+  - assets/style/palette.css
+  - assets/style/header.css
+  - assets/style/page.css
 
 validation:
   absolute_links: ignore