fix 404 dark theme and delay

andrepg · andrepg · commit db998354a4bc · 2024-11-12T23:18:50.000-03:00
diff --git a/public/404.html b/public/404.html
@@ -44,7 +44,7 @@
       document.head.append(refresh)
     }
 
-    document.getElementById('main').classList.toggle('invisible')
+    setTimeout(() => document.getElementById('main').classList.toggle('invisible'), 500)
   </script>
 
   <style>
@@ -94,6 +94,12 @@
               box-shadow: inset -3px 0 0 transparent;
           }
       }
+
+      @media (prefers-color-scheme: dark) {
+          body {
+            background: rgb(17 24 39)
+          }
+      }
   </style>
 </head>
 

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@`
`44`	`44`	`document.head.append(refresh)`
`45`	`45`	`}`
`46`	`46`
`47`		`- document.getElementById('main').classList.toggle('invisible')`
	`47`	`+ setTimeout(() => document.getElementById('main').classList.toggle('invisible'), 500)`
`48`	`48`	`</script>`
`49`	`49`
`50`	`50`	`<style>`
`@@ -94,6 +94,12 @@`
`94`	`94`	`box-shadow: inset -3px 0 0 transparent;`
`95`	`95`	`}`
`96`	`96`	`}`
	`97`	`+`
	`98`	`+ @media (prefers-color-scheme: dark) {`
	`99`	`+ body {`
	`100`	`+ background: rgb(17 24 39)`
	`101`	`+ }`
	`102`	`+ }`
`97`	`103`	`</style>`
`98`	`104`	`</head>`
`99`	`105`