diff --git a/CHANGELOG.md b/CHANGELOG.md
index ac910db..3f68093 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,16 @@ All notable changes to this package will be documented in this file.
 
 The format is based on [Keep a Changelog][keepachangelog] and this project adheres to [Semantic Versioning][semver].
 
+## v2.8.1
+
+### Fixed
+
+- Dark mode for `app-down` template
+
+### Changed
+
+- The index page for built error pages now supports a dark theme
+
 ## v2.8.0
 
 ### Added
diff --git a/internal/cli/build/index.tpl.html b/internal/cli/build/index.tpl.html
index a8dfe0f..3220573 100644
--- a/internal/cli/build/index.tpl.html
+++ b/internal/cli/build/index.tpl.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="utf-8" />
@@ -6,6 +7,11 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"
           integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w=="
           crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <style>
+        @media (prefers-color-scheme:dark){
+            :root {--bs-light:#212529;--bs-light-rgb:33,37,41;--bs-body-color:#eee}a{color:#91b4e8}a:hover{color:#a2bfec}
+        }
+    </style>
 </head>
 <body class="bg-light">
 <div class="container">
diff --git a/templates/app-down.html b/templates/app-down.html
index 1d6642e..e989a9c 100644
--- a/templates/app-down.html
+++ b/templates/app-down.html
@@ -16,7 +16,7 @@
     <style>
         :root{--color-bg-primary:#fff;--color-bg-secondary:#eef6fa;--color-bg-sign:#fff;--color-text-primary:#333;--color-text-secondary:#777;--color-img-details:#f62f37;--color-img-primary:#7990a1;--color-img-secondary:#00baff;--font-size-small:13px;--font-size-normal:16px;--font-size-large:45px}
         @media (prefers-color-scheme:dark){
-            /*:root{--color-bg-primary:#222526;--color-bg-secondary:#292e2f;--color-bg-sign:#262828;--color-text-primary:#fff;--color-text-secondary:#999;--color-img-details:#c72d34;--color-img-primary:#adacac;--color-img-secondary:#86d3ff}*/
+            :root{--color-bg-primary:#222526;--color-bg-secondary:#292e2f;--color-bg-sign:#262828;--color-text-primary:#fff;--color-text-secondary:#999;--color-img-details:#c72d34;--color-img-primary:#adacac;--color-img-secondary:#86d3ff}
         }
         body,html{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Roboto,Helvetica,sans-serif;font-size:0;margin:0;padding:0;height:100vh;overflow-x:hidden}
         body{align-items:center;display:flex;justify-content:center;height:100vh}
@@ -108,7 +108,7 @@
         {{ end }}
     </div>
     <div class="picture">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 480" x="0px" y="0px" xml:space="preserve" class="pic">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 480" x="0px" y="0px" xml:space="preserve">
             <rect y="0" class="st0" width="600" height="480"></rect>
             <radialgradient id="svg-background-gradient" cx="328.1394" cy="306.3561" r="219.5134" gradientUnits="userSpaceOnUse">
                 <stop offset="0" style="stop-color:var(--color-bg-secondary)"></stop>
@@ -201,11 +201,11 @@
 </main>
 <script>
     Array.prototype.forEach.call(document.getElementsByClassName('if-not-found'), function ($el) {
-        $el.style.display = "{{ code }}".trim() === "404" ? 'block' : 'none';
+        $el.style.display = "{{ code }}" === "404" ? 'block' : 'none';
     });
 
     Array.prototype.forEach.call(document.getElementsByClassName('if-maybe-wrong-uri'), function ($el) {
-        $el.style.display = ["401", "403", "404", "418", "505"].includes("{{ code }}".trim()) ? 'block' : 'none';
+        $el.style.display = ["401", "403", "404", "418", "505"].includes("{{ code }}") ? 'block' : 'none';
     });
 
     Array.prototype.forEach.call(document.getElementsByClassName('go-back'), function ($el) {
