diff --git a/static/css/toledot.css b/static/css/toledot.css
index 00c55f3..155c074 100644
--- a/static/css/toledot.css
+++ b/static/css/toledot.css
@@ -48,6 +48,13 @@ ul {
     background-color: #fafafa;
 }
 
+body.dark-mode .hero {
+    background: url(/img/hero-bg-invert.png);
+    background-size: cover;
+    background-position: center;
+    background-color: #282828;
+}
+
 .hero ul {
     font-size: 20pt;
     list-style-type: none;
@@ -56,6 +63,10 @@ ul {
     padding: 1rem;
 }
 
+body.dark-mode .hero * {
+    background-color: transparent;
+}
+
 .hero ul li {
     margin: 1rem 0;
     padding: 0;
diff --git a/static/img/hero-bg-invert.png b/static/img/hero-bg-invert.png
new file mode 100644
index 0000000..bf91086
Binary files /dev/null and b/static/img/hero-bg-invert.png differ