diff --git a/docs/assets/css/extra.css b/docs/assets/css/extra.css
index fd6442615..41241c7b6 100644
--- a/docs/assets/css/extra.css
+++ b/docs/assets/css/extra.css
@@ -1,7 +1,7 @@
 :root {
     --md-primary-fg-color:        #273646;
-    --md-primary-fg-color--light: #4b6786;
-    --md-primary-fg-color--dark: #0c1015;
+    --md-primary-fg-color--light: #374c62;
+    --md-primary-fg-color--dark: #1c2631;
 }
 
 .phalcon-blog__sponsors-items img {
diff --git a/mkdocs.yml b/mkdocs.yml
index b54729f14..588768160 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -53,14 +53,14 @@ theme:
         name: Switch to light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: teal
+      primary: custom
       accent: teal
       toggle:
         icon: material/toggle-switch
         name: Switch to dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: black
+      primary: custom
       accent: teal
       toggle:
         icon: material/toggle-switch-off