Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/assets/styles/darkTheme.js
- This file was copied from web/cashtab/src/assets/styles/theme.js.
| export const theme = { | export const darkTheme = { | ||||
| 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: 'linear-gradient(0deg, #00002f 93%, #3b5086)', | ||||
| text: { | text: { | ||||
| primary: '#273498', | primary: '#ffffff', | ||||
| secondary: '#273498', | secondary: '#ffffff', | ||||
| }, | }, | ||||
| switch: { | switch: { | ||||
| activeCash: { | activeCash: { | ||||
| shadow: 'inset 8px 8px 16px #0074C2, inset -8px -8px 16px #273498', | shadow: 'inset 8px 8px 16px #0074C2, inset -8px -8px 16px #273498', | ||||
| }, | }, | ||||
| activeToken: { | activeToken: { | ||||
| background: '#CD0BC3', | background: '#CD0BC3', | ||||
| shadow: 'inset 5px 5px 11px #FF21D0, inset -5px -5px 11px #CD0BC3', | shadow: 'inset 5px 5px 11px #FF21D0, inset -5px -5px 11px #ff59f6', | ||||
| }, | }, | ||||
| inactive: { | inactive: { | ||||
| background: 'linear-gradient(145deg, #eeeeee, #c8c8c8)', | background: 'linear-gradient(145deg, #bcbcbc, #979797)', | ||||
| }, | }, | ||||
| }, | }, | ||||
| borders: { color: '#e2e2e2' }, | borders: { color: '#b0b0b0' }, | ||||
| shadow: 'rgba(0, 0, 0, 1)', | shadow: 'rgba(0, 0, 0, 1)', | ||||
| }, | }, | ||||
| tokenListItem: { | tokenListItem: { | ||||
| background: '#ffffff', | background: '#002858', | ||||
| color: '', | color: '#fff', | ||||
| boxShadow: | 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', | '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: '#fff', | ||||
| hoverBorder: '#231F20', | hoverBorder: '#697cb5', | ||||
| }, | }, | ||||
| footer: { | footer: { | ||||
| background: '#fff', | background: '#00002f', | ||||
| navIconInactive: '#949494', | navIconInactive: '#fff', | ||||
| }, | }, | ||||
| forms: { | forms: { | ||||
| error: '#FF21D0', | error: '#c7009e', | ||||
| border: '#e7edf3', | border: '#b5bbc0', | ||||
| text: '#001137', | text: '#eee', | ||||
| addonBackground: '#f4f4f4', | addonBackground: '#3e3f42', | ||||
| addonForeground: '#3e3f42', | addonForeground: '#f4f4f4', | ||||
| selectionBackground: '#fff', | selectionBackground: '#00002f', | ||||
| }, | }, | ||||
| icons: { outlined: '#273498' }, | icons: { outlined: '#273498' }, | ||||
| modals: { | 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: 'rgb(136 172 243 / 25%) 0px 10px 30px, rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px', | 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: '#444', | ||||
| color: '#444', | color: '#7d7e7f', | ||||
| 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: '#3e3f42', | ||||
| border: '#eaedf3', | border: '#eaedf3', | ||||
| color: '#3e3f42', | color: '#fbfcfd', | ||||
| }, | }, | ||||
| generalSettings: { | generalSettings: { | ||||
| item: { | item: { | ||||
| icon: '#949494', | icon: '#949494', | ||||
| title: '#949494', | title: '#949494', | ||||
| }, | }, | ||||
| background: '#fff', | background: '#00002f', | ||||
| }, | }, | ||||
| }; | }; | ||||