chore(trading,governance,explorer): remove theme-lite and tailwind warning (#6011)

libs/tailwindcss-config/src/index.ts

@@ -1,4 +1,3 @@
 export { theme } from './theme';
-export { themeLite } from './theme-lite';
 export { vegaCustomClasses } from './vega-custom-classes';
 export { VegaColours } from './vega-colours';

libs/tailwindcss-config/src/theme-lite.ts

@@ -1,56 +0,0 @@
-import defaultTheme from 'tailwindcss/defaultTheme';
-import colors from 'tailwindcss/colors';
-import { theme } from './theme';
-
-export const themeLite = {
-  ...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',
-    },
-  },
-};

libs/tailwindcss-config/src/vega-custom-classes-lite.ts

@@ -1,112 +0,0 @@
-import plugin from 'tailwindcss/plugin';
-import colors from 'tailwindcss/colors';
-import { themeLite } from './theme-lite';
-
-export const vegaCustomClassesLite = plugin(function ({ addUtilities }) {
-  addUtilities({
-    '.percent-change-up::before': {
-      content: ' ',
-      display: 'block',
-      borderLeft: '4px solid transparent',
-      borderRight: '4px solid transparent',
-      borderBottom: '4px solid',
-      marginBottom: '11px',
-      marginRight: '5px',
-    },
-    '.percent-change-down::before': {
-      content: ' ',
-      display: 'block',
-      borderLeft: '4px solid transparent',
-      borderRight: '4px solid transparent',
-      borderTop: '4px solid',
-      marginTop: '11px',
-      marginRight: '5px',
-    },
-    '.percent-change-unchanged::before': {
-      content: ' ',
-      width: '4px',
-      height: '4px',
-      borderRadius: '50%',
-      backgroundColor: colors.neutral[900],
-      marginTop: '10px',
-      marginRight: '5px',
-    },
-    '.buyButton': {
-      textTransform: 'uppercase',
-      textDecoration: 'none',
-      backgroundColor: 'rgba(0, 143, 74, 0.1)',
-      border: `1px solid ${themeLite.colors.darkerGreen}`,
-      color: themeLite.colors.darkerGreen,
-      '&:hover': {
-        backgroundColor: themeLite.colors.darkerGreen,
-        color: colors.white,
-      },
-      '&.selected': {
-        backgroundColor: themeLite.colors.darkerGreen,
-        color: colors.white,
-      },
-    },
-    '.buyButtonDark': {
-      color: themeLite.colors.darkerGreen,
-      '&:hover': {
-        color: colors.black,
-      },
-      '&.selected': {
-        color: colors.black,
-      },
-    },
-    '.sellButton': {
-      textTransform: 'uppercase',
-      textDecoration: 'none',
-      backgroundColor: 'rgba(255, 8, 126, 0.1)',
-      border: `1px solid ${themeLite.colors.pink}`,
-      color: themeLite.colors.pink,
-      '&:hover': {
-        color: colors.white,
-        backgroundColor: themeLite.colors.pink,
-      },
-      '&.selected': {
-        backgroundColor: themeLite.colors.pink,
-        color: colors.white,
-      },
-    },
-    '.sellButtonDark': {
-      color: themeLite.colors.pink,
-      '&:hover': {
-        color: colors.black,
-      },
-      '&.selected': {
-        color: colors.black,
-      },
-    },
-    // '.tooltip-content': {
-    //   '& > div': {
-    //     fontSize: '12px',
-    //     borderWeight: '1px',
-    //     borderRadius: '7px',
-    //     borderColor: theme.colors.black.DEFAULT,
-    //     backgroundColor: theme.colors.black.DEFAULT,
-    //     color: theme.colors.white.DEFAULT,
-    //   },
-    //   '& svg[width="10"]': {
-    //     fill: theme.colors.black.DEFAULT,
-    //   },
-    //   '& svg[width="8"]': {
-    //     fill: theme.colors.black.DEFAULT,
-    //   },
-    // },
-    // '.tooltip-content-dark': {
-    //   '& > div': {
-    //     borderColor: theme.colors.black.DEFAULT,
-    //     backgroundColor: '#dcdcc8',
-    //     color: '#333333',
-    //   },
-    //   '& svg[width="10"]': {
-    //     fill: theme.colors.white.DEFAULT,
-    //   },
-    //   '& svg[width="8"]': {
-    //     fill: '#dcdcc8',
-    //   },
-    // },
-  });
-});