vega-frontend-monorepo/libs/tailwindcss-config/src/theme-lite.js
macqbat d7fee66d89
feat: [console-lite] - calculate slippage (price impact) (#1173)
* feat: [console-lite] - calculate slippage (price impact)

* feat: [console-lite] - move slippage from estimates to deal-ticket-size

* feat: [console-lite] - slippage - add a bunch of unit tests

* feat: [console-lite] - slippage -

* feat: [console-lite] - slippage - fix some faillings, add enum instead text entry

* feat: [console-lite] - slippage - adjust tooltip info text

* feat: [console-lite] - slippage - fix failling cache

* feat: [console-lite] - slippage - resolve conflicts after rebase

* feat: [console-lite] - slippage - fixes after review

* feat: [console-lite] - slippage - fixes after review

* feat: [console-lite] - slippage - add memo back to the hook

* feat: [console-lite] - slippage - add back order book model outside hook

* feat: [console-lite] - slippage - adjust some int test

* feat: [console-lite] - slippage - adjust some int test

Co-authored-by: maciek <maciek@vegaprotocol.io>
2022-08-31 15:23:01 +02:00

57 lines
1.3 KiB
JavaScript

const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('tailwindcss/colors');
const theme = require('./theme');
module.exports = {
...theme,
colors: {
...theme.colors,
...colors,
deemphasise: '#8A9BA8',
amber: '#FFBF00',
offBlack: '#252525',
midGrey: '#828282',
borderGrey: '#4f4f4f',
lightGrey: '#F2F2F2',
lightGreen: '#00f780',
darkerGreen: '#008f4A',
yellow: '#DFFF0B',
mint: '#00F780',
pink: '#FF077F',
blue: '#2E6DE5',
'white-normal': '#F5F8FA',
vega: {
...theme.colors.vega,
'highlight-item': '#000',
'highlight-item-dark': '#fff',
},
'dropdown-bg-dark': colors.neutral[100],
lite: {
black: '#080808',
},
},
fontSize: {
...defaultTheme.fontSize,
capMenu: ['15px', { lineHeight: '24px', letterSpacing: '-0.01em' }],
market: ['15px', { lineHeight: '24px' }],
'ui-small': ['12px', { lineHeight: '14px' }],
'ui-tiny': ['10px', { lineHeight: '18px' }],
},
boxShadow: {
'inset-black': '',
'inset-white': '',
input: 'none',
'input-focus': 'none',
'input-dark': 'none',
'input-focus-dark': 'none',
'input-focus-error': 'none',
'input-focus-error-dark': 'none',
},
extend: {
transitionProperty: {
height: 'height',
'max-height': 'max-height',
},
},
};