diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index e8a96cbf..b49e2137 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -4,7 +4,6 @@
     --md-primary-fg-color--dark:  #464a8d;
 }
 
-
 p img {
   display: block;
   margin-left: auto;
diff --git a/mkdocs.yml b/mkdocs.yml
index d384d201..b8289f71 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -28,26 +28,30 @@ theme:
     - content.code.copy
   logo: img/favicon.png
   favicon: img/Realfavicon.png
-
   palette:
-    - scheme: default
+    - media: "(#5e5e62: light)"
+      scheme: slate
       toggle:
-        icon: material/toggle-switch-off-outline
-        name: Switch to dark modo
-      primary: "#0c6c0d"
-      accent: "#0c6c0d"
-    - scheme:
+        icon: material/weather-night
+        name: Switch to dark mode
+      primary: "#5e5e62"
+      accent: "#5e5e62"
+    - media: "(#5e5e62: dark)"
+      scheme: default
       toggle:
-        icon: material/toggle-switch
+        icon: material/weather-sunny
         name: Switch to light mode
       primary: "#5e5e62"
       accent: "#5e5e62"
+  font:
+    text: Roboto
+    code: Roboto Mono
 
 
 
 extra:
   social:
-    - icon: fontawesome/brands/github-alt
+    - icon: fontawesome/brands/github
       link: https://github.com/edra-unb-fga
     - icon: fontawesome/brands/linkedin
       link: https://www.linkedin.com/company/edra-unb