diff --git a/docs/.vuepress/theme/styles/_blocks.scss b/docs/.vuepress/theme/styles/_blocks.scss
index 801431f..9ac7c3a 100644
--- a/docs/.vuepress/theme/styles/_blocks.scss
+++ b/docs/.vuepress/theme/styles/_blocks.scss
@@ -12,6 +12,13 @@
   border-color: $color-hero;
 }
 
+.theme--dark {
+  .hero {
+    background-color: darken($color-hero, 20);
+    color: #ddd;
+  }
+}
+
 .dragon {
   @extend .block-highlight;
   background-color: $color-dragon;
@@ -22,6 +29,13 @@
   }
 }
 
+.theme--dark {
+  .dragon {
+    background-color: darken($color-dragon, 20);
+    color: #ddd;
+  }
+}
+
 blockquote {
   background-color: #eee;
   padding: 0.5rem 0.5rem 0.5rem 1rem;