backend(themes): add a new 'bg' query param

Author: 0l1v3rr

src/cards/card-builder.ts

@@ -1,4 +1,5 @@
 import { z } from "zod";
+import { isHexColor } from "../utils/validator";
 import Card from "./card";
 import { getThemeByName } from "./themes";
 import { Badge } from "./types";
@@ -99,6 +100,17 @@ export default class CardBuilder {
     return this;
   }
 
+  public bg(bgColor = ""): CardBuilder {
+    if (isHexColor(bgColor)) {
+      this.card.setTheme({
+        ...this.card.getTheme(),
+        backgroundColor: bgColor,
+      });
+    }
+
+    return this;
+  }
+
   public lines(
     cb: (line: number, addBadge: (b: Badge) => void) => void
   ): CardBuilder {

src/controllers/cards-controller.ts

@@ -17,6 +17,7 @@ export const getCard = async (req: Request, res: Response) => {
     gap,
     lineHeight,
     width,
+    bg,
   } = req.query;
 
   const card = new CardBuilder()
@@ -39,6 +40,7 @@ export const getCard = async (req: Request, res: Response) => {
         addBadge(b)
       );
     })
+    .bg(bg?.toString())
     .build();
 
   res.setHeader("Content-Type", "image/svg+xml");