@stats-organization/github-readme-stats-core 2.1.5 → 2.2.0

package/build/api/wakatime.js

@@ -1,19 +1,14 @@
 import { renderWakatimeCard } from "../cards/wakatime.js";
-import { findInvalidColor } from "../common/color.js";
+import { findInvalidColorParam, pickColorParams } from "../common/color.js";
 import { MissingParamError, retrieveSecondaryMessage, } from "../common/error.js";
 import { parseArray, parseBoolean } from "../common/ops.js";
 import { renderError } from "../common/render.js";
 import { fetchWakatimeStats } from "../fetchers/wakatime.js";
 import { isLocaleAvailable } from "../translations.js";
 // @ts-ignore
-export default async ({ username, title_color, icon_color, hide_border, card_width, line_height, text_color, bg_color, theme, hide_title, hide_progress, custom_title, locale, layout, langs_count, hide, api_domain, border_radius, border_color, display_format, disable_animations, }) => {
-    const invalidColorInput = findInvalidColor({
-        title_color,
-        icon_color,
-        text_color,
-        bg_color,
-        border_color,
-    });
+export default async ({ username, hide_border, card_width, line_height, hide_title, hide_progress, custom_title, locale, layout, langs_count, hide, api_domain, border_radius, display_format, disable_animations, ...remainingParams }) => {
+    const colorParams = pickColorParams(remainingParams);
+    const invalidColorInput = findInvalidColorParam(colorParams);
     if (invalidColorInput) {
         return {
             status: "error - permanent",
@@ -29,13 +24,7 @@ export default async ({ username, title_color, icon_color, hide_border, card_wid
             content: renderError({
                 message: "Something went wrong",
                 secondaryMessage: "Language not found",
-                renderOptions: {
-                    title_color,
-                    text_color,
-                    bg_color,
-                    border_color,
-                    theme,
-                },
+                renderOptions: colorParams,
             }),
         };
     }
@@ -46,13 +35,7 @@ export default async ({ username, title_color, icon_color, hide_border, card_wid
             content: renderError({
                 message: "Something went wrong",
                 secondaryMessage: "Username contains unsafe characters",
-                renderOptions: {
-                    title_color,
-                    text_color,
-                    bg_color,
-                    border_color,
-                    theme,
-                },
+                renderOptions: colorParams,
             }),
         };
     }
@@ -61,20 +44,15 @@ export default async ({ username, title_color, icon_color, hide_border, card_wid
         return {
             status: "success",
             content: renderWakatimeCard(stats, {
+                ...colorParams,
                 custom_title,
                 hide_title: parseBoolean(hide_title),
                 hide_border: parseBoolean(hide_border),
                 card_width: parseInt(card_width, 10),
                 hide: parseArray(hide),
                 line_height,
-                title_color,
-                icon_color,
-                text_color,
-                bg_color,
-                theme,
                 hide_progress,
                 border_radius,
-                border_color,
                 locale: locale ? locale.toLowerCase() : null,
                 layout,
                 langs_count,
@@ -91,11 +69,7 @@ export default async ({ username, title_color, icon_color, hide_border, card_wid
                     message: err.message,
                     secondaryMessage: retrieveSecondaryMessage(err),
                     renderOptions: {
-                        title_color,
-                        text_color,
-                        bg_color,
-                        border_color,
-                        theme,
+                        ...colorParams,
                         show_repo_link: !(err instanceof MissingParamError),
                     },
                 }),
@@ -105,13 +79,7 @@ export default async ({ username, title_color, icon_color, hide_border, card_wid
             status: "error - temporary",
             content: renderError({
                 message: "An unknown error occurred",
-                renderOptions: {
-                    title_color,
-                    text_color,
-                    bg_color,
-                    border_color,
-                    theme,
-                },
+                renderOptions: colorParams,
             }),
         };
     }

package/build/cards/common-options.d.ts

@@ -0,0 +1,13 @@
+import type { ThemeName } from "../themes/index.js";
+export interface CommonOptions {
+    title_color: string;
+    icon_color: string;
+    text_color: string;
+    bg_color: string;
+    theme: ThemeName;
+    border_radius: number;
+    border_color: string;
+    locale: string;
+    hide_border: boolean;
+}
+//# sourceMappingURL=common-options.d.ts.map

package/build/cards/common-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-options.d.ts","sourceRoot":"","sources":["../../src/cards/common-options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;CACtB"}

package/build/cards/common-options.js

@@ -0,0 +1 @@
+export {};

package/build/cards/gist.d.ts

@@ -1,21 +1,16 @@
-/**
- * Gist card options.
- */
-export type GistCardOptions = any;
-/**
- * Gist data.
- */
-export type GistData = any;
-/**
- * @typedef {import('./types').GistCardOptions} GistCardOptions Gist card options.
- * @typedef {import('../fetchers/types').GistData} GistData Gist data.
- */
+import type { GistData } from "../fetchers/types.js";
+import type { CommonOptions } from "./common-options.js";
+interface GistCardOptions extends CommonOptions {
+    show_owner: boolean;
+    browser_rendering: boolean;
+}
 /**
  * Render gist card.
  *
- * @param {GistData} gistData Gist data.
- * @param {Partial<GistCardOptions>} options Gist card options.
- * @returns {string} Gist card.
+ * @param gistData Gist data.
+ * @param options Gist card options.
+ * @returns Gist card.
  */
-export function renderGistCard(gistData: GistData, options?: Partial<GistCardOptions>): string;
+declare const renderGistCard: (gistData: GistData, options?: Partial<GistCardOptions>) => string;
+export { renderGistCard };
 //# sourceMappingURL=gist.d.ts.map

package/build/cards/gist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gist.d.ts","sourceRoot":"","sources":["../../src/cards/gist.js"],"names":[],"mappings":";;;;;;;;AA0BA;;;GAGG;AAEH;;;;;;GAMG;AACH,yCAJW,QAAQ,YACR,OAAO,CAAC,eAAe,CAAC,GACtB,MAAM,CAkJlB"}
+{"version":3,"file":"gist.d.ts","sourceRoot":"","sources":["../../src/cards/gist.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAWzD,UAAU,eAAgB,SAAQ,aAAa;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,GAClB,UAAU,QAAQ,EAClB,UAAS,OAAO,CAAC,eAAe,CAAM,KACrC,MA0IF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/build/cards/gist.js

@@ -1,9 +1,9 @@
 import { default as Card } from "../common/Card.js";
-import { getCardColors } from "../common/color.js";
+import { getLightDarkColors } from "../common/color.js";
 import { kFormatter, wrapTextMultiline } from "../common/fmt.js";
 import { encodeHTML } from "../common/html.js";
 import { icons } from "../common/icons.js";
-import languageColors from "../common/languageColors.json" with { type: "json" };
+import { getLanguageColor } from "../common/languageColors.js";
 import { parseEmojis } from "../common/ops.js";
 import { countWrappedLines, createLanguageNode, flexLayout, iconWithLabel, measureText, wrappedTextNode, wrappedTextStyles, } from "../common/render.js";
 const ICON_SIZE = 16;
@@ -14,31 +14,21 @@ const DESCRIPTION_BOX_WIDTH = CARD_DEFAULT_WIDTH - 2 * X_OFFSET;
 const DESCRIPTION_FONT_SIZE = 13;
 const DESCRIPTION_LINE_HEIGHT_PX = 16;
 const DESCRIPTION_MAX_LINES = 10;
-/**
- * @typedef {import('./types').GistCardOptions} GistCardOptions Gist card options.
- * @typedef {import('../fetchers/types').GistData} GistData Gist data.
- */
 /**
  * Render gist card.
  *
- * @param {GistData} gistData Gist data.
- * @param {Partial<GistCardOptions>} options Gist card options.
- * @returns {string} Gist card.
+ * @param gistData Gist data.
+ * @param options Gist card options.
+ * @returns Gist card.
  */
 const renderGistCard = (gistData, options = {}) => {
     const { name, nameWithOwner, description, language, starsCount, forksCount } = gistData;
-    const { title_color, icon_color, text_color, bg_color, theme = "default_repocard", border_radius, border_color, show_owner = false, browser_rendering = false, hide_border = false, } = options;
-    // returns theme based colors with proper overrides and defaults
-    const { titleColor, textColor, iconColor, bgColor, borderColor } = getCardColors({
-        title_color,
-        icon_color,
-        text_color,
-        bg_color,
-        border_color,
-        theme,
-    });
+    const { theme = "default_repocard", border_radius, show_owner = false, browser_rendering = false, hide_border = false, } = options;
+    const { lightColors, darkColors } = getLightDarkColors({ ...options, theme });
+    const { textColor, iconColor } = lightColors;
     const desc = parseEmojis(description || "No description provided");
-    let descriptionLines, descriptionSvg;
+    let descriptionLines;
+    let descriptionSvg;
     if (browser_rendering) {
         // The browser performs the actual text wrapping inside the foreignObject;
         // we only estimate the line count server-side so the SVG can reserve enough
@@ -74,8 +64,7 @@ const renderGistCard = (gistData, options = {}) => {
     const svgStars = iconWithLabel(icons.star, totalStars, "starsCount", ICON_SIZE);
     const svgForks = iconWithLabel(icons.fork, totalForks, "forksCount", ICON_SIZE);
     const languageName = language || "Unspecified";
-    // @ts-ignore
-    const languageColor = languageColors[languageName] || "#858585";
+    const languageColor = getLanguageColor(languageName);
     const svgLanguage = createLanguageNode(languageName, languageColor);
     const starAndForkCount = flexLayout({
         items: [svgLanguage, svgStars, svgForks],
@@ -95,22 +84,28 @@ const renderGistCard = (gistData, options = {}) => {
         width: CARD_DEFAULT_WIDTH,
         height,
         border_radius,
-        colors: {
-            titleColor,
-            textColor,
-            iconColor,
-            bgColor,
-            borderColor,
-        },
+        colors: { light: lightColors, dark: darkColors },
     });
-    card.setCSS(`
+    card.setCSS({
+        light: `
     .description {
       font: 400 ${DESCRIPTION_FONT_SIZE}px 'Segoe UI', Ubuntu, Sans-Serif;fill: ${textColor};
       ${browser_rendering ? wrappedTextStyles(textColor) : ""}
     }
     .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
     .icon { fill: ${iconColor} }
-  `);
+  `,
+        dark: darkColors
+            ? `
+      .description {
+        fill: ${darkColors.textColor};
+        ${browser_rendering ? wrappedTextStyles(darkColors.textColor) : ""}
+      }
+      .gray { fill: ${darkColors.textColor} }
+      .icon { fill: ${darkColors.iconColor} }
+    `
+            : null,
+    });
     card.setHideBorder(hide_border);
     return card.render(`
     ${descriptionSvg}

package/build/cards/repo.d.ts

@@ -1,21 +1,24 @@
-/**
- * Repository data.
- */
-export type RepositoryData = any;
-/**
- * Repo card options.
- */
-export type RepoCardOptions = any;
-/**
- * @typedef {import("../fetchers/types").RepositoryData} RepositoryData Repository data.
- * @typedef {import("./types").RepoCardOptions} RepoCardOptions Repo card options.
- */
+import type { RepositoryData } from "../fetchers/types.js";
+import type { CommonOptions } from "./common-options.js";
+interface RepoCardOptions extends CommonOptions {
+    show_owner: boolean;
+    browser_rendering: boolean;
+    description_lines_count: number;
+    card_width_input: number;
+    show: Array<string>;
+    show_icons: boolean;
+    number_format: string;
+    text_bold: boolean;
+    line_height: number | string;
+    username: string;
+}
 /**
  * Renders repository card details.
  *
- * @param {RepositoryData} repo Repository data.
- * @param {Partial<RepoCardOptions>} options Card options.
- * @returns {string} Repository card SVG object.
+ * @param repo Repository data.
+ * @param options Card options.
+ * @returns Repository card SVG object.
  */
-export function renderRepoCard(repo: RepositoryData, options?: Partial<RepoCardOptions>): string;
+declare const renderRepoCard: (repo: RepositoryData, options?: Partial<RepoCardOptions>) => string;
+export { renderRepoCard };
 //# sourceMappingURL=repo.d.ts.map

package/build/cards/repo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repo.d.ts","sourceRoot":"","sources":["../../src/cards/repo.js"],"names":[],"mappings":";;;;;;;;AA0DA;;;GAGG;AAEH;;;;;;GAMG;AACH,qCAJW,cAAc,YACd,OAAO,CAAC,eAAe,CAAC,GACtB,MAAM,CA8SlB"}
+{"version":3,"file":"repo.d.ts","sourceRoot":"","sources":["../../src/cards/repo.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASzD,UAAU,eAAgB,SAAQ,aAAa;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAsCD;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,GAClB,MAAM,cAAc,EACpB,UAAS,OAAO,CAAC,eAAe,CAAM,KACrC,MA4SF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/build/cards/repo.js

@@ -1,13 +1,12 @@
 import { Card } from "../common/Card.js";
 import { I18n } from "../common/I18n.js";
-import { getCardColors, isPrefixedHexColor } from "../common/color.js";
+import { getLightDarkColors } from "../common/color.js";
 import { kFormatter, wrapTextMultiline } from "../common/fmt.js";
 import { encodeHTML } from "../common/html.js";
 import { icons } from "../common/icons.js";
 import { buildSearchFilter, clampValue, parseEmojis } from "../common/ops.js";
-import { countWrappedLines, createLanguageNode, flexLayout, iconWithLabel, measureText, wrappedTextNode, wrappedTextStyles, } from "../common/render.js";
+import { countWrappedLines, createLanguageNode, createTextNode, flexLayout, iconWithLabel, measureText, wrappedTextNode, wrappedTextStyles, } from "../common/render.js";
 import { repoCardLocales } from "../translations.js";
-import { createTextNode } from "./stats.js";
 const ICON_SIZE = 16;
 const CARD_DEFAULT_WIDTH = 400;
 const X_OFFSET = 25;
@@ -17,46 +16,38 @@ const DESCRIPTION_MAX_LINES = 3;
 /**
  * Retrieves the repository description and wraps it to fit the card width.
  *
- * @param {string} label The repository description.
- * @param {string} textColor The color of the text.
- * @returns {string} Wrapped repo description SVG object.
+ * @param label The repository description.
+ * @param xOffset Horizontal offset of the badge.
+ * @returns Wrapped repo description SVG object.
  */
-const getBadgeSVG = (label, textColor, xOffset = 0) => {
-    if (!isPrefixedHexColor(textColor)) {
-        throw new Error(`Invalid text color: "${textColor}"`);
-    }
+const getBadgeSVG = (label, xOffset = 0) => {
     if (!Number.isFinite(xOffset)) {
         throw new Error(`Invalid xOffset: "${xOffset}"`);
     }
     return `
     <g data-testid="badge" class="badge" transform="translate(${320 + xOffset}, -18)">
-      <rect stroke="${textColor}" stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
+      <rect stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
       <text
         x="23" y="-5"
         alignment-baseline="central"
         dominant-baseline="central"
         text-anchor="middle"
-        fill="${textColor}"
       >
         ${encodeHTML(label)}
       </text>
     </g>
   `;
 };
-/**
- * @typedef {import("../fetchers/types").RepositoryData} RepositoryData Repository data.
- * @typedef {import("./types").RepoCardOptions} RepoCardOptions Repo card options.
- */
 /**
  * Renders repository card details.
  *
- * @param {RepositoryData} repo Repository data.
- * @param {Partial<RepoCardOptions>} options Card options.
- * @returns {string} Repository card SVG object.
+ * @param repo Repository data.
+ * @param options Card options.
+ * @returns Repository card SVG object.
  */
 const renderRepoCard = (repo, options = {}) => {
-    const { name, nameWithOwner, description, primaryLanguage, isArchived, isTemplate, starCount, forkCount, totalPRsAuthored, totalPRsCommented, totalPRsReviewed, totalIssuesAuthored, totalIssuesCommented, } = repo;
-    const { hide_border = false, title_color, icon_color, text_color, bg_color, card_width_input, show_owner = false, browser_rendering = false, show = [], show_icons = true, number_format = "short", text_bold = false, line_height = 22, username, theme = "default_repocard", border_radius, border_color, locale, description_lines_count, } = options;
+    const { name, nameWithOwner, description, primaryLanguage, isArchived, isTemplate, stargazerCount, forkCount, totalPRsAuthored, totalPRsCommented, totalPRsReviewed, totalIssuesAuthored, totalIssuesCommented, } = repo;
+    const { hide_border = false, card_width_input, show_owner = false, browser_rendering = false, show = [], show_icons = true, number_format = "short", text_bold = false, line_height = 22, username, theme = "default_repocard", border_radius, locale, description_lines_count, } = options;
     const card_width = card_width_input && !isNaN(card_width_input)
         ? card_width_input
         : show.length >= 2
@@ -66,11 +57,11 @@ const renderRepoCard = (repo, options = {}) => {
         locale,
         translations: repoCardLocales,
     });
-    let repoFilter = encodeURIComponent(buildSearchFilter([nameWithOwner], []));
-    const encodedUsername = encodeURIComponent(username);
+    const repoFilter = encodeURIComponent(buildSearchFilter([nameWithOwner], []));
+    const encodedUsername = encodeURIComponent(username ?? "");
     const STATS = {};
     if (show.includes("prs_authored")) {
-        STATS.prs_authored = {
+        STATS["prs_authored"] = {
             icon: icons.prs,
             label: i18n.t("repocard.prs-authored"),
             value: totalPRsAuthored,
@@ -79,7 +70,7 @@ const renderRepoCard = (repo, options = {}) => {
         };
     }
     if (show.includes("prs_commented")) {
-        STATS.prs_commented = {
+        STATS["prs_commented"] = {
             icon: icons.comments,
             label: i18n.t("repocard.prs-commented"),
             value: totalPRsCommented,
@@ -88,7 +79,7 @@ const renderRepoCard = (repo, options = {}) => {
         };
     }
     if (show.includes("prs_reviewed")) {
-        STATS.prs_reviewed = {
+        STATS["prs_reviewed"] = {
             icon: icons.reviews,
             label: i18n.t("repocard.prs-reviewed"),
             value: totalPRsReviewed,
@@ -97,7 +88,7 @@ const renderRepoCard = (repo, options = {}) => {
         };
     }
     if (show.includes("issues_authored")) {
-        STATS.issues_authored = {
+        STATS["issues_authored"] = {
             icon: icons.issues,
             label: i18n.t("repocard.issues-authored"),
             value: totalIssuesAuthored,
@@ -106,7 +97,7 @@ const renderRepoCard = (repo, options = {}) => {
         };
     }
     if (show.includes("issues_commented")) {
-        STATS.issues_commented = {
+        STATS["issues_commented"] = {
             icon: icons.discussions_started,
             label: i18n.t("repocard.issues-commented"),
             value: totalIssuesCommented,
@@ -114,20 +105,20 @@ const renderRepoCard = (repo, options = {}) => {
             link: `https://github.com/search?q=${repoFilter}commenter%3A${encodedUsername}+-author%3A${encodedUsername}&amp;type=issues`,
         };
     }
-    const statItems = Object.keys(STATS).map((key, index) => 
+    const statItems = Object.values(STATS).map((stat, index) => 
     // create the text nodes, and pass index so that we can calculate the line spacing
     createTextNode({
-        icon: STATS[key].icon,
-        label: STATS[key].label,
-        value: STATS[key].value,
-        id: STATS[key].id,
-        unitSymbol: STATS[key].unitSymbol,
+        icon: stat.icon,
+        label: stat.label,
+        value: stat.value ?? 0,
+        id: stat.id,
+        unitSymbol: stat.unitSymbol,
         index,
         showIcons: show_icons,
         shiftValuePos: 14.01,
         bold: text_bold,
         numberFormat: number_format,
-        link: STATS[key].link,
+        link: stat.link,
         labelXOffset: 23,
     }));
     const extraLHeight = parseInt(String(line_height), 10);
@@ -137,7 +128,8 @@ const renderRepoCard = (repo, options = {}) => {
     const langColor = (primaryLanguage && primaryLanguage.color) || "#333";
     const desc = parseEmojis(description || "No description provided");
     const descriptionBoxWidth = card_width - 2 * X_OFFSET;
-    let descriptionLinesCount, descriptionSvg;
+    let descriptionLinesCount;
+    let descriptionSvg;
     if (browser_rendering) {
         // The browser performs the actual text wrapping inside the foreignObject;
         // we only estimate the line count server-side so the SVG can reserve enough
@@ -178,19 +170,11 @@ const renderRepoCard = (repo, options = {}) => {
     const height = (descriptionLinesCount > 1 ? 120 : 110) +
         descriptionLinesCount * lineHeight +
         extraHeight;
-    // returns theme based colors with proper overrides and defaults
-    const colors = getCardColors({
-        title_color,
-        icon_color,
-        text_color,
-        bg_color,
-        border_color,
-        theme,
-    });
+    const { lightColors, darkColors } = getLightDarkColors({ ...options, theme });
     const svgLanguage = primaryLanguage
         ? createLanguageNode(langName, langColor)
         : "";
-    const totalStars = kFormatter(starCount);
+    const totalStars = kFormatter(stargazerCount);
     const totalForks = kFormatter(forkCount);
     const svgStars = iconWithLabel(icons.star, totalStars, "stargazers", ICON_SIZE);
     const svgForks = iconWithLabel(icons.fork, totalForks, "forkcount", ICON_SIZE);
@@ -203,7 +187,7 @@ const renderRepoCard = (repo, options = {}) => {
         ],
         gap: 25,
     }).join("");
-    let extraRows = [];
+    const extraRows = [];
     for (let i = 0; i < statItems.length; i += 2) {
         extraRows.push(flexLayout({
             items: statItems.slice(i, i + 2),
@@ -226,21 +210,23 @@ const renderRepoCard = (repo, options = {}) => {
         width: card_width,
         height,
         border_radius,
-        colors,
+        colors: { light: lightColors, dark: darkColors },
     });
     card.disableAnimations();
     card.setHideBorder(hide_border);
     card.setHideTitle(false);
-    card.setCSS(`
+    card.setCSS({
+        light: `
     .description {
-      font: 400 ${DESCRIPTION_FONT_SIZE}px 'Segoe UI', Ubuntu, Sans-Serif;fill: ${colors.textColor};
-      ${browser_rendering ? wrappedTextStyles(colors.textColor) : ""}
+      font: 400 ${DESCRIPTION_FONT_SIZE}px 'Segoe UI', Ubuntu, Sans-Serif;fill: ${lightColors.textColor};
+      ${browser_rendering ? wrappedTextStyles(lightColors.textColor) : ""}
     }
-    .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${colors.textColor} }
+    .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${lightColors.textColor} }
     .badge { font: 600 11px 'Segoe UI', Ubuntu, Sans-Serif; }
-    .badge rect { opacity: 0.2 }
+    .badge rect { opacity: 0.2; stroke: ${lightColors.textColor} }
+    .badge text { fill: ${lightColors.textColor} }
 
-    .stat { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${colors.textColor} }
+    .stat { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${lightColors.textColor} }
     .stagger {
       opacity: 0;
       animation: fadeInAnimation 0.3s ease-in-out forwards;
@@ -248,17 +234,29 @@ const renderRepoCard = (repo, options = {}) => {
     .not_bold { font-weight: 400 }
     .bold { font-weight: 700 }
     .icon {
-      fill: ${colors.iconColor};
+      fill: ${lightColors.iconColor};
       display: block;
     }
-  `);
+  `,
+        dark: darkColors
+            ? `
+      .description {
+        fill: ${darkColors.textColor};
+        ${browser_rendering ? wrappedTextStyles(darkColors.textColor) : ""}
+      }
+      .gray { fill: ${darkColors.textColor} }
+      .badge rect { stroke: ${darkColors.textColor} }
+      .badge text { fill: ${darkColors.textColor} }
+      .stat { fill: ${darkColors.textColor} }
+      .icon { fill: ${darkColors.iconColor}; }
+    `
+            : null,
+    });
     return card.render(`
     ${isTemplate
-        ? // @ts-ignore
-            getBadgeSVG(i18n.t("repocard.template"), colors.textColor, card_width - CARD_DEFAULT_WIDTH)
+        ? getBadgeSVG(i18n.t("repocard.template"), card_width - CARD_DEFAULT_WIDTH)
         : isArchived
-            ? // @ts-ignore
-                getBadgeSVG(i18n.t("repocard.archived"), colors.textColor, card_width - CARD_DEFAULT_WIDTH)
+            ? getBadgeSVG(i18n.t("repocard.archived"), card_width - CARD_DEFAULT_WIDTH)
             : ""}
 
     ${descriptionSvg}

package/build/cards/stats.d.ts

@@ -1,51 +1,34 @@
-export type StatsData = any;
-export type StatCardOptions = any;
-/**
- * @typedef {import('../fetchers/types').StatsData} StatsData
- * @typedef {import('./types').StatCardOptions} StatCardOptions
- */
+import type { StatsData } from "../fetchers/types.js";
+import type { CommonOptions } from "./common-options.js";
+type RankIcon = "default" | "github" | "percentile";
+interface StatCardOptions extends CommonOptions {
+    hide: Array<string>;
+    show_icons: boolean;
+    hide_title: boolean;
+    card_width: number;
+    hide_rank: boolean;
+    include_all_commits: boolean;
+    commits_year: number;
+    line_height: number | string;
+    custom_title: string;
+    disable_animations: boolean;
+    number_format: string;
+    number_precision: number;
+    ring_color: string;
+    text_bold: boolean;
+    rank_icon: RankIcon;
+    show: Array<string>;
+}
 /**
  * Renders the stats card.
  *
- * @param {StatsData} stats The stats data.
- * @param {Partial<StatCardOptions>} options The card options.
- * @returns {string} The stats card SVG object.
- */
-export function renderStatsCard(stats: StatsData, options: Partial<StatCardOptions>, username: any, repo?: any[], owner?: any[]): string;
-/**
- * Create a stats card text item.
- *
- * The caller must ensure that the passed `icon` and `link` are properly sanitized!
- *
- * @param {object} params Object that contains the createTextNode parameters.
- * @param {string} params.icon The sanitized icon to display.
- * @param {string} params.label The label to display.
- * @param {number} params.value The value to display.
- * @param {string} params.id The id of the stat.
- * @param {string=} params.unitSymbol The unit symbol of the stat.
- * @param {number} params.index The index of the stat.
- * @param {boolean} params.showIcons Whether to show icons.
- * @param {number} params.shiftValuePos Number of pixels the value has to be shifted to the right.
- * @param {boolean} params.bold Whether to bold the label.
- * @param {string} params.numberFormat The format of numbers on card.
- * @param {number=} params.numberPrecision The precision of numbers on card.
- * @param {string} params.link Sanitized url to link to.
- * @param {number} params.labelXOffset horizontal offset for label.
- * @returns {string} The stats card text item SVG object.
+ * @param stats The stats data.
+ * @param options The card options.
+ * @param username GitHub username, used to build stat search links.
+ * @param repo Repositories to scope the search links to.
+ * @param owner Owners to scope the search links to.
+ * @returns The stats card SVG object.
  */
-export function createTextNode({ icon, label, value, id, unitSymbol, index, showIcons, shiftValuePos, bold, numberFormat, numberPrecision, link, labelXOffset, }: {
-    icon: string;
-    label: string;
-    value: number;
-    id: string;
-    unitSymbol?: string | undefined;
-    index: number;
-    showIcons: boolean;
-    shiftValuePos: number;
-    bold: boolean;
-    numberFormat: string;
-    numberPrecision?: number | undefined;
-    link: string;
-    labelXOffset: number;
-}): string;
+declare const renderStatsCard: (stats: StatsData, options?: Partial<StatCardOptions>, username?: string, repo?: Array<string>, owner?: Array<string>) => string;
+export { renderStatsCard };
 //# sourceMappingURL=stats.d.ts.map