Login form theming.

diff --git a/flatnotes/src/components/Login.vue b/flatnotes/src/components/Login.vue
index c34b8877418fc1b297f9a4ea9c5c4057c6058bf2..7953041521d9aee19a193a7d9518f73f7d1d27f9 100644 (file)
--- 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";