import { GlobalThemeOverrides } from 'naive-ui'

export const themeOverrides: GlobalThemeOverrides = {
  common: {
    baseColor: '#ffffff',
    primaryColor: '#0960bd',
    primaryColorHover: '#1478e3',
    primaryColorPressed: '#064282',
    primaryColorSuppl: '#0960bd'
    // successColor: '#0960bd',
    // successColorHover: '#1478e3',
    // successColorPressed: '#0960bd',
    // successColorSuppl: '#0960bd'
  },
  Drawer: {
    color: 'rgb(24, 24, 28)'
  },
  Select: {
    optionTextColorActive: '#ffffff'
  },
  InternalSelection: {
    optionTextColorActive: '#ffffff'
  },
  Menu: {
    itemTextColor: '#ffffff',
    itemColorHover: 'rgba(255,255,255,0.1)',
    // pressedColor: '#ffffff',
    // // itemColorHoverInverted: 'rgb(24, 24, 28)',
    // itemTextColorHover: '#ffffff',
    itemTextColorActive: '#0960bd',
    itemColorActiveCollapsed: '#0960bd'
    // itemIconColor: '#ffffff',
    // itemIconColorHover: '#ffffff',
    // itemIconColorActive: '#ffffff',
    // itemIconColorChildActive: '#ffffff',
    // itemTextColorActiveHover: 'rgba(255,255,255,0.2)'
    // itemTextColorActiveHover: '#ffffff',
    // itemTextColorChildActive: '#ffffff'
  },

  Button: {
    // textColor: '#ffffff'
  }
  // Button: {
  //     textColor: '#FF0000'
  // }
}

export default themeOverrides
