style login page (light mode)

fsinfuhh · Jul 11, 2024 · 364eecc · 364eecc
1 parent c9b5b01
commit 364eecc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/vinywaji/gui/static/css/dist/styles.css b/src/vinywaji/gui/static/css/dist/styles.css
@@ -4861,6 +4861,10 @@ input[type=number] {
   background-color: rgb(255 255 255 / 0.1);
 }
 
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -16845,6 +16849,10 @@ input[type=number] {
     background-color: rgb(4 47 46 / 0.95);
   }
 
+  .dark\:bg-white\/10 {
+    background-color: rgb(255 255 255 / 0.1);
+  }
+
   .dark\:text-gray-400 {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity));

diff --git a/src/vinywaji/gui/templates/components/login-card.html b/src/vinywaji/gui/templates/components/login-card.html
@@ -1,7 +1,7 @@
 {% load macros %}
 {% loadmacros "components/forms.html" %}
 
-<div class="bg-white/10 rounded-2xl px-4 py-2">
+<div class="bg-black/10 dark:bg-white/10 rounded-2xl px-4 py-2">
 
     <h1 class="text-4xl leading-normal">Login required</h1>
     <p>You need to log in, in order to use this service.</p>