import type { GlobalThemeOverrides } from 'naive-ui'

/** Keep these values aligned with the semantic tokens in styles/tokens.css. */
export const openCloudThemeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#34745d',
    primaryColorHover: '#2d5f4e',
    primaryColorPressed: '#274c40',
    primaryColorSuppl: '#34745d',
    infoColor: '#0369a1',
    successColor: '#4d7f3b',
    successColorHover: '#3f6633',
    successColorPressed: '#35522c',
    successColorSuppl: '#4d7f3b',
    warningColor: '#d97706',
    errorColor: '#dc2626',
    borderRadius: '0px',
    borderRadiusSmall: '0px',
    fontFamily: '"IBM Plex Sans", "Noto Sans SC", "PingFang SC", sans-serif',
    fontFamilyMono: '"IBM Plex Mono", "SFMono-Regular", monospace',
    bodyColor: '#eef4f8',
    cardColor: '#ffffff',
    modalColor: '#ffffff',
    popoverColor: '#ffffff',
    tableColor: '#ffffff',
    textColorBase: '#0f172a',
    textColor1: '#0f172a',
    textColor2: '#334155',
    textColor3: '#64748b',
    textColorDisabled: 'var(--oc-color-text-disabled)',
    dividerColor: '#d9e3ee',
    borderColor: '#d9e3ee',
    inputColor: '#ffffff',
  },
  Button: {
    borderRadiusTiny: '0px',
    borderRadiusSmall: '0px',
    borderRadiusMedium: '0px',
    borderRadiusLarge: '0px',
    textColorPrimary: '#0f172a',
    textColorHoverPrimary: '#0f172a',
  },
  Card: {
    borderRadius: '0px',
    borderRadiusEmbedded: '0px',
    paddingMedium: '24px',
  },
  Input: { borderRadius: '0px' },
  Select: {
    peers: {
      InternalSelection: { borderRadius: '0px' },
    },
  },
  Tabs: { tabBorderRadius: '0px' },
  Tag: { borderRadius: '0px' },
  Alert: { borderRadius: '0px' },
  Modal: { borderRadius: '0px' },
}