diff --git a/themes/gokarna/layouts/404.html b/themes/gokarna/layouts/404.html
index e69de29..e572eff 100644
--- a/themes/gokarna/layouts/404.html
+++ b/themes/gokarna/layouts/404.html
@@ -0,0 +1,19 @@
+{{ define "main"}}
+
+<div class="text-404">
+  <h1 class="error-emoji"></h1>
+  <h2>
+      404 ... This page does not exist, go <a href="{{ "/" | relURL }}">home</a>
+  </h2>
+</div>
+<script>
+  const errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
+  const emojiArray = [
+    '\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
+    '(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
+  ];
+  const errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
+  errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
+</script>
+
+{{ end }}
diff --git a/themes/gokarna/layouts/_default/baseof.html b/themes/gokarna/layouts/_default/baseof.html
index da0afe2..b8fd784 100644
--- a/themes/gokarna/layouts/_default/baseof.html
+++ b/themes/gokarna/layouts/_default/baseof.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     {{- partial "head.html" . -}}
     <body>
         <script type="text/javascript">
diff --git a/themes/gokarna/static/css/dark.css b/themes/gokarna/static/css/dark.css
index 3a2540f..6e0ab65 100644
--- a/themes/gokarna/static/css/dark.css
+++ b/themes/gokarna/static/css/dark.css
@@ -59,7 +59,7 @@ table th {
 }
 
 :not(pre) > code {
-  background-color: #272822 !important;
+  background-color: var(--dark-secondary-color) !important;
   color: var(--dark-text-color);
 }
 
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 8dbbc77..5a33274 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -245,7 +245,7 @@ code {
 }
 
 :not(pre) > code {
-  background-color: #e0e0e0 !important;
+  background-color: var(--light-secondary-color) !important;
   color: var(--light-text-color);
   padding: 1px 4px;
 }
@@ -390,6 +390,11 @@ main#content .post {
   color: rgb(var(--light-primary-color));
 }
 
+.text-404 {
+  margin-top: 125px;
+  text-align: center;
+}
+
 @media only screen and (max-width: 820px) {
   body {
     font-size: 0.95rem;
