All files / components/Box boxTheme.js

100% Statements 2/2
100% Branches 0/0
100% Functions 0/0
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 381x                                   1x                                      
export const boxDarkTheme = {
  bgColors: {
    neutral: '#161616',
    primary: '#42A5F5',
    success: '#66BB6A',
    warning: '#FFEE58',
    danger: '#FF8A65',
  },
  elevations: {
    1: {
      backgroundColor: 'rgba(255, 255, 255, .05)',
    },
    2: {
      backgroundColor: 'rgba(255, 255, 255, .1)',
    },
  },
};
 
export const boxBaseTheme = {
  bgColors: {
    neutral: '#fff',
    primary: '#1E88E5',
    success: '#43A047',
    warning: '#FDD835',
    danger: '#F4511E',
  },
  elevations: {
    1: {
      boxShadow:
        '0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)',
    },
    2: {
      boxShadow:
        '0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12)',
    },
  },
};