diff --git a/docs/static/css/extra.css b/docs/static/css/extra.css
index 797c1aa7..a42c63d4 100644
--- a/docs/static/css/extra.css
+++ b/docs/static/css/extra.css
@@ -1,3 +1,9 @@
+:root {
+    --md-primary-fg-color:        #3a9784;
+    --md-primary-fg-color--light: #3a9784;
+    --md-primary-fg-color--dark:  #3a9784;
+}
+
 .md-header__button.md-logo :is(img, svg) {
     width: unset !important;
 }
@@ -6,11 +12,18 @@ article {
     padding-bottom: 50px;
 }
 
-figure iframe, figure img, figure video {
-    filter: drop-shadow(3px 3px 3px #ccc);
+figure img, figure video {
     border-radius: 7px;
 }
 
+body[data-md-color-scheme="default"] figure img, body[data-md-color-scheme="default"] figure video {
+    filter: drop-shadow(3px 3px 3px #ccc);
+}
+
+body[data-md-color-scheme="slate"] figure img, body[data-md-color-scheme="slate"] figure video {
+    filter: drop-shadow(3px 3px 3px #1a1313);
+}
+
 figure video {
     width: 100%;
     max-height: 450px;
diff --git a/mkdocs.yml b/mkdocs.yml
index d775238b..6f6492fc 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -17,13 +17,11 @@ theme:
   palette:
     - media: "(prefers-color-scheme: light)"  # Light mode
       scheme: default
-      primary: teal
       toggle:
         icon: material/lightbulb-outline
         name: Switch to light mode
     - media: "(prefers-color-scheme: dark)"  # Dark mode
       scheme: slate
-      primary: teal
       accent: indigo
       toggle:
         icon: material/lightbulb