From: Adam Dullage <redacted>
Date: Mon, 24 Apr 2023 18:42:57 +0000 (+0100)
Subject: Login form theming.
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=89f67c70bf5d817cd9af81ec01dc31cb9422caab;p=flatnotes.git

Login form theming.
---

diff --git a/flatnotes/src/components/Login.vue b/flatnotes/src/components/Login.vue
index c34b887..7953041 100644
--- a/flatnotes/src/components/Login.vue
+++ b/flatnotes/src/components/Login.vue
@@ -8,7 +8,7 @@
     >
       <form
         v-show="authType != null"
-        class="d-flex flex-column align-items-center"
+        class="login-form d-flex flex-column align-items-center"
         v-on:submit.prevent="login"
       >
         <div class="mb-1">
@@ -75,6 +75,16 @@
   </div>
 </template>
 
+<style lang="scss" scoped>
+.login-form {
+  input {
+    color: var(--colour-text);
+    background-color: var(--colour-background-elevated);
+    border-color: var(--colour-border);
+  }
+}
+</style>
+
 <script>
 import * as constants from "../constants";
 import * as helpers from "../helpers";