diff --git a/src/components/AccountCard.vue b/src/components/AccountCard.vue
index bb147fd..16aedc0 100644
--- a/src/components/AccountCard.vue
+++ b/src/components/AccountCard.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator'
-import { findContrastColor, findDarkValue, findSlightLightValue } from '@/utils'
+import { findContrastColor, findDarkValue, findLightValue } from '@/utils'
 import bus, { SYNC } from '@/utils/bus-event'
 import accountService from '@/services/AccountService'
 import IAccount from '@/models/IAccount'
@@ -60,7 +60,7 @@ export default class AccountCard extends Vue {
 
     return {
       background: GRADIENT
-        ? `linear-gradient(45deg, ${color}, ${findSlightLightValue(color)})`
+        ? `linear-gradient(135deg, ${color}, ${findLightValue(color)})`
         : color,
       color: this.findContrastColor(color)
     }