app.config.ts

export default defineAppConfig({
  // ui: {
  //   primary: "bcGovBlue",
  //   gray: "bcGovGray",
  //   button: {
  //     variant: {
  //       solid: "hover:bg-opacity-[.92] hover:bg-{color}-500",
  //     },
  //   },
  //   formGroup: {
  //     label: { base: "block text-base font-bold py-3 text-gray-900" },
  //   },
  //   input: {
  //     rounded: "rounded-none",
  //     variant: {
  //       bcGov: "bg-gray-100 h-12 border-b-2 focus:ring-0",
  //     },
  //   },
  //   select: {
  //     rounded: "rounded-none",
  //     variant: {
  //       bcGov: "bg-gray-100 h-12 border-b-2 border-b-gray-500 focus:ring-0",
  //     },
  //   },
  //   selectMenu: {
  //     rounded: "rounded-none",
  //     option: {
  //       rounded: "rounded-none text-gray-900",
  //     },
  //     variant: {
  //       bcGov: "bg-gray-100 border-b-2 focus:ring-0 text-gray-900",
  //     },
  //   },
  //   textarea: {
  //     rounded: "rounded-none",
  //     variant: {
  //       bcGov: "bg-gray-100 border-b-2 h-20 focus:ring-0 text-gray-900",
  //     },
  //   },
  //   table: {
  //     th: {
  //       color: "text-gray-900",
  //     },
  //     td: {
  //       base: "align-text-top whitespace-normal",
  //       color: "text-gray-700",
  //     },
  //   },
  //   radio: {
  //     border: "border-gray-500",
  //   },
  //   checkbox: {
  //     wrapper: "flex items-start",
  //     base: "mt-1 mr-2",
  //     border: "border-gray-500",
  //     label: "text-base text-gray-900",
  //   },
  //   tooltip: {
  //     background: "bg-gray-700",
  //     color: "text-white",
  //     ring: "ring-1 ring-gray-700",
  //     rounded: "rounded-none",
  //     base: "h-auto text-base p-3",
  //     arrow: {
  //       base: "before:w-3 before:h-3",
  //       ring: "before:ring-1 before:ring-gray-700",
  //       background: "before:bg-gray-700",
  //     },
  //   },
  // },
});