styles adjustment light mode

		- wallet connection icon
		- input borders

Author: ronaldsg20

src/common/components/layouts/Top.vue

@@ -12,7 +12,7 @@
           @click="copyFullAccountAddress"
         />
         <span>{{ truncatedAccount }}</span>
-        <v-btn variant="flat" size="x-small" color="purple" rounded="full" :icon="mdiLinkOff"
+        <v-btn variant="flat" size="x-small" color="theme-primary" rounded="full" :icon="mdiLinkOff"
           @click="disconnectWallet" />
       </div>
       <label for="theme" class="theme-switch">

src/common/plugins/vuetify.ts

@@ -54,6 +54,7 @@ export const vuetify = createVuetify({
           ...ROOTSTOCK_COLORS,
           background: '#000',
           surface: '#252525',
+          'theme-primary': '#9E76FF',
         },
         variables: {
           'theme-on-purple': '#000',
@@ -65,6 +66,8 @@ export const vuetify = createVuetify({
         colors: {
           ...ROOTSTOCK_COLORS,
           background: '#FAF9F5',
+          surface: '#FAF9F5',
+          'theme-primary': '#FF9100',
         },
         variables: {
           'theme-on-purple': '#000',

src/common/styles/inputs.scss

@@ -26,4 +26,12 @@ input[type=number].v-field__input, .v-select__selection {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
+}
+
+.v-field--focused {
+  border: 1px solid rgba(var(--v-border-color));
+}
+
+.v-select--active-menu {
+  border: 1px solid rgba(var(--v-border-color));
 }