65 lines
1.9 KiB
JavaScript
65 lines
1.9 KiB
JavaScript
// Usefull tool: https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=5d8a09&secondary.color=642222
|
|
export const COLORS = {
|
|
//Primary colors:
|
|
primary: '#98f8b6', //primary (light: #3e897c) #005c51 52c7b8 b6fcec #98f8b6
|
|
primaryVar: '#aaf898', //variant
|
|
primaryVar2: '#F8EF98', //variant
|
|
|
|
actionSend: '#aaf898',
|
|
actionCancel: '#ef5350',
|
|
|
|
//secondary colors:
|
|
secondary: '#f2aeac', //secondary
|
|
secondaryVar: '#ffffff', //secondary variant
|
|
|
|
price: '#C6A337',
|
|
|
|
|
|
//layout colors #DAE9FF
|
|
dp00: '#0C0F12', //0%
|
|
dp01: '#121518', //5%
|
|
dp02: '#1a1e23', //7%
|
|
dp03: '#1f2225', //8%
|
|
dp04: '#1c2025', //9%
|
|
dp06: '#23272c', //11%
|
|
dp08: '#25292e', //12%
|
|
dp12: '#292e33', //14%
|
|
dp16: '#2b3036', //15%
|
|
dp24: '#2d3238', //16%
|
|
|
|
//text
|
|
textW0: '#ffffff', //text on background
|
|
textW1: '#ffffff88', //text on background
|
|
textW2: '#ffffffDE', //text on background
|
|
textW3: '#ffffff33', //text on background
|
|
textB0: '#000000EE', //text on surface
|
|
textB1: '#00000088', //text on surface
|
|
textB2: '#000000DE', //text on surface
|
|
|
|
error: '#ffffff', //error
|
|
}
|
|
|
|
// | 00dp | 0% | #0C0F12 |
|
|
// | 01dp | 5% | #181b1e |
|
|
// | 02dp | 7% | #1d2023 |
|
|
// | 03dp | 8% | #1f2225 |
|
|
// | 04dp | 9% | #222527 |
|
|
// | 06dp | 11% | #27292c |
|
|
// | 08dp | 12% | #2e2e2e |
|
|
// | 12dp | 14% | #333333 |
|
|
// | 16dp | 15% | #343434 |
|
|
// | 24dp | 16% | #383838 |
|
|
|
|
|
|
// | elevation | overlay | hex |
|
|
// | --------- | ------- | ------- |
|
|
// | 00dp | 0% | #121212 |
|
|
// | 01dp | 5% | #1e1e1e |
|
|
// | 02dp | 7% | #222222 |
|
|
// | 03dp | 8% | #242424 |
|
|
// | 04dp | 9% | #272727 |
|
|
// | 06dp | 11% | #2c2c2c |
|
|
// | 08dp | 12% | #2e2e2e |
|
|
// | 12dp | 14% | #333333 |
|
|
// | 16dp | 15% | #343434 |
|
|
// | 24dp | 16% | #383838 |
|