themes.jsx

export const dark = {
  main_page: {
    bgColor: '#202020',
    bgImage: 'none',
  },
  quicklinks_box: {
    nameFontColor: '#fff',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#fff',
      iconColor: '#fff',
      hoverBGColor: '#fff',
      hoverFontColor: '#202020',
      hoverIconColor: '#202020',
      border: '0.25rem solid #fff',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#fff',
  },
}

export const light = {
  main_page: {
    bgColor: '#fff',
    bgImage: 'none',
  },
  quicklinks_box: {
    nameFontColor: '#000',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#000',
      iconColor: '#000',
      hoverBGColor: '#dcdcdc',
      hoverFontColor: '#000',
      hoverIconColor: '#000',
      border: '0.25rem solid #dcdcdc',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#000',
  },
}

export const darkbluegray = {
  main_page: {
    bgColor: '#1f2933',
    bgImage: 'none',
  },
  quicklinks_box: {
    nameFontColor: '#fff',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#fff',
      iconColor: '#fff',
      hoverBGColor: '#fff',
      hoverFontColor: '#202020',
      hoverIconColor: '#202020',
      border: '0.25rem solid #fff',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#fff',
  },
}

export const bluepurplegradient = {
  main_page: {
    bgColor: '#0cbaba',
    bgImage: 'linear-gradient(315deg, #0cbaba 0%, #380036 74%)',
  },
  quicklinks_box: {
    nameFontColor: '#fff',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#fff',
      iconColor: '#fff',
      hoverBGColor: '#fff',
      hoverFontColor: '#341343',
      hoverIconColor: '#341343',
      border: '0.25rem solid #fff',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#fff',
  },
}

export const periwinklegray = {
  main_page: {
    bgColor: '#c3cde6',
    bgImage: 'none',
  },
  quicklinks_box: {
    nameFontColor: '#000',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#000',
      iconColor: '#000',
      hoverBGColor: '#a5b4d980',
      hoverFontColor: '#000',
      hoverIconColor: '#000',
      border: '0.25rem solid #a5b4d980',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#000',
  },
}

export const deepperiwinkle = {
  main_page: {
    bgColor: '#7c83bc',
    bgImage: 'none',
  },
  quicklinks_box: {
    nameFontColor: '#fff',
    linkitem: {
      bgColor: 'transparent',
      fontColor: '#fff',
      iconColor: '#fff',
      hoverBGColor: '#fff',
      hoverFontColor: '#7c83bc',
      hoverIconColor: '#7c83bc',
      border: '0.25rem solid #fff',
      borderRadius: '0.8rem',
    },
    copyrightFontColor: '#fff',
  },
}