style: more colors.

src/components/TransactionCreate.vue

@@ -148,7 +148,7 @@
         </div>
       </div>
     </div>
-    <fab-button @valid="submitTransaction" :margin="true">
+    <fab-button @valid="submitTransaction" :margin="true" :button-style="backgroundColor">
       <awe-icon icon="check" />
     </fab-button>
   </div>
@@ -170,7 +170,7 @@ import transactionService from '@/services/TransactionService'
 import formatDate from '@/utils/format-date'
 import notif from '@/utils/notif'
 import { money } from '@/utils/filters'
-import { confirmation, alertMessage } from '@/utils'
+import { confirmation, alertMessage, findDarkValue } from '@/utils'
 
 const today: Date = new Date()
 
@@ -296,6 +296,16 @@ export default class TransactionCreate extends Vue {
     return this.payFor.filter((p, index) => p.weight > 0)
   }
 
+  public get backgroundColor(): any | null {
+    if (!this.account || !this.account.color) {
+      return null
+    }
+    return {
+      backgroundColor: this.account.color,
+      color: findDarkValue(this.account.color) || 'black'
+    }
+  }
+
   @Watch('payBy')
   public onPayByChange(payBy: string, oldPayBy: string) {
     if (