Custom Theme Options

theme: SoftUI({
  customThemeOptions: {
    index: async ({ req, res, config }) => {
      const cards = [
        {
          title: "CPU",
          icon: "single-02",
          getValue: "Title",
          progressBar: {
            enabled: false,
            getProgress: 50, // 0 - 100 (get a percentage of the progress)
          },
        },
        // Include 3 more cards
      ];

      const graph = {
        values: [690, 524, 345, 645, 478, 592, 468, 783, 459, 230, 621, 345],
        labels: ["1m", "2m", "3m", "4m", "5m", "6m", "7m", "8m", "9m", "10m"],
      };

      return {
        cards,
        graph,
      };
    },
  },
});

theme: SoftUI({
  customThemeOptions: {
    index: async ({ req, res, config }) => {
      const cards = [
        {
          title: String,
          icon: String,
          getValue: String,
          progressBar: {
            enabled: Boolean,
            getProgress: Number,
          },
        },
      ];

      return {
        cards,
      };
    },
  },
});

theme: SoftUI({
    customThemeOptions: {
        index: async ({ req, res, config }) => {
            let username = req.session?.user?.username || "Guest";
            let avatar = req.session?.user?.avatar ? `https://cdn.discordapp.com/avatars/${req.session.user.id}/${req.session.user.avatar}.png` : 'https://cdn.discordapp.com/embed/avatars/0.png';

            const cards = [
                {
                    title: "CPU",
                    icon: "single-02",
                    getValue: os.cpus()[0].model.replace('(R) Core(TM) ', ' ').replace(' CPU ', '').split('@')[0],
                    progressBar: {
                        enabled: false,
                        getProgress: 50
                    }
                },
                {
                    title: "System Platform",
                    icon: "single-02",
                    getValue: os.platform(),
                    progressBar: {
                        enabled: false,
                        getProgress: 50
                    }
                },
                {
                    title: "Server count",
                    icon: "single-02",
                    getValue: `${client.guilds.cache.size} out of 75`,
                    progressBar: {
                        enabled: true,
                        getProgress: (client.guilds.cache.size / 75) * 100
                    }
                },
                {
                    title: "Current User",
                    icon: avatar, // Use the avatar URL here
                    getValue: username,
                    progressBar: {
                        enabled: false,
                        getProgress: client.guilds.cache.size // Placeholder value
                    }
                },
            ]

            return {
                cards
            }
        }
    }
})

theme: SoftUI({
  customThemeOptions: {
    index: async ({ req, res, config }) => {
      const graph = {
        values: Number[],
        labels: String[],
      };

      return {
        graph,
      };
    },
  },
});

theme: SoftUI({
  customThemeOptions: {
    index: async ({ req, res, config }) => {
      const graph = {
        values: [690, 524, 345, 645, 478, 592, 468, 783, 459, 230, 621, 345],
        labels: ["1m", "2m", "3m", "4m", "5m", "6m", "7m", "8m", "9m", "10m"],
      };

      return {
        graph,
      };
    },
  },
});