bbdc64582a
* feat(#2465): change red to vega pink * feat(#2465): change red to vega pink part 2 * fix: update vega.red to vega.pink * feat: color the charts * feat: color the charts * feat: color the charts * fix: use dark pink and green * fix: use dark pink and green * feat(#2467): color long/short toggle and place order button * fix: colors wick showing within candle * fix: remove opacity from chart * fix: use vega dark pink and green for vol cell * fix: toggle and button colors * feat(#2465): toggle peer checked text white * fix: add liquidity supplied gap-2 in tooltip data grid * fix: add indicator temporarily * chore: update colors * chore: update from x-dark to vega-x * fix: rename symbols * chore: update sell candles to only use stroke as they are solidly filled * fix: remove use state * fix: remove network account types Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
93 lines
2.2 KiB
JavaScript
93 lines
2.2 KiB
JavaScript
module.exports = {
|
|
screens: {
|
|
xs: '500px',
|
|
sm: '640px',
|
|
md: '768px',
|
|
lg: '960px',
|
|
xl: '1280px',
|
|
xxl: '1536px',
|
|
},
|
|
colors: {
|
|
transparent: 'transparent',
|
|
current: 'currentColor',
|
|
vega: {
|
|
yellow: '#DFFF0B',
|
|
'yellow-dark': '#B6DC26',
|
|
pink: '#FF077F',
|
|
'pink-data-light': '#FF6AB2',
|
|
'pink-dark': '#CF0064',
|
|
'pink-data-dark': '#7A033D',
|
|
green: '#00F780',
|
|
'green-data-light': '#85FBC2',
|
|
'green-dark': '#00D46E',
|
|
'green-data-dark': '#006333',
|
|
orange: '#FF7A1A',
|
|
blue: '#1DA2FB',
|
|
},
|
|
danger: '#FF077F',
|
|
warning: '#FF7A1A',
|
|
success: '#00F780',
|
|
},
|
|
fontFamily: {
|
|
mono: ['Roboto Mono', 'monospace'],
|
|
sans: [
|
|
'"Helvetica Neue"',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'Roboto',
|
|
'Arial',
|
|
'"Noto Sans"',
|
|
'sans-serif',
|
|
'"Apple Color Emoji"',
|
|
'"Segoe UI Emoji"',
|
|
'"Segoe UI Symbol"',
|
|
'"Noto Color Emoji"',
|
|
],
|
|
alpha: [
|
|
'AlphaLyrae',
|
|
'"Helvetica Neue"',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'Roboto',
|
|
'Arial',
|
|
'"Noto Sans"',
|
|
'sans-serif',
|
|
'"Apple Color Emoji"',
|
|
'"Segoe UI Emoji"',
|
|
'"Segoe UI Symbol"',
|
|
'"Noto Color Emoji"',
|
|
],
|
|
},
|
|
keyframes: {
|
|
rotate: {
|
|
'0%': {
|
|
transform: 'rotate(0deg)',
|
|
transformBox: 'fill-box',
|
|
transformOrigin: 'center',
|
|
},
|
|
'100%': {
|
|
transform: 'rotate(360deg)',
|
|
transformBox: 'fill-box',
|
|
transformOrigin: 'center',
|
|
},
|
|
},
|
|
wave: {
|
|
'0%': { transform: 'rotate( 0.0deg)' },
|
|
'10%': { transform: 'rotate(14.0deg)' },
|
|
'20%': { transform: 'rotate(-8.0deg)' },
|
|
'30%': { transform: 'rotate(14.0deg)' },
|
|
'40%': { transform: 'rotate(-4.0deg)' },
|
|
'50%': { transform: 'rotate(10.0deg)' },
|
|
'60%': { transform: 'rotate( 0.0deg)' },
|
|
'100%': { transform: 'rotate( 0.0deg)' },
|
|
},
|
|
},
|
|
animation: {
|
|
rotate: 'rotate 2s linear alternate infinite',
|
|
'rotate-back': 'rotate 2s linear reverse infinite',
|
|
wave: 'wave 2s linear infinite',
|
|
},
|
|
};
|