diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 41f0e2c..c79fb51 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -10,7 +10,7 @@
     <!-- TailwindCSS -->
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
-<body class="bg-black text-white">
+<body class="bg-neutral-900 text-white">
     <div class="p-3 h-screen w-screen relative">
         <div class="flex gap-2 h-full w-full text-sm">
             <p class="hidden md:block select-none pointer-events-none">&gt;</p>
diff --git a/src/main/resources/templates/paste.html b/src/main/resources/templates/paste.html
index 6b11c22..08e824b 100644
--- a/src/main/resources/templates/paste.html
+++ b/src/main/resources/templates/paste.html
@@ -18,7 +18,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
 </head>
-<body class="bg-black text-white h-screen relative">
+<body class="bg-neutral-900 text-white h-screen relative">
 <pre><code class="bg-transparent text-sm" th:text="${paste.content}"></code></pre>
 
 <div class="absolute top-0 right-0 p-3">
