feat: page transitions trigger color animated changes
This commit is contained in:
parent
5a05e52ed9
commit
094866afbb
2 changed files with 13 additions and 3 deletions
|
|
@ -8,6 +8,7 @@ export const state = () => ({
|
|||
label: 'fas fa-clock',
|
||||
title: 'Timekeeping Instruments',
|
||||
darkColor: 'amber-900',
|
||||
color: 'amber-400',
|
||||
lightColor: 'amber-200',
|
||||
locked: false,
|
||||
},
|
||||
|
|
@ -16,6 +17,7 @@ export const state = () => ({
|
|||
label: 'fas fa-user-friends',
|
||||
title: 'Apprentices',
|
||||
darkColor: 'rose-900',
|
||||
color: 'rose-400',
|
||||
lightColor: 'rose-200',
|
||||
locked: false,
|
||||
},
|
||||
|
|
@ -24,6 +26,7 @@ export const state = () => ({
|
|||
label: 'fas fa-th-list',
|
||||
title: 'Missions',
|
||||
darkColor: 'sky-900',
|
||||
color: 'sky-400',
|
||||
lightColor: 'sky-200',
|
||||
locked: false,
|
||||
},
|
||||
|
|
@ -32,6 +35,7 @@ export const state = () => ({
|
|||
label: 'fas fa-fast-forward',
|
||||
title: 'Time Machine',
|
||||
darkColor: 'lime-900',
|
||||
color: 'lime-400',
|
||||
lightColor: 'lime-200',
|
||||
locked: false,
|
||||
},
|
||||
|
|
@ -40,6 +44,7 @@ export const state = () => ({
|
|||
label: 'fas fa-eye',
|
||||
title: 'Time Magic',
|
||||
darkColor: 'violet-900',
|
||||
color: 'violet-400',
|
||||
lightColor: 'violet-200',
|
||||
locked: false,
|
||||
},
|
||||
|
|
@ -48,6 +53,7 @@ export const state = () => ({
|
|||
label: 'fas fa-book-open',
|
||||
title: 'Wisdom',
|
||||
darkColor: 'teal-900',
|
||||
color: 'teal-400',
|
||||
lightColor: 'teal-100',
|
||||
locked: false,
|
||||
},
|
||||
|
|
|
|||
Reference in a new issue