diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index e903b4da..ef4b835c 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -1,4 +1,40 @@
 :root {
-    --md-primary-fg-color:               #ff5f55;
-    --md-primary-bg-color:               #001e23;
+    --md-primary-fg-color:#ff5f55;
+}
+
+/* Header text color */
+.md-header__title {
+    color: #ffffff;
+}
+
+/* Header repo link color */
+.md-source__repository {
+    color: #ffffff;
+}
+
+/* Change color of the icons in the dark/light mode toggle */
+.md-header .md-icon svg {
+    fill: #ffffff;
+}
+
+/* Override the banner color */
+.md-header {
+    background-color: #001e23;
+    border-bottom: 1px solid #970b0b;
+}
+
+/* Override the tab colors */
+.md-tabs {
+    background-color: #001e23; 
+}
+
+/* Tab links styling */
+.md-tabs__list {
+    color: #ffffff;
+}
+
+/* Hover effect for all links */
+a:hover,
+a:focus {
+    color: #01c4e5 !important;
 }
diff --git a/mkdocs.yml b/mkdocs.yml
index c13c6000..1fba8b8f 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -4,7 +4,7 @@ repo_name: "ryujinx-mirror/ryujinx"
 remote_branch: docs
 theme:
   name: material
-  logo: assets/icon-border.svg
+  logo: assets/icon.svg
   favicon: assets/icon.svg
   palette:
     - media: "(prefers-color-scheme: light)"