diff --git a/docs/assets/core/beammp_dark.png b/docs/assets/core/beammp_dark.png
new file mode 100644
index 00000000..6d59b2e4
Binary files /dev/null and b/docs/assets/core/beammp_dark.png differ
diff --git a/docs/assets/beammp.png b/docs/assets/core/beammp_light.png
similarity index 100%
rename from docs/assets/beammp.png
rename to docs/assets/core/beammp_light.png
diff --git a/docs/assets/logo.png b/docs/assets/logo.png
deleted file mode 100644
index fbb03aed..00000000
Binary files a/docs/assets/logo.png and /dev/null differ
diff --git a/docs/stylesheets/custom.css b/docs/stylesheets/custom.css
index ddf25a29..328b479e 100644
--- a/docs/stylesheets/custom.css
+++ b/docs/stylesheets/custom.css
@@ -1,3 +1,13 @@
+@media screen {
+  [data-md-color-scheme=default] .logo-dark {
+    display: none !important;
+  }
+
+  [data-md-color-scheme=slate] .logo-light {
+    display: none !important;
+  }
+}
+
 a.md-header__button.md-logo > img {
   height: 50px;
 }
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 39fe39c0..ca23b036 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -9,8 +9,9 @@ copyright: Copyright © 2019 - 2023 BeamMP Mod Team
 theme:
   language: en
   name: material
-  logo: assets/beammp.png
-  favicon: images/favicon.png
+  logo: assets/core/beammp_dark.png
+  logo_dark: assets/core/beammp_light.png
+  favicon: assets/core/favicon.png
   custom_dir: overrides
   features:
     - search.suggest
diff --git a/overrides/partials/logo.html b/overrides/partials/logo.html
new file mode 100644
index 00000000..505e6754
--- /dev/null
+++ b/overrides/partials/logo.html
@@ -0,0 +1,7 @@
+{% if config.theme.logo %}
+  <img src="{{ config.theme.logo | url }}" alt="logo" class="logo-light" />
+  <img src="{{ config.theme.logo_dark | url }}" alt="logo" class="logo-dark" />
+{% else %}
+  {% set icon = config.theme.icon.logo or "material/library" %}
+  {% include ".icons/" ~ icon ~ ".svg" %}
+{% endif %}
\ No newline at end of file