Web-Frontend/client/src/theme.js

import { createSystem, defaultConfig, defineConfig } from "@chakra-ui/react";

const config = defineConfig({
  theme: {
    tokens: {
      colors: {
        primaryBG: { value: {base: "#FFFFF", _dark: "AAB8C5"} },
        secondaryBG: { value: "#EDF1F1" },
        border: {value: "#000000"}
      },
      fonts: {
        body: { value: "georgia, system-ui, sans-serif" },
      },
    }
  }
});

export const system = createSystem(defaultConfig, config);