change border color on theme component override to a theme color?

[pallid jewel]

oh never mind , apparently none of the colours work anywhere 😭

export const  mantineTheme: MantineThemeOverride = createTheme({
  fontSizes: {
    xs: rem("12px"),
    sm: rem("14px"),
    md: rem("16px"),
    lg: rem("18px"),
    xl: rem("20px"),
    "2xl": rem("24px"),
    "3xl": rem("30px"),
    "4xl": rem("36px"),
    "5xl": rem("48px"),
  },
  spacing: {
    "3xs": rem("4px"),
    "2xs": rem("8px"),
    xs: rem("10px"),
    sm: rem("12px"),
    md: rem("16px"),
    lg: rem("20px"),
    xl: rem("24px"),
    "2xl": rem("28px"),
    "3xl": rem("32px"),
  },
  colors: {
    discordWhiteText: colorsTuple("dadadc"),
    discordDarkBg: colorsTuple("1a1a1e"),
    fourchHighlight: colorsTuple("B7C5D9"),
    borderColor: virtualColor({
      name: "borderColor",
      light: "fourchHighlight",
      dark: "dark"
    }),

    textColor: virtualColor({
      name: "textColor",
      light: "#fd0000ff",
      dark: "discordWhiteText",
    }),
    paperBg: virtualColor({
      name: "paperBgColor",
      dark: "blue",
      light: "blue",
    }),
  },

did i mess up somehow?