Changing Colors

The project uses Flowbite-React, which works seamlessly with Tailwind CSS. To change the default colors of the app, you will need to modify the Tailwind configuration file tailwind.config.js.

1 - Open the tailwind.config.js file.

2 - Locate the theme.extend.colors section.

3 - Add or modify colors as needed. For example:

```javascript
 theme: {
    extend: {},
    colors: {
      primary: {
        50: "#E8F1F8",
        100: "#D1E3F1",
        200: "#B9D5EA",
        300: "#A2C7E3",
        400: "#8BB9DC",
        500: "#6EACDA", // Base color
        600: "#5A94C2",
        700: "#477CAC",
        800: "#336495",
        900: "#204D7E",
      },
      background: "#021526",
      cardBg: "#061e33",
      text: "#fff",
    },
  },
```