Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/assets/styles/theme.js
| export const theme = { | export const theme = { | ||||
| primary: '#00ABE7', | eCashBlue: '#00ABE7', | ||||
| brandSecondary: '#CD0BC3', | eCashPurple: '#ff21d0', | ||||
| darkBlue: '#273498', | |||||
| contrast: '#fff', | contrast: '#fff', | ||||
| app: { | backgroundImage: `url("/cashtab_bg.png")`, | ||||
| sidebars: `url("/cashtab_bg.png")`, | backgroundColor: '#d5d5d7', | ||||
| background: '#fbfbfd', | walletBackground: '#152b45', | ||||
| }, | walletInfoContainer: '#255173', | ||||
| wallet: { | footerBackground: '#152b45', | ||||
| background: '#fff', | navActive: '#00ABE7', | ||||
| encryption: '#DC143C', | encryptionRed: '#DC143C', | ||||
| text: { | genesisGreen: '#00e781', | ||||
| primary: '#273498', | receivedMessage: 'rgba(0,171,231,0.2)', | ||||
| secondary: '#273498', | sentMessage: 'rgba(255, 255, 255, 0.1)', | ||||
| }, | lightWhite: 'rgba(255,255,255,0.4)', | ||||
| switch: { | dropdownText: '#000', | ||||
| activeCash: { | shadow: 'rgba(0, 0, 0, 0.4)', | ||||
| shadow: 'inset 8px 8px 16px #0074C2, inset -8px -8px 16px #273498', | switchButtonActiveText: '#fff', | ||||
| }, | advancedCollapse: { | ||||
| activeToken: { | background: '#255173', | ||||
| background: '#CD0BC3', | color: '#fff', | ||||
| shadow: 'inset 5px 5px 11px #FF21D0, inset -5px -5px 11px #CD0BC3', | icon: '#fff', | ||||
| }, | expandedBackground: 'rgba(0,0,0,0.2)', | ||||
| inactive: { | |||||
| background: 'linear-gradient(145deg, #eeeeee, #c8c8c8)', | |||||
| }, | |||||
| }, | |||||
| borders: { color: '#e2e2e2' }, | |||||
| shadow: 'rgba(0, 0, 0, 1)', | |||||
| }, | |||||
| tokenListItem: { | |||||
| background: '#ffffff', | |||||
| color: '', | |||||
| boxShadow: | |||||
| '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', | |||||
| hoverBorder: '#231F20', | |||||
| }, | |||||
| footer: { | |||||
| background: '#fff', | |||||
| navIconInactive: '#949494', | |||||
| }, | }, | ||||
| forms: { | forms: { | ||||
| error: '#FF21D0', | error: '#FF21D0', | ||||
| border: '#e7edf3', | border: '#17171f', | ||||
| text: '#001137', | text: '#fff', | ||||
| addonBackground: '#f4f4f4', | addonBackground: '#255173', | ||||
| addonForeground: '#3e3f42', | addonForeground: '#fff', | ||||
| selectionBackground: '#fff', | selectionBackground: '#255173', | ||||
| darkLabel: '#0074c2', | placeholder: 'rgba(255,255,255,0.3)', | ||||
| lightLabel: '#c0c0c0', | highlightBox: '#00ABE7', | ||||
| }, | |||||
| icons: { outlined: '#273498' }, | |||||
| modals: { | |||||
| buttons: { background: '#fff' }, | |||||
| }, | }, | ||||
| icons: { outlined: '#fff' }, | |||||
| settings: { | settings: { | ||||
| delete: '#CD0BC3', | delete: '#CD0BC3', | ||||
| background: '#eee', | background: 'rgba(0,0,0,0.4)', | ||||
| }, | }, | ||||
| qr: { | qr: { | ||||
| copyBorderCash: '#00ABE7', | |||||
| copyBorderToken: '#FF21D0', | |||||
| background: '#fff', | background: '#fff', | ||||
| token: '#231F20', | |||||
| 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', | |||||
| }, | }, | ||||
| 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)', | ||||
| disabledOverlay: 'rgba(255, 255, 255, 0.5)', | disabledOverlay: 'rgba(255, 255, 255, 0.5)', | ||||
| }, | }, | ||||
| secondary: { | secondary: { | ||||
| background: '#e9eaed', | background: '#4b67e1', | ||||
| color: '#444', | color: '#fff', | ||||
| hoverShadow: '0px 3px 10px -5px rgba(0, 0, 0, 0.75)', | hoverShadow: '0px 3px 10px -5px rgba(0, 0, 0, 0.75)', | ||||
| disabledOverlay: 'rgba(255, 255, 255, 0.5)', | disabledOverlay: 'rgba(255, 255, 255, 0.5)', | ||||
| }, | }, | ||||
| }, | }, | ||||
| collapses: { | collapses: { | ||||
| background: '#fbfcfd', | background: '#255173', | ||||
| expandedBackground: '#fff', | expandedBackground: '#26415a', | ||||
| border: '#eaedf3', | border: '#17171f', | ||||
| color: '#3e3f42', | color: '#fff', | ||||
| }, | |||||
| generalSettings: { | |||||
| item: { | |||||
| icon: '#949494', | |||||
| title: '#949494', | |||||
| }, | }, | ||||
| background: '#fff', | modal: { | ||||
| background: '#255173', | |||||
| border: '#17171f', | |||||
| color: '#fff', | |||||
| buttonBackground: '#26415a', | |||||
| }, | }, | ||||
| }; | }; | ||||