diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index d14af7f5..4d3c2be5 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -62,7 +62,7 @@ const { title } = Astro.props;
     <meta name="msapplication-TileColor" content="#fdfffd" />
     <meta
       name="theme-color"
-      content="#303f30"
+      content="#171e17"
       media="(prefers-color-scheme: dark)"
     />
     <meta name="theme-color" content="#fdfffd" />
diff --git a/src/scss/colors.scss b/src/scss/colors.scss
index 24df2ce2..2d715878 100644
--- a/src/scss/colors.scss
+++ b/src/scss/colors.scss
@@ -24,8 +24,8 @@ $secondary-text-color-dark: rgba(#fff, 0.7);
 $disabled-text-color-dark: rgba(#fff, 0.5);
 $link-text-color-dark: #42a5f5;
 $link-text-color-visited-dark: #b39ddb;
-$background-dark: #303f30;
-$dark-background-dark: #2c2c2c;
+$background-dark: #171e17;
+$dark-background-dark: #1f2a1f;
 $warning-color-dark: #ff7070;
 $encrypt-card-background-dark: #004000;
 $decrypt-card-background-dark: #560000;