diff --git a/website/src/components/landing.js b/website/src/components/landing.js
index 7d8b455ef..08e0d678b 100644
--- a/website/src/components/landing.js
+++ b/website/src/components/landing.js
@@ -110,6 +110,7 @@ export const LandingBanner = ({
     })
     const style = {
         '--color-theme': background,
+        '--color-theme-dark': background,
         '--color-back': color,
         backgroundImage: backgroundImage ? `url(${backgroundImage})` : null,
     }
diff --git a/website/src/styles/code.module.sass b/website/src/styles/code.module.sass
index 59e4b4c94..b619c71cc 100644
--- a/website/src/styles/code.module.sass
+++ b/website/src/styles/code.module.sass
@@ -1,7 +1,7 @@
 .pre
     position: relative
     background: var(--color-front)
-    color: var(--color-subtle)
+    color: var(--color-subtle-on-dark)
     border-radius: var(--border-radius)
     overflow: auto
     width: 100%
diff --git a/website/src/styles/landing.module.sass b/website/src/styles/landing.module.sass
index 2651424df..5c2a0754b 100644
--- a/website/src/styles/landing.module.sass
+++ b/website/src/styles/landing.module.sass
@@ -41,7 +41,7 @@
     border-radius: 1em
     padding: 0 1rem 0.15rem
     background: var(--color-back)
-    color: var(--color-theme-dark)
+    color: var(--color-theme)
 
 .subtitle
     margin-top: 1rem