From 028ca377635df6246ded2e1c979d9a31be30a007 Mon Sep 17 00:00:00 2001
From: baalajimaestro <me@baalajimaestro.me>
Date: Sun, 20 Nov 2022 08:41:42 +0530
Subject: [PATCH] Proper coloring

Dark theme

Signed-off-by: baalajimaestro <me@baalajimaestro.me>
---
 templates/paste.html | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)
diff --git a/templates/paste.html b/templates/paste.html
index 799fab4..292ae39 100644
--- a/templates/paste.html
+++ b/templates/paste.html
@@ -6,8 +6,8 @@
   <script src="https://cdn.tailwindcss.com"></script>
   <link href='https://fonts.googleapis.com/css?family=Inter' rel='stylesheet'>
   <link rel="stylesheet"
-      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
+      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/atom-one-dark.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
 
   <style>
     body {
@@ -20,35 +20,29 @@ document.addEventListener('DOMContentLoaded', (event) => {
     hljs.highlightElement(elem);
   });
 </script>
-  <body>
+  <body class="bg-zinc-800">
     <div class="flex flex-col items-center space-y-12">
-        <h2 class="text-3xl font-bold">
+        <h2 class="text-3xl font-bold text-gray-300">
         Obsolute Paste - baalajimaestro
         </h2>
         {% block content %}
                 <p
                 class="
-                  resize-none
-                  form-control
-                  block
                   w-10/12
-                  text-base
-                  font-normal
-                  text-gray-700
-                  border border-solid border-gray-300
+                  text-gray-100
+                  border border-solid border-emerald-200
                   rounded
-                  transition
-                  ease-in-out
-                  m-0
+                  bg-zinc-800
+                  p-2
                 "
                 id="pastecontent"
               >{{paste_content}}</p>
         {% endblock content %}
     </div>
-    <div class="fixed bottom-0 left-0 w-screen h-12 md:flex md:items-center md:justify-between md:p-6">
-        <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">©2022 Maestro Creativescape.
+    <div class="fixed bottom-4 left-0 w-screen h-12 md:flex md:items-center md:justify-between md:p-6">
+        <span class="text-sm text-gray-400 sm:text-center">©2022 Maestro Creativescape.
         </span>
-        <ul class="flex flex-wrap items-center mt-3 text-sm text-gray-500 dark:text-gray-400 sm:mt-0">
+        <ul class="flex flex-wrap items-center mt-3 text-sm text-gray-400 sm:mt-0">
             <li>
                 <a href="https://baalajimaestro.me" class="mr-4 hover:underline md:mr-6 ">Home</a>
             </li>
