Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/assets/styles/theme.js
| export const theme = { | export const theme = { | ||||
| primary: '#00ABE7', | primary: '#00ABE7', | ||||
| brandSecondary: '#CD0BC3', | brandSecondary: '#CD0BC3', | ||||
| contrast: '#fff', | contrast: '#fff', | ||||
| app: { | app: { | ||||
| sidebars: `url("/cashtab_bg.png")`, | sidebars: `url("/cashtab_bg.png")`, | ||||
| background: '#fbfbfd', | background: '#fbfbfd', | ||||
| }, | }, | ||||
| wallet: { | wallet: { | ||||
| background: '#fff', | background: '#fff', | ||||
| text: { | text: { | ||||
| primary: '#273498', | primary: '#273498', | ||||
| secondary: '#273498', | secondary: '#273498', | ||||
| }, | }, | ||||
| switch: { | switch: { | ||||
| activeCash: { | activeCash: { | ||||
| shadow: | shadow: 'inset 8px 8px 16px #0074C2, inset -8px -8px 16px #273498', | ||||
| 'inset 8px 8px 16px #0074C2, inset -8px -8px 16px #273498', | |||||
| }, | }, | ||||
| activeToken: { | activeToken: { | ||||
| background: '#CD0BC3', | background: '#CD0BC3', | ||||
| shadow: | shadow: 'inset 5px 5px 11px #FF21D0, inset -5px -5px 11px #CD0BC3', | ||||
| 'inset 5px 5px 11px #FF21D0, inset -5px -5px 11px #CD0BC3', | |||||
| }, | }, | ||||
| inactive: { | inactive: { | ||||
| background: 'linear-gradient(145deg, #eeeeee, #c8c8c8)', | background: 'linear-gradient(145deg, #eeeeee, #c8c8c8)', | ||||
| }, | }, | ||||
| }, | }, | ||||
| borders: { color: '#e2e2e2' }, | borders: { color: '#e2e2e2' }, | ||||
| shadow: 'rgba(0, 0, 0, 1)', | shadow: 'rgba(0, 0, 0, 1)', | ||||
| }, | }, | ||||
| tokenListItem: { | tokenListItem: { | ||||
| background: '#ffffff', | background: '#ffffff', | ||||
| color: '', | color: '', | ||||
| boxShadow: | boxShadow: | ||||
| 'rgba(0, 0, 0, 0.01) 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 4px 8px,rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.01) 0px 24px 32px', | 'rgb(136 172 243 / 25%) 0px 10px 30px,rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px', | ||||
| border: '#e9eaed', | border: '#e9eaed', | ||||
| hoverBorder: '#231F20', | hoverBorder: '#231F20', | ||||
| }, | }, | ||||
| footer: { | footer: { | ||||
| background: '#fff', | background: '#fff', | ||||
| navIconInactive: '#949494', | navIconInactive: '#949494', | ||||
| }, | }, | ||||
| forms: { | forms: { | ||||
| Show All 9 Lines | modals: { | ||||
| buttons: { background: '#fff' }, | buttons: { background: '#fff' }, | ||||
| }, | }, | ||||
| settings: { delete: '#CD0BC3' }, | settings: { delete: '#CD0BC3' }, | ||||
| qr: { | qr: { | ||||
| copyBorderCash: '#00ABE7', | copyBorderCash: '#00ABE7', | ||||
| copyBorderToken: '#FF21D0', | copyBorderToken: '#FF21D0', | ||||
| background: '#fff', | background: '#fff', | ||||
| token: '#231F20', | token: '#231F20', | ||||
| shadow: | shadow: 'rgb(136 172 243 / 25%) 0px 10px 30px, rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px', | ||||
| 'rgba(0, 0, 0, 0.01) 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 4px 8px, rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.01) 0px 24px 32px', | |||||
| }, | }, | ||||
| buttons: { | buttons: { | ||||
| primary: { | primary: { | ||||
| backgroundImage: | backgroundImage: | ||||
| 'linear-gradient(270deg, #0074C2 0%, #273498 100%)', | 'linear-gradient(270deg, #0074C2 0%, #273498 100%)', | ||||
| color: '#fff', | color: '#fff', | ||||
| hoverShadow: '0px 3px 10px -5px rgba(0, 0, 0, 0.75)', | hoverShadow: '0px 3px 10px -5px rgba(0, 0, 0, 0.75)', | ||||
| }, | }, | ||||
| Show All 12 Lines | |||||