Optimize dark theme

Author: apqx

_includes/script-theme.html

@@ -26,7 +26,7 @@
 
     const metaThemeColor = {
         light: "#ffffff",
-        dark: "#1f1f1f"
+        dark: "#1d1d1d"
     }
 
     /**

npm/dist/blog-404-v2.0.0.css

@@ -65,4 +65,10 @@ body {
         @include elevation.elevation(map.get(blogTheme.$card-elevation, "elevation"),
             map.get(blogTheme.$card-elevation, "min-screen-shadow-dark"), 0);
     }
+}
+
+@media all and (min-width: (blogTheme.$screen-middle-min-width + 1px)) and (max-width: (blogTheme.$screen-middle-max-width - 1px)) {
+    body {
+        --content-card-padding-horizontal: 2rem;
+    }
 }

npm/dist/blog-index-v2.0.0.css

@@ -27,8 +27,8 @@ $top-bar: (
         bg-light: #ffffff,
         bg-blur-light: rgba(255, 255, 255, 0.8),
         bg-shadow-light: #a46053,
-        bg-dark: #1f1f1f,
-        bg-blur-dark: rgba(33, 33, 33, 0.8),
+        bg-dark: #1d1d1d,
+        bg-blur-dark: rgba(30, 30, 30, 0.8),
         bg-shadow-dark: #a46053,
 );
 $top-bar-ink:(
@@ -43,7 +43,7 @@ $footer-ink:(
 
 $surface: (
         light: #ffffff,
-        dark: #1f1f1f,
+        dark: #1d1d1d,
 );
 
 $background: (

npm/dist/blog-post-v2.0.0.css

@@ -27,9 +27,9 @@ const metaThemeColor = {
     light: "#ffffff",
     lightMobile: "#ffffff",
     lightChrome: "#ffffff",
-    dark: "#1f1f1f",
-    darkMobile: "#1f1f1f",
-    darkChrome: "#1f1f1f",
+    dark: "#1d1d1d",
+    darkMobile: "#1d1d1d",
+    darkChrome: "#1d1d1d",
 }
 
 const topbarBlur = {

npm/dist/blog-scaffold-v2.0.0.css

@@ -113,7 +113,6 @@ body {
     }
 
     .dark {
-
         .index-top-card,
         .index-card {
             @include cardElevationMiniScreenDark();
@@ -299,7 +298,7 @@ body {
 @media all and (max-width: blogTheme.$screen-middle-min-width) {
     body {
         --index-card-padding-vertical: 1rem;
-        --index-card-padding-horizontal: 1rem;
+        --index-card-padding-horizontal: 1.3rem;
         --index-card-to-container-border-horizontal: 0.5rem;
         --index-card-gap: 0.6rem;
         --grid-index-card-gap: 0.7rem;