updated: dark theme

1 files changed, 25 insertions, 3 deletions

diff --git a/src/app.css b/src/app.css
index e8627298..629b12e3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -77,6 +77,12 @@
   }
 }
 
+@layer components {
+  .input-swapee {
+    @apply bg-primary text-gray-700 dark:text-gray-100 dark:bg-stone-700 border-0 focus:outline-none focus:ring-2 hover:ring-2 ring-swapee-purple ring-offset-swapee-purple ease-in-out transition-all duration-500;
+  }
+}
+
 @font-face {
   font-family: "PublicSans";
   src: url("/fonts/Public_Sans/static/PublicSans-Regular.ttf")
@@ -117,15 +123,31 @@ html {
     }
 }
 
-
 ::-webkit-scrollbar-thumb {
-  background-color: #555;
+  background-color: #222;
+}
+
+.dark > body {
+  background-color: #000
 }
 
-::-webkit-scrollbar-track {
+.dark > body::-webkit-scrollbar-thumb {
+  background-color: #fff;
+}
+
+/* to paint the profile page, because the way the page is built, the only way is to paint the body tag :/ */
+.dark > body::-webkit-scrollbar-track {
   background-color: #000;
 }
 
+input:-webkit-autofill,
+input:-webkit-autofill:focus {
+    transition: background-color 600000s 0s, color 600000s 0s;
+}
+input[data-autocompleted] {
+    background-color: transparent !important;
+}
+
 /* SCROLL BAR */
 
 input,