From 16f0004bc9c44f94feef50bad19bd44f58cbed63 Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Mon, 5 Jan 2026 17:59:24 +0200
Subject: [PATCH 01/12] show error in badge generation from string

---
 .gitignore                   | 2 +-
 cmd/gh-oss-stats/badgeCmd.go | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index ebaac77..3ef7b65 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,4 @@ commands.nu
 /gh-oss-stats
 scripts/
 local/
-
+dist/
diff --git a/cmd/gh-oss-stats/badgeCmd.go b/cmd/gh-oss-stats/badgeCmd.go
index 7756ce6..2118832 100644
--- a/cmd/gh-oss-stats/badgeCmd.go
+++ b/cmd/gh-oss-stats/badgeCmd.go
@@ -57,7 +57,7 @@ func runBadgeCmd(args []string) {
 
 		err = generateBadgeFromJSONString(string(content), *badgeConfig)
 		if err != nil {
-			fmt.Fprintln(os.Stderr, "Error: failed to parse json data")
+			fmt.Fprintf(os.Stderr, "Error: failed to parse json data, error=%v\n", err.Error())
 			os.Exit(1)
 		}
 		os.Exit(0)
@@ -66,7 +66,7 @@ func runBadgeCmd(args []string) {
 	if *badgeData != "" {
 		err := generateBadgeFromJSONString(*badgeData, *badgeConfig)
 		if err != nil {
-			fmt.Fprintln(os.Stderr, "Error: failed to parse json data")
+			fmt.Fprintf(os.Stderr, "Error: failed to parse json data, error=%v\n", err.Error())
 			os.Exit(1)
 		}
 		os.Exit(0)

From 820ad819f5cda3a7ec789113af064e80a71cda4a Mon Sep 17 00:00:00 2001
From: Mahmoud Abdallah <133316956+mabd-dev@users.noreply.github.com>
Date: Mon, 12 Jan 2026 11:21:42 +0200
Subject: [PATCH 02/12] Feat/more color themes (#27)

* added bunch of other color themes

* change theme name to monokai

* rename tokyo-light to tokyo-night-light

* update invalid badge theme error message
---
 docs/badges/BADGE_THEMES.md                   |  24 ++
 .../default-compact-catppuccin-frappe.svg     |  40 ++
 .../default-compact-catppuccin-latte.svg      |  40 ++
 .../default-compact-catppuccin-macchiato.svg  |  40 ++
 .../default-compact-catppuccin-mocha.svg      |  40 ++
 docs/badges/default-compact-monaki.svg        |  40 ++
 docs/badges/default-compact-monokai.svg       |  40 ++
 .../badges/default-compact-one-dark-vivid.svg |  40 ++
 docs/badges/default-compact-one-dark.svg      |  40 ++
 .../badges/default-compact-solarized-dark.svg |  40 ++
 .../default-compact-solarized-light.svg       |  40 ++
 docs/badges/default-compact-tokyo-light.svg   |  40 ++
 .../default-compact-tokyo-night-light.svg     |  40 ++
 .../default-compact-tokyo-night-storm.svg     |  40 ++
 docs/badges/default-compact-tokyo-night.svg   |  40 ++
 .../default-detailed-catppuccin-frappe.svg    | 354 ++++++++++++++++++
 .../default-detailed-catppuccin-latte.svg     | 354 ++++++++++++++++++
 .../default-detailed-catppuccin-macchiato.svg | 354 ++++++++++++++++++
 .../default-detailed-catppuccin-mocha.svg     | 354 ++++++++++++++++++
 docs/badges/default-detailed-monaki.svg       | 354 ++++++++++++++++++
 docs/badges/default-detailed-monokai.svg      | 354 ++++++++++++++++++
 .../default-detailed-one-dark-vivid.svg       | 354 ++++++++++++++++++
 docs/badges/default-detailed-one-dark.svg     | 354 ++++++++++++++++++
 .../default-detailed-solarized-dark.svg       | 354 ++++++++++++++++++
 .../default-detailed-solarized-light.svg      | 354 ++++++++++++++++++
 docs/badges/default-detailed-tokyo-light.svg  | 354 ++++++++++++++++++
 .../default-detailed-tokyo-night-light.svg    | 354 ++++++++++++++++++
 .../default-detailed-tokyo-night-storm.svg    | 354 ++++++++++++++++++
 docs/badges/default-detailed-tokyo-night.svg  | 354 ++++++++++++++++++
 .../default-summary-catppuccin-frappe.svg     |  58 +++
 .../default-summary-catppuccin-latte.svg      |  58 +++
 .../default-summary-catppuccin-macchiato.svg  |  58 +++
 .../default-summary-catppuccin-mocha.svg      |  58 +++
 docs/badges/default-summary-monaki.svg        |  58 +++
 docs/badges/default-summary-monokai.svg       |  58 +++
 .../badges/default-summary-one-dark-vivid.svg |  58 +++
 docs/badges/default-summary-one-dark.svg      |  58 +++
 .../badges/default-summary-solarized-dark.svg |  58 +++
 .../default-summary-solarized-light.svg       |  58 +++
 docs/badges/default-summary-tokyo-light.svg   |  58 +++
 .../default-summary-tokyo-night-light.svg     |  58 +++
 .../default-summary-tokyo-night-storm.svg     |  58 +++
 docs/badges/default-summary-tokyo-night.svg   |  58 +++
 .../text-based-compact-catppuccin-frappe.svg  |  31 ++
 .../text-based-compact-catppuccin-latte.svg   |  31 ++
 ...ext-based-compact-catppuccin-macchiato.svg |  31 ++
 .../text-based-compact-catppuccin-mocha.svg   |  31 ++
 docs/badges/text-based-compact-monaki.svg     |  31 ++
 docs/badges/text-based-compact-monokai.svg    |  31 ++
 .../text-based-compact-one-dark-vivid.svg     |  31 ++
 docs/badges/text-based-compact-one-dark.svg   |  31 ++
 .../text-based-compact-solarized-dark.svg     |  31 ++
 .../text-based-compact-solarized-light.svg    |  31 ++
 .../badges/text-based-compact-tokyo-light.svg |  31 ++
 .../text-based-compact-tokyo-night-light.svg  |  31 ++
 .../text-based-compact-tokyo-night-storm.svg  |  31 ++
 .../badges/text-based-compact-tokyo-night.svg |  31 ++
 .../text-based-detailed-catppuccin-frappe.svg | 192 ++++++++++
 .../text-based-detailed-catppuccin-latte.svg  | 192 ++++++++++
 ...xt-based-detailed-catppuccin-macchiato.svg | 192 ++++++++++
 .../text-based-detailed-catppuccin-mocha.svg  | 192 ++++++++++
 docs/badges/text-based-detailed-monaki.svg    | 192 ++++++++++
 docs/badges/text-based-detailed-monokai.svg   | 192 ++++++++++
 .../text-based-detailed-one-dark-vivid.svg    | 192 ++++++++++
 docs/badges/text-based-detailed-one-dark.svg  | 192 ++++++++++
 .../text-based-detailed-solarized-dark.svg    | 192 ++++++++++
 .../text-based-detailed-solarized-light.svg   | 192 ++++++++++
 .../text-based-detailed-tokyo-light.svg       | 192 ++++++++++
 .../text-based-detailed-tokyo-night-light.svg | 192 ++++++++++
 .../text-based-detailed-tokyo-night-storm.svg | 192 ++++++++++
 .../text-based-detailed-tokyo-night.svg       | 192 ++++++++++
 .../text-based-summary-catppuccin-frappe.svg  |  49 +++
 .../text-based-summary-catppuccin-latte.svg   |  49 +++
 ...ext-based-summary-catppuccin-macchiato.svg |  49 +++
 .../text-based-summary-catppuccin-mocha.svg   |  49 +++
 docs/badges/text-based-summary-monaki.svg     |  49 +++
 docs/badges/text-based-summary-monokai.svg    |  49 +++
 .../text-based-summary-one-dark-vivid.svg     |  49 +++
 docs/badges/text-based-summary-one-dark.svg   |  49 +++
 .../text-based-summary-solarized-dark.svg     |  49 +++
 .../text-based-summary-solarized-light.svg    |  49 +++
 .../badges/text-based-summary-tokyo-light.svg |  49 +++
 .../text-based-summary-tokyo-night-light.svg  |  49 +++
 .../text-based-summary-tokyo-night-storm.svg  |  49 +++
 .../badges/text-based-summary-tokyo-night.svg |  49 +++
 pkg/ossstats/badge/badgeTheme.go              | 196 +++++++++-
 86 files changed, 10349 insertions(+), 7 deletions(-)
 create mode 100644 docs/badges/default-compact-catppuccin-frappe.svg
 create mode 100644 docs/badges/default-compact-catppuccin-latte.svg
 create mode 100644 docs/badges/default-compact-catppuccin-macchiato.svg
 create mode 100644 docs/badges/default-compact-catppuccin-mocha.svg
 create mode 100644 docs/badges/default-compact-monaki.svg
 create mode 100644 docs/badges/default-compact-monokai.svg
 create mode 100644 docs/badges/default-compact-one-dark-vivid.svg
 create mode 100644 docs/badges/default-compact-one-dark.svg
 create mode 100644 docs/badges/default-compact-solarized-dark.svg
 create mode 100644 docs/badges/default-compact-solarized-light.svg
 create mode 100644 docs/badges/default-compact-tokyo-light.svg
 create mode 100644 docs/badges/default-compact-tokyo-night-light.svg
 create mode 100644 docs/badges/default-compact-tokyo-night-storm.svg
 create mode 100644 docs/badges/default-compact-tokyo-night.svg
 create mode 100644 docs/badges/default-detailed-catppuccin-frappe.svg
 create mode 100644 docs/badges/default-detailed-catppuccin-latte.svg
 create mode 100644 docs/badges/default-detailed-catppuccin-macchiato.svg
 create mode 100644 docs/badges/default-detailed-catppuccin-mocha.svg
 create mode 100644 docs/badges/default-detailed-monaki.svg
 create mode 100644 docs/badges/default-detailed-monokai.svg
 create mode 100644 docs/badges/default-detailed-one-dark-vivid.svg
 create mode 100644 docs/badges/default-detailed-one-dark.svg
 create mode 100644 docs/badges/default-detailed-solarized-dark.svg
 create mode 100644 docs/badges/default-detailed-solarized-light.svg
 create mode 100644 docs/badges/default-detailed-tokyo-light.svg
 create mode 100644 docs/badges/default-detailed-tokyo-night-light.svg
 create mode 100644 docs/badges/default-detailed-tokyo-night-storm.svg
 create mode 100644 docs/badges/default-detailed-tokyo-night.svg
 create mode 100644 docs/badges/default-summary-catppuccin-frappe.svg
 create mode 100644 docs/badges/default-summary-catppuccin-latte.svg
 create mode 100644 docs/badges/default-summary-catppuccin-macchiato.svg
 create mode 100644 docs/badges/default-summary-catppuccin-mocha.svg
 create mode 100644 docs/badges/default-summary-monaki.svg
 create mode 100644 docs/badges/default-summary-monokai.svg
 create mode 100644 docs/badges/default-summary-one-dark-vivid.svg
 create mode 100644 docs/badges/default-summary-one-dark.svg
 create mode 100644 docs/badges/default-summary-solarized-dark.svg
 create mode 100644 docs/badges/default-summary-solarized-light.svg
 create mode 100644 docs/badges/default-summary-tokyo-light.svg
 create mode 100644 docs/badges/default-summary-tokyo-night-light.svg
 create mode 100644 docs/badges/default-summary-tokyo-night-storm.svg
 create mode 100644 docs/badges/default-summary-tokyo-night.svg
 create mode 100644 docs/badges/text-based-compact-catppuccin-frappe.svg
 create mode 100644 docs/badges/text-based-compact-catppuccin-latte.svg
 create mode 100644 docs/badges/text-based-compact-catppuccin-macchiato.svg
 create mode 100644 docs/badges/text-based-compact-catppuccin-mocha.svg
 create mode 100644 docs/badges/text-based-compact-monaki.svg
 create mode 100644 docs/badges/text-based-compact-monokai.svg
 create mode 100644 docs/badges/text-based-compact-one-dark-vivid.svg
 create mode 100644 docs/badges/text-based-compact-one-dark.svg
 create mode 100644 docs/badges/text-based-compact-solarized-dark.svg
 create mode 100644 docs/badges/text-based-compact-solarized-light.svg
 create mode 100644 docs/badges/text-based-compact-tokyo-light.svg
 create mode 100644 docs/badges/text-based-compact-tokyo-night-light.svg
 create mode 100644 docs/badges/text-based-compact-tokyo-night-storm.svg
 create mode 100644 docs/badges/text-based-compact-tokyo-night.svg
 create mode 100644 docs/badges/text-based-detailed-catppuccin-frappe.svg
 create mode 100644 docs/badges/text-based-detailed-catppuccin-latte.svg
 create mode 100644 docs/badges/text-based-detailed-catppuccin-macchiato.svg
 create mode 100644 docs/badges/text-based-detailed-catppuccin-mocha.svg
 create mode 100644 docs/badges/text-based-detailed-monaki.svg
 create mode 100644 docs/badges/text-based-detailed-monokai.svg
 create mode 100644 docs/badges/text-based-detailed-one-dark-vivid.svg
 create mode 100644 docs/badges/text-based-detailed-one-dark.svg
 create mode 100644 docs/badges/text-based-detailed-solarized-dark.svg
 create mode 100644 docs/badges/text-based-detailed-solarized-light.svg
 create mode 100644 docs/badges/text-based-detailed-tokyo-light.svg
 create mode 100644 docs/badges/text-based-detailed-tokyo-night-light.svg
 create mode 100644 docs/badges/text-based-detailed-tokyo-night-storm.svg
 create mode 100644 docs/badges/text-based-detailed-tokyo-night.svg
 create mode 100644 docs/badges/text-based-summary-catppuccin-frappe.svg
 create mode 100644 docs/badges/text-based-summary-catppuccin-latte.svg
 create mode 100644 docs/badges/text-based-summary-catppuccin-macchiato.svg
 create mode 100644 docs/badges/text-based-summary-catppuccin-mocha.svg
 create mode 100644 docs/badges/text-based-summary-monaki.svg
 create mode 100644 docs/badges/text-based-summary-monokai.svg
 create mode 100644 docs/badges/text-based-summary-one-dark-vivid.svg
 create mode 100644 docs/badges/text-based-summary-one-dark.svg
 create mode 100644 docs/badges/text-based-summary-solarized-dark.svg
 create mode 100644 docs/badges/text-based-summary-solarized-light.svg
 create mode 100644 docs/badges/text-based-summary-tokyo-light.svg
 create mode 100644 docs/badges/text-based-summary-tokyo-night-light.svg
 create mode 100644 docs/badges/text-based-summary-tokyo-night-storm.svg
 create mode 100644 docs/badges/text-based-summary-tokyo-night.svg

diff --git a/docs/badges/BADGE_THEMES.md b/docs/badges/BADGE_THEMES.md
index 1d1450f..818bcdb 100644
--- a/docs/badges/BADGE_THEMES.md
+++ b/docs/badges/BADGE_THEMES.md
@@ -30,11 +30,35 @@
 | default | nord | ![Detailed Nord](default-detailed-nord.svg) | ![Summary Dracula](default-summary-nord.svg) | ![Compact Dark](default-compact-nord.svg) |
 | default | gruvbox-dark | ![Detailed Gruvbox Dark](default-detailed-gruvbox-dark.svg) | ![Summary Druvbox Dark](default-summary-gruvbox-dark.svg) | ![Compact Dark](default-compact-gruvbox-dark.svg) |
 | default | gruvbox-light | ![Detailed Gruvbox Light](default-detailed-gruvbox-light.svg) | ![Summary Druvbox Light](default-summary-gruvbox-light.svg) | ![Compact Dark](default-compact-light.svg) |
+| default  | monokai | ![Detailed Monokai](default-detailed-monokai.svg) | ![Summary Monokai](default-summary-monokai.svg) | ![Compact Monokai](default-compact-monokai.svg) |
+| default  | solarized-dark | ![Detailed Solarized Dark](default-detailed-solarized-dark.svg) | ![Summary Solarized Dark](default-summary-solarized-dark.svg) | ![Compact Solarized Dark](default-compact-solarized-dark.svg) |
+| default  | solarized-light | ![Detailed Solarized Light](default-detailed-solarized-light.svg) | ![Summary Solarized Light](default-summary-solarized-light.svg) | ![Compact Solarized Light](default-compact-solarized-light.svg) |
+| default  | tokyo-night | ![Detailed Tokyo Night](default-detailed-tokyo-night.svg) | ![Summary Tokyo Night](default-summary-tokyo-night.svg) | ![Compact Tokyo Night](default-compact-tokyo-night.svg) |
+| default  | tokyo-night-storm | ![Detailed Tokyo Night Storm](default-detailed-tokyo-night-storm.svg) | ![Summary Tokyo Night Storm](default-summary-tokyo-night-storm.svg) | ![Compact Tokyo Night Storm](default-compact-tokyo-night-storm.svg) |
+| default  | tokyo-night-light | ![Detailed Tokyo Night Light](default-detailed-tokyo-night-light.svg) | ![Summary Tokyo Night Light](default-summary-tokyo-night-light.svg) | ![Compact Tokyo Night Light](default-compact-tokyo-night-light.svg) |
+| default  | one-dark | ![Detailed One Dark](default-detailed-one-dark.svg) | ![Summary One Dark](default-summary-one-dark.svg) | ![Compact One Dark](default-compact-one-dark.svg) |
+| default  | one-dark-vivid | ![Detailed One Dark Vivid](default-detailed-one-dark-vivid.svg) | ![Summary One Dark Vivid](default-summary-one-dark-vivid.svg) | ![Compact One Dark Vivid](default-compact-one-dark-vivid.svg) |
+| default  | catppuccin-mocha | ![Detailed Catppuccin Mocha](default-detailed-catppuccin-mocha.svg) | ![Summary Catppuccin Mocha](default-summary-catppuccin-mocha.svg) | ![Compact Catppuccin Mocha](default-compact-catppuccin-mocha.svg) |
+| default  | catppuccin-macchiato | ![Detailed Catppuccin Macchiato](default-detailed-catppuccin-macchiato.svg) | ![Summary Catppuccin Macchiato](default-summary-catppuccin-macchiato.svg) | ![Compact Catppuccin Macchiato](default-compact-catppuccin-macchiato.svg) |
+| default  | catppuccin-frappe | ![Detailed Catppuccin Frappe](default-detailed-catppuccin-frappe.svg) | ![Summary Catppuccin Frappe](default-summary-catppuccin-frappe.svg) | ![Compact Catppuccin Frappe](default-compact-catppuccin-frappe.svg) |
+| default  | catppuccin-latte | ![Detailed Catppuccin Latte](default-detailed-catppuccin-latte.svg) | ![Summary Catppuccin Latte](default-summary-catppuccin-latte.svg) | ![Compact Catppuccin Latte](default-compact-catppuccin-latte.svg) |
 | text-based | dark | ![Detailed Dark](text-based-detailed-dark.svg) | ![Summary Dark](text-based-summary-dark.svg) | ![Compact Dark](text-based-compact-dark.svg) |
 | text-based  | light | ![Detailed Light](text-based-detailed-light.svg) | ![Summary Light](text-based-summary-light.svg) | ![Compact Light](text-based-compact-light.svg) |
 | text-based  | dracula | ![Detailed Dracula](text-based-detailed-dracula.svg) | ![Summary Dracula](text-based-summary-dracula.svg) | ![Compact Dracula](text-based-compact-dracula.svg) |
 | text-based  | nord | ![Detailed Nord](text-based-detailed-nord.svg) | ![Summary Nord](text-based-summary-nord.svg) | ![Compact Nord](text-based-compact-nord.svg) |
 | text-based  | gruvbox-dark | ![Detailed Gruvbox Dark](text-based-detailed-gruvbox-dark.svg) | ![Summary Gruvbox Dark](text-based-summary-gruvbox-dark.svg) | ![Compact Gruvbox Dark](text-based-compact-gruvbox-dark.svg) |
 | text-based  | gruvbox-light | ![Detailed Gruvbox Light](text-based-detailed-gruvbox-light.svg) | ![Summary Gruvbox Light](text-based-summary-gruvbox-light.svg) | ![Compact Gruvbox Light](text-based-compact-gruvbox-light.svg) |
+| text-based  | monokai | ![Detailed Monokai](text-based-detailed-monokai.svg) | ![Summary Monokai](text-based-summary-monokai.svg) | ![Compact Monokai](text-based-compact-monokai.svg) |
+| text-based  | solarized-dark | ![Detailed Solarized Dark](text-based-detailed-solarized-dark.svg) | ![Summary Solarized Dark](text-based-summary-solarized-dark.svg) | ![Compact Solarized Dark](text-based-compact-solarized-dark.svg) |
+| text-based  | solarized-light | ![Detailed Solarized Light](text-based-detailed-solarized-light.svg) | ![Summary Solarized Light](text-based-summary-solarized-light.svg) | ![Compact Solarized Light](text-based-compact-solarized-light.svg) |
+| text-based  | tokyo-night | ![Detailed Tokyo Night](text-based-detailed-tokyo-night.svg) | ![Summary Tokyo Night](text-based-summary-tokyo-night.svg) | ![Compact Tokyo Night](text-based-compact-tokyo-night.svg) |
+| text-based  | tokyo-night-storm | ![Detailed Tokyo Night Storm](text-based-detailed-tokyo-night-storm.svg) | ![Summary Tokyo Night Storm](text-based-summary-tokyo-night-storm.svg) | ![Compact Tokyo Night Storm](text-based-compact-tokyo-night-storm.svg) |
+| text-based  | tokyo-night-light | ![Detailed Tokyo Night Light](text-based-detailed-tokyo-night-light.svg) | ![Summary Tokyo Night Light](text-based-summary-tokyo-night-light.svg) | ![Compact Tokyo Night Light](text-based-compact-tokyo-night-light.svg) |
+| text-based  | one-dark | ![Detailed One Dark](text-based-detailed-one-dark.svg) | ![Summary One Dark](text-based-summary-one-dark.svg) | ![Compact One Dark](text-based-compact-one-dark.svg) |
+| text-based  | one-dark-vivid | ![Detailed One Dark Vivid](text-based-detailed-one-dark-vivid.svg) | ![Summary One Dark Vivid](text-based-summary-one-dark-vivid.svg) | ![Compact One Dark Vivid](text-based-compact-one-dark-vivid.svg) |
+| text-based  | catppuccin-mocha | ![Detailed Catppuccin Mocha](text-based-detailed-catppuccin-mocha.svg) | ![Summary Catppuccin Mocha](text-based-summary-catppuccin-mocha.svg) | ![Compact Catppuccin Mocha](text-based-compact-catppuccin-mocha.svg) |
+| text-based  | catppuccin-macchiato | ![Detailed Catppuccin Macchiato](text-based-detailed-catppuccin-macchiato.svg) | ![Summary Catppuccin Macchiato](text-based-summary-catppuccin-macchiato.svg) | ![Compact Catppuccin Macchiato](text-based-compact-catppuccin-macchiato.svg) |
+| text-based  | catppuccin-frappe | ![Detailed Catppuccin Frappe](text-based-detailed-catppuccin-frappe.svg) | ![Summary Catppuccin Frappe](text-based-summary-catppuccin-frappe.svg) | ![Compact Catppuccin Frappe](text-based-compact-catppuccin-frappe.svg) |
+| text-based  | catppuccin-latte | ![Detailed Catppuccin Latte](text-based-detailed-catppuccin-latte.svg) | ![Summary Catppuccin Latte](text-based-summary-catppuccin-latte.svg) | ![Compact Catppuccin Latte](text-based-compact-catppuccin-latte.svg) |
 
 
diff --git a/docs/badges/default-compact-catppuccin-frappe.svg b/docs/badges/default-compact-catppuccin-frappe.svg
new file mode 100644
index 0000000..3210ef4
--- /dev/null
+++ b/docs/badges/default-compact-catppuccin-frappe.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #C6D0F5;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #303446;
+        stroke: #51576D;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#8CAAEE" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#8CAAEE" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-catppuccin-latte.svg b/docs/badges/default-compact-catppuccin-latte.svg
new file mode 100644
index 0000000..29850fe
--- /dev/null
+++ b/docs/badges/default-compact-catppuccin-latte.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #4C4F69;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #EFF1F5;
+        stroke: #BCC0CC;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#1E66F5" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#1E66F5" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-catppuccin-macchiato.svg b/docs/badges/default-compact-catppuccin-macchiato.svg
new file mode 100644
index 0000000..ae4dae9
--- /dev/null
+++ b/docs/badges/default-compact-catppuccin-macchiato.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #CAD3F5;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #24273A;
+        stroke: #494D64;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#8AADF4" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#8AADF4" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-catppuccin-mocha.svg b/docs/badges/default-compact-catppuccin-mocha.svg
new file mode 100644
index 0000000..bc3a883
--- /dev/null
+++ b/docs/badges/default-compact-catppuccin-mocha.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #CDD6F4;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #1E1E2E;
+        stroke: #45475A;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#89B4FA" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#89B4FA" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-monaki.svg b/docs/badges/default-compact-monaki.svg
new file mode 100644
index 0000000..e3611bf
--- /dev/null
+++ b/docs/badges/default-compact-monaki.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #F8F8F2;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #272822;
+        stroke: #49483E;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#66D9EF" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#66D9EF" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-monokai.svg b/docs/badges/default-compact-monokai.svg
new file mode 100644
index 0000000..e3611bf
--- /dev/null
+++ b/docs/badges/default-compact-monokai.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #F8F8F2;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #272822;
+        stroke: #49483E;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#66D9EF" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#66D9EF" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-one-dark-vivid.svg b/docs/badges/default-compact-one-dark-vivid.svg
new file mode 100644
index 0000000..89c0db6
--- /dev/null
+++ b/docs/badges/default-compact-one-dark-vivid.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #ABB2BF;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #282C34;
+        stroke: #3E4451;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#528BFF" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#528BFF" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-one-dark.svg b/docs/badges/default-compact-one-dark.svg
new file mode 100644
index 0000000..2fa6ad4
--- /dev/null
+++ b/docs/badges/default-compact-one-dark.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #ABB2BF;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #282C34;
+        stroke: #3E4451;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#61AFEF" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#61AFEF" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-solarized-dark.svg b/docs/badges/default-compact-solarized-dark.svg
new file mode 100644
index 0000000..a9917db
--- /dev/null
+++ b/docs/badges/default-compact-solarized-dark.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #839496;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #002B36;
+        stroke: #073642;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#268BD2" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#268BD2" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-solarized-light.svg b/docs/badges/default-compact-solarized-light.svg
new file mode 100644
index 0000000..81dcbd1
--- /dev/null
+++ b/docs/badges/default-compact-solarized-light.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #657B83;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #FDF6E3;
+        stroke: #EEE8D5;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#268BD2" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#268BD2" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-tokyo-light.svg b/docs/badges/default-compact-tokyo-light.svg
new file mode 100644
index 0000000..75f3481
--- /dev/null
+++ b/docs/badges/default-compact-tokyo-light.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #343B58;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #D5D6DB;
+        stroke: #C4C8DA;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#34548A" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#34548A" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-tokyo-night-light.svg b/docs/badges/default-compact-tokyo-night-light.svg
new file mode 100644
index 0000000..75f3481
--- /dev/null
+++ b/docs/badges/default-compact-tokyo-night-light.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #343B58;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #D5D6DB;
+        stroke: #C4C8DA;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#34548A" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#34548A" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-tokyo-night-storm.svg b/docs/badges/default-compact-tokyo-night-storm.svg
new file mode 100644
index 0000000..27c52f3
--- /dev/null
+++ b/docs/badges/default-compact-tokyo-night-storm.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #C0CAF5;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #24283B;
+        stroke: #414868;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#7AA2F7" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#7AA2F7" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-compact-tokyo-night.svg b/docs/badges/default-compact-tokyo-night.svg
new file mode 100644
index 0000000..4f0d85c
--- /dev/null
+++ b/docs/badges/default-compact-tokyo-night.svg
@@ -0,0 +1,40 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        fill: #C0CAF5;
+        font-size: 12px;
+        font-weight: 700;
+      }
+
+      .card {
+        fill: #1A1B26;
+        stroke: #414868;
+        stroke-width: 1;
+        rx: 16;
+      }
+    </style>
+
+    <linearGradient id="badgeGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#7AA2F7" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#7AA2F7" stop-opacity="0.75"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect class="card" x="0.5" y="0.5" width="279" height="31"/>
+
+  <!-- Text -->
+  <text x="140" y="21" text-anchor="middle">
+    OSS · 7 projects | 17 PRs
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/default-detailed-catppuccin-frappe.svg b/docs/badges/default-detailed-catppuccin-frappe.svg
new file mode 100644
index 0000000..ec2df33
--- /dev/null
+++ b/docs/badges/default-detailed-catppuccin-frappe.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #303446;
+      --bg-alt: #414559;
+      --text: #C6D0F5;
+      --text-muted: #A5ADCE;
+      --border: #51576D;
+      --accent: #8CAAEE;
+      --star: #E5C890;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-catppuccin-latte.svg b/docs/badges/default-detailed-catppuccin-latte.svg
new file mode 100644
index 0000000..2b3d1e1
--- /dev/null
+++ b/docs/badges/default-detailed-catppuccin-latte.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #EFF1F5;
+      --bg-alt: #CCD0DA;
+      --text: #4C4F69;
+      --text-muted: #6C6F85;
+      --border: #BCC0CC;
+      --accent: #1E66F5;
+      --star: #DF8E1D;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-catppuccin-macchiato.svg b/docs/badges/default-detailed-catppuccin-macchiato.svg
new file mode 100644
index 0000000..9f6af37
--- /dev/null
+++ b/docs/badges/default-detailed-catppuccin-macchiato.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #24273A;
+      --bg-alt: #363A4F;
+      --text: #CAD3F5;
+      --text-muted: #A5ADCB;
+      --border: #494D64;
+      --accent: #8AADF4;
+      --star: #EED49F;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-catppuccin-mocha.svg b/docs/badges/default-detailed-catppuccin-mocha.svg
new file mode 100644
index 0000000..1c5e07e
--- /dev/null
+++ b/docs/badges/default-detailed-catppuccin-mocha.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #1E1E2E;
+      --bg-alt: #313244;
+      --text: #CDD6F4;
+      --text-muted: #A6ADC8;
+      --border: #45475A;
+      --accent: #89B4FA;
+      --star: #F9E2AF;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-monaki.svg b/docs/badges/default-detailed-monaki.svg
new file mode 100644
index 0000000..48d9c60
--- /dev/null
+++ b/docs/badges/default-detailed-monaki.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #272822;
+      --bg-alt: #3E3D32;
+      --text: #F8F8F2;
+      --text-muted: #75715E;
+      --border: #49483E;
+      --accent: #66D9EF;
+      --star: #E6DB74;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-monokai.svg b/docs/badges/default-detailed-monokai.svg
new file mode 100644
index 0000000..48d9c60
--- /dev/null
+++ b/docs/badges/default-detailed-monokai.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #272822;
+      --bg-alt: #3E3D32;
+      --text: #F8F8F2;
+      --text-muted: #75715E;
+      --border: #49483E;
+      --accent: #66D9EF;
+      --star: #E6DB74;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-one-dark-vivid.svg b/docs/badges/default-detailed-one-dark-vivid.svg
new file mode 100644
index 0000000..cb6f93a
--- /dev/null
+++ b/docs/badges/default-detailed-one-dark-vivid.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #282C34;
+      --bg-alt: #21252B;
+      --text: #ABB2BF;
+      --text-muted: #5C6370;
+      --border: #3E4451;
+      --accent: #528BFF;
+      --star: #D19A66;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-one-dark.svg b/docs/badges/default-detailed-one-dark.svg
new file mode 100644
index 0000000..4a9604d
--- /dev/null
+++ b/docs/badges/default-detailed-one-dark.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #282C34;
+      --bg-alt: #21252B;
+      --text: #ABB2BF;
+      --text-muted: #5C6370;
+      --border: #3E4451;
+      --accent: #61AFEF;
+      --star: #E5C07B;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-solarized-dark.svg b/docs/badges/default-detailed-solarized-dark.svg
new file mode 100644
index 0000000..bde9c86
--- /dev/null
+++ b/docs/badges/default-detailed-solarized-dark.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #002B36;
+      --bg-alt: #073642;
+      --text: #839496;
+      --text-muted: #586E75;
+      --border: #073642;
+      --accent: #268BD2;
+      --star: #B58900;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-solarized-light.svg b/docs/badges/default-detailed-solarized-light.svg
new file mode 100644
index 0000000..0d0bd7b
--- /dev/null
+++ b/docs/badges/default-detailed-solarized-light.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #FDF6E3;
+      --bg-alt: #EEE8D5;
+      --text: #657B83;
+      --text-muted: #93A1A1;
+      --border: #EEE8D5;
+      --accent: #268BD2;
+      --star: #B58900;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-tokyo-light.svg b/docs/badges/default-detailed-tokyo-light.svg
new file mode 100644
index 0000000..ba13324
--- /dev/null
+++ b/docs/badges/default-detailed-tokyo-light.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #D5D6DB;
+      --bg-alt: #CBCCD1;
+      --text: #343B58;
+      --text-muted: #6172AF;
+      --border: #C4C8DA;
+      --accent: #34548A;
+      --star: #8F5E15;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-tokyo-night-light.svg b/docs/badges/default-detailed-tokyo-night-light.svg
new file mode 100644
index 0000000..ba13324
--- /dev/null
+++ b/docs/badges/default-detailed-tokyo-night-light.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #D5D6DB;
+      --bg-alt: #CBCCD1;
+      --text: #343B58;
+      --text-muted: #6172AF;
+      --border: #C4C8DA;
+      --accent: #34548A;
+      --star: #8F5E15;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-tokyo-night-storm.svg b/docs/badges/default-detailed-tokyo-night-storm.svg
new file mode 100644
index 0000000..38f1d6d
--- /dev/null
+++ b/docs/badges/default-detailed-tokyo-night-storm.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #24283B;
+      --bg-alt: #1F2335;
+      --text: #C0CAF5;
+      --text-muted: #565F89;
+      --border: #414868;
+      --accent: #7AA2F7;
+      --star: #E0AF68;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-detailed-tokyo-night.svg b/docs/badges/default-detailed-tokyo-night.svg
new file mode 100644
index 0000000..ae67892
--- /dev/null
+++ b/docs/badges/default-detailed-tokyo-night.svg
@@ -0,0 +1,354 @@
+
+<svg
+  width="900"
+  height="518"
+  viewBox="0 0 900 518"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="GitHub Open Source Contribution Stats">
+
+  <!-- ========================= -->
+  <!-- Theme + Styling -->
+  <!-- ========================= -->
+  <style>
+    :root {
+      --bg: #1A1B26;
+      --bg-alt: #24283B;
+      --text: #C0CAF5;
+      --text-muted: #565F89;
+      --border: #414868;
+      --accent: #7AA2F7;
+      --star: #E0AF68;
+    }
+
+    text {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                   "Segoe UI", Helvetica, Arial, sans-serif;
+    }
+
+    .title {
+      font-size: 26px;
+      font-weight: 800;
+      fill: var(--text);
+      letter-spacing: -0.4px;
+    }
+
+    .subtitle {
+      font-size: 13px;
+      fill: var(--text-muted);
+    }
+
+    .card {
+      fill: url(#cardGradient);
+      stroke: var(--border);
+      stroke-width: 1;
+      rx: 14;
+    }
+
+    .card-glass {
+      fill: url(#glass);
+      rx: 14;
+    }
+
+    .metric-label {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      fill: var(--text-muted);
+    }
+
+    .metric-value {
+      font-size: 28px;
+      font-weight: 800;
+      fill: var(--text);
+    }
+
+    .repo-name {
+      font-size: 16px;
+      font-weight: 700;
+      fill: var(--text);
+    }
+
+    .repo-meta {
+      font-size: 12px;
+      fill: var(--text-muted);
+    }
+
+    .fade-in {
+      opacity: 0;
+      animation: fadeUp 0.6s ease-out forwards;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(6px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+
+  <!-- ========================= -->
+  <!-- Definitions -->
+  <!-- ========================= -->
+  <defs>
+    <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+    </linearGradient>
+
+    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
+      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- ========================= -->
+  <!-- Background -->
+  <!-- ========================= -->
+  <rect
+    x="0"
+    y="0"
+    width="900"
+    height="518"
+    rx="18"
+    fill="var(--bg)"
+  />
+
+  <!-- ========================= -->
+  <!-- Header -->
+  <!-- ========================= -->
+  <g class="fade-in">
+    <text x="32" y="50" class="title">
+      mabd-dev · Open Source
+    </text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Metrics Row -->
+  <!-- ========================= -->
+
+  <!-- Projects -->
+  <g class="fade-in" style="animation-delay: 100ms">
+    <rect x="32" y="96" width="260" height="96" class="card"/>
+    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
+    <text x="48" y="132" class="metric-label">Projects</text>
+    <text x="48" y="168" class="metric-value">7</text>
+  </g>
+
+  <!-- PRs -->
+  <g class="fade-in" style="animation-delay: 150ms">
+    <rect x="320" y="96" width="260" height="96" class="card"/>
+    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
+    <text x="336" y="132" class="metric-label">PRs Merged</text>
+    <text x="336" y="168" class="metric-value">17</text>
+  </g>
+
+  <!-- Lines Changed -->
+  <g class="fade-in" style="animation-delay: 200ms">
+    <rect x="608" y="96" width="260" height="96" class="card"/>
+    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
+    <text x="624" y="132" class="metric-label">Lines Changed</text>
+    <text x="624" y="168" class="metric-value">2.9K</text>
+  </g>
+
+  <!-- ========================= -->
+  <!-- Top Contributions -->
+  <!-- ========================= -->
+  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
+    Top Contributions
+  </text>
+
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 300ms">
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="278"
+      class="repo-name">
+      android-public
+    </text>
+    <text
+      x="48"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 6 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 380ms">
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="278"
+      class="repo-name">
+      Tomato
+    </text>
+    <text
+      x="336"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 460ms">
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="240"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="278"
+      class="repo-name">
+      JetpackComposeTracker
+    </text>
+    <text
+      x="624"
+      y="304"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 540ms">
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="32"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="48"
+      y="398"
+      class="repo-name">
+      nav3-recipes
+    </text>
+    <text
+      x="48"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 620ms">
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="320"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="336"
+      y="398"
+      class="repo-name">
+      cahier
+    </text>
+    <text
+      x="336"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+  
+  
+  <g class="fade-in" style="animation-delay: 700ms">
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card"
+    />
+    <rect
+      x="608"
+      y="360"
+      width="260"
+      height="108"
+      class="card-glass"
+    />
+
+    <text
+      x="624"
+      y="398"
+      class="repo-name">
+      Compose-Rolling-Number
+    </text>
+    <text
+      x="624"
+      y="424"
+      class="repo-meta">
+      ⭐ 15 · 2 PRs Merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/default-summary-catppuccin-frappe.svg b/docs/badges/default-summary-catppuccin-frappe.svg
new file mode 100644
index 0000000..d696810
--- /dev/null
+++ b/docs/badges/default-summary-catppuccin-frappe.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #303446;
+      }
+      .card {
+        fill: #414559;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C6D0F5;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #A5ADCE;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C6D0F5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A5ADCE;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-catppuccin-latte.svg b/docs/badges/default-summary-catppuccin-latte.svg
new file mode 100644
index 0000000..8602b35
--- /dev/null
+++ b/docs/badges/default-summary-catppuccin-latte.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #EFF1F5;
+      }
+      .card {
+        fill: #CCD0DA;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #4C4F69;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #6C6F85;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #4C4F69;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6C6F85;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-catppuccin-macchiato.svg b/docs/badges/default-summary-catppuccin-macchiato.svg
new file mode 100644
index 0000000..2df245f
--- /dev/null
+++ b/docs/badges/default-summary-catppuccin-macchiato.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #24273A;
+      }
+      .card {
+        fill: #363A4F;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #CAD3F5;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #A5ADCB;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #CAD3F5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A5ADCB;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-catppuccin-mocha.svg b/docs/badges/default-summary-catppuccin-mocha.svg
new file mode 100644
index 0000000..757cb55
--- /dev/null
+++ b/docs/badges/default-summary-catppuccin-mocha.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #1E1E2E;
+      }
+      .card {
+        fill: #313244;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #CDD6F4;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #A6ADC8;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #CDD6F4;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A6ADC8;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-monaki.svg b/docs/badges/default-summary-monaki.svg
new file mode 100644
index 0000000..7c44ba7
--- /dev/null
+++ b/docs/badges/default-summary-monaki.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #272822;
+      }
+      .card {
+        fill: #3E3D32;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #75715E;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-monokai.svg b/docs/badges/default-summary-monokai.svg
new file mode 100644
index 0000000..7c44ba7
--- /dev/null
+++ b/docs/badges/default-summary-monokai.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #272822;
+      }
+      .card {
+        fill: #3E3D32;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #75715E;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-one-dark-vivid.svg b/docs/badges/default-summary-one-dark-vivid.svg
new file mode 100644
index 0000000..582e86a
--- /dev/null
+++ b/docs/badges/default-summary-one-dark-vivid.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #282C34;
+      }
+      .card {
+        fill: #21252B;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-one-dark.svg b/docs/badges/default-summary-one-dark.svg
new file mode 100644
index 0000000..582e86a
--- /dev/null
+++ b/docs/badges/default-summary-one-dark.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #282C34;
+      }
+      .card {
+        fill: #21252B;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-solarized-dark.svg b/docs/badges/default-summary-solarized-dark.svg
new file mode 100644
index 0000000..81b2e67
--- /dev/null
+++ b/docs/badges/default-summary-solarized-dark.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #002B36;
+      }
+      .card {
+        fill: #073642;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #839496;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #586E75;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #839496;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #586E75;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-solarized-light.svg b/docs/badges/default-summary-solarized-light.svg
new file mode 100644
index 0000000..f8ab9e1
--- /dev/null
+++ b/docs/badges/default-summary-solarized-light.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #FDF6E3;
+      }
+      .card {
+        fill: #EEE8D5;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #657B83;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #93A1A1;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #657B83;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #93A1A1;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-tokyo-light.svg b/docs/badges/default-summary-tokyo-light.svg
new file mode 100644
index 0000000..6e892cf
--- /dev/null
+++ b/docs/badges/default-summary-tokyo-light.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #D5D6DB;
+      }
+      .card {
+        fill: #CBCCD1;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #343B58;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #343B58;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-tokyo-night-light.svg b/docs/badges/default-summary-tokyo-night-light.svg
new file mode 100644
index 0000000..6e892cf
--- /dev/null
+++ b/docs/badges/default-summary-tokyo-night-light.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #D5D6DB;
+      }
+      .card {
+        fill: #CBCCD1;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #343B58;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #343B58;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-tokyo-night-storm.svg b/docs/badges/default-summary-tokyo-night-storm.svg
new file mode 100644
index 0000000..dbeae0e
--- /dev/null
+++ b/docs/badges/default-summary-tokyo-night-storm.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #24283B;
+      }
+      .card {
+        fill: #1F2335;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #565F89;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/default-summary-tokyo-night.svg b/docs/badges/default-summary-tokyo-night.svg
new file mode 100644
index 0000000..fcfbf99
--- /dev/null
+++ b/docs/badges/default-summary-tokyo-night.svg
@@ -0,0 +1,58 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #1A1B26;
+      }
+      .card {
+        fill: #24283B;
+      }
+      .username {
+        font-size: 18px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+      .subtitle {
+        font-size: 12px;
+        fill: #565F89;
+      }
+      .stat-value {
+        font-size: 26px;
+        font-style: italic;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="42">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">open source contributions</text>
+  <!-- Stat Cards -->
+  <rect class="card" x="22" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="146" y="91" width="108" height="70" rx="10"/>
+  <rect class="card" x="270" y="91" width="108" height="70" rx="10"/>
+  <!-- Stats -->
+  <text class="stat-value" x="76" y="123" text-anchor="middle">7</text>
+  <text class="stat-label" x="76" y="144" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="200" y="123" text-anchor="middle">17</text>
+  <text class="stat-label" x="200" y="144" text-anchor="middle">PRS MERGED</text>
+  <text class="stat-value" x="324" y="123" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="324" y="144" text-anchor="middle">LINES CHANGED</text>
+</svg>
diff --git a/docs/badges/text-based-compact-catppuccin-frappe.svg b/docs/badges/text-based-compact-catppuccin-frappe.svg
new file mode 100644
index 0000000..991a3ac
--- /dev/null
+++ b/docs/badges/text-based-compact-catppuccin-frappe.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #303446; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #C6D0F5;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #A5ADCE; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-catppuccin-latte.svg b/docs/badges/text-based-compact-catppuccin-latte.svg
new file mode 100644
index 0000000..195def5
--- /dev/null
+++ b/docs/badges/text-based-compact-catppuccin-latte.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #EFF1F5; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #4C4F69;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #6C6F85; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-catppuccin-macchiato.svg b/docs/badges/text-based-compact-catppuccin-macchiato.svg
new file mode 100644
index 0000000..7e8e9a6
--- /dev/null
+++ b/docs/badges/text-based-compact-catppuccin-macchiato.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #24273A; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #CAD3F5;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #A5ADCB; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-catppuccin-mocha.svg b/docs/badges/text-based-compact-catppuccin-mocha.svg
new file mode 100644
index 0000000..f0c6049
--- /dev/null
+++ b/docs/badges/text-based-compact-catppuccin-mocha.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #1E1E2E; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #CDD6F4;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #A6ADC8; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-monaki.svg b/docs/badges/text-based-compact-monaki.svg
new file mode 100644
index 0000000..dad5c64
--- /dev/null
+++ b/docs/badges/text-based-compact-monaki.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #272822; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #F8F8F2;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #75715E; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-monokai.svg b/docs/badges/text-based-compact-monokai.svg
new file mode 100644
index 0000000..dad5c64
--- /dev/null
+++ b/docs/badges/text-based-compact-monokai.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #272822; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #F8F8F2;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #75715E; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-one-dark-vivid.svg b/docs/badges/text-based-compact-one-dark-vivid.svg
new file mode 100644
index 0000000..9321da9
--- /dev/null
+++ b/docs/badges/text-based-compact-one-dark-vivid.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #282C34; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #ABB2BF;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #5C6370; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-one-dark.svg b/docs/badges/text-based-compact-one-dark.svg
new file mode 100644
index 0000000..9321da9
--- /dev/null
+++ b/docs/badges/text-based-compact-one-dark.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #282C34; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #ABB2BF;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #5C6370; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-solarized-dark.svg b/docs/badges/text-based-compact-solarized-dark.svg
new file mode 100644
index 0000000..3e9c0c7
--- /dev/null
+++ b/docs/badges/text-based-compact-solarized-dark.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #002B36; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #839496;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #586E75; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-solarized-light.svg b/docs/badges/text-based-compact-solarized-light.svg
new file mode 100644
index 0000000..515d4d4
--- /dev/null
+++ b/docs/badges/text-based-compact-solarized-light.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #FDF6E3; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #657B83;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #93A1A1; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-tokyo-light.svg b/docs/badges/text-based-compact-tokyo-light.svg
new file mode 100644
index 0000000..2ae90d3
--- /dev/null
+++ b/docs/badges/text-based-compact-tokyo-light.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #D5D6DB; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #343B58;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #6172AF; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-tokyo-night-light.svg b/docs/badges/text-based-compact-tokyo-night-light.svg
new file mode 100644
index 0000000..2ae90d3
--- /dev/null
+++ b/docs/badges/text-based-compact-tokyo-night-light.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #D5D6DB; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #343B58;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #6172AF; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-tokyo-night-storm.svg b/docs/badges/text-based-compact-tokyo-night-storm.svg
new file mode 100644
index 0000000..6c49c98
--- /dev/null
+++ b/docs/badges/text-based-compact-tokyo-night-storm.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #24283B; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #C0CAF5;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #565F89; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-compact-tokyo-night.svg b/docs/badges/text-based-compact-tokyo-night.svg
new file mode 100644
index 0000000..905654a
--- /dev/null
+++ b/docs/badges/text-based-compact-tokyo-night.svg
@@ -0,0 +1,31 @@
+<svg
+  width="280"
+  height="32"
+  viewBox="0 0 280 32"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="OSS Contributions">
+  <defs>
+    <style>
+      .bg { fill: #1A1B26; }
+      .content {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        fill: #C0CAF5;
+      }
+      .bold { font-weight: 700; }
+      .sep { fill: #565F89; }
+    </style>
+  </defs>
+  <rect class="bg" width="280" height="32" rx="16"/>
+  <text class="content" x="140" y="19.5" text-anchor="middle">
+    <tspan class="bold">OSS</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">7</tspan>
+    <tspan> projects</tspan>
+    <tspan class="sep"> · </tspan>
+    <tspan class="bold">17</tspan>
+    <tspan> PRs Merged</tspan>
+  </text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-detailed-catppuccin-frappe.svg b/docs/badges/text-based-detailed-catppuccin-frappe.svg
new file mode 100644
index 0000000..add0eb4
--- /dev/null
+++ b/docs/badges/text-based-detailed-catppuccin-frappe.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #303446;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #C6D0F5;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #A5ADCE;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #C6D0F5;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #A5ADCE;
+      }
+
+      .divider {
+        stroke: #51576D;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #A5ADCE;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #C6D0F5;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #8CAAEE;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #A5ADCE;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-catppuccin-latte.svg b/docs/badges/text-based-detailed-catppuccin-latte.svg
new file mode 100644
index 0000000..5d3d2f5
--- /dev/null
+++ b/docs/badges/text-based-detailed-catppuccin-latte.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #EFF1F5;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #4C4F69;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #6C6F85;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #4C4F69;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #6C6F85;
+      }
+
+      .divider {
+        stroke: #BCC0CC;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #6C6F85;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #4C4F69;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #1E66F5;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #6C6F85;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-catppuccin-macchiato.svg b/docs/badges/text-based-detailed-catppuccin-macchiato.svg
new file mode 100644
index 0000000..9cce519
--- /dev/null
+++ b/docs/badges/text-based-detailed-catppuccin-macchiato.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #24273A;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #CAD3F5;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #A5ADCB;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #CAD3F5;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #A5ADCB;
+      }
+
+      .divider {
+        stroke: #494D64;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #A5ADCB;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #CAD3F5;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #8AADF4;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #A5ADCB;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-catppuccin-mocha.svg b/docs/badges/text-based-detailed-catppuccin-mocha.svg
new file mode 100644
index 0000000..2e7a202
--- /dev/null
+++ b/docs/badges/text-based-detailed-catppuccin-mocha.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #1E1E2E;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #CDD6F4;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #A6ADC8;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #CDD6F4;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #A6ADC8;
+      }
+
+      .divider {
+        stroke: #45475A;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #A6ADC8;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #CDD6F4;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #89B4FA;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #A6ADC8;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-monaki.svg b/docs/badges/text-based-detailed-monaki.svg
new file mode 100644
index 0000000..7a92663
--- /dev/null
+++ b/docs/badges/text-based-detailed-monaki.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #272822;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #F8F8F2;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #75715E;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #75715E;
+      }
+
+      .divider {
+        stroke: #49483E;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #75715E;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #66D9EF;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-monokai.svg b/docs/badges/text-based-detailed-monokai.svg
new file mode 100644
index 0000000..7a92663
--- /dev/null
+++ b/docs/badges/text-based-detailed-monokai.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #272822;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #F8F8F2;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #75715E;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #75715E;
+      }
+
+      .divider {
+        stroke: #49483E;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #75715E;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #F8F8F2;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #66D9EF;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-one-dark-vivid.svg b/docs/badges/text-based-detailed-one-dark-vivid.svg
new file mode 100644
index 0000000..16b53b1
--- /dev/null
+++ b/docs/badges/text-based-detailed-one-dark-vivid.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #282C34;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #ABB2BF;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #5C6370;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+
+      .divider {
+        stroke: #3E4451;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #5C6370;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #528BFF;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-one-dark.svg b/docs/badges/text-based-detailed-one-dark.svg
new file mode 100644
index 0000000..5d21dbf
--- /dev/null
+++ b/docs/badges/text-based-detailed-one-dark.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #282C34;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #ABB2BF;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #5C6370;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+
+      .divider {
+        stroke: #3E4451;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #5C6370;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #ABB2BF;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #61AFEF;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-solarized-dark.svg b/docs/badges/text-based-detailed-solarized-dark.svg
new file mode 100644
index 0000000..f580c66
--- /dev/null
+++ b/docs/badges/text-based-detailed-solarized-dark.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #002B36;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #839496;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #586E75;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #839496;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #586E75;
+      }
+
+      .divider {
+        stroke: #073642;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #586E75;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #839496;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #268BD2;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #586E75;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-solarized-light.svg b/docs/badges/text-based-detailed-solarized-light.svg
new file mode 100644
index 0000000..ba51075
--- /dev/null
+++ b/docs/badges/text-based-detailed-solarized-light.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #FDF6E3;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #657B83;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #93A1A1;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #657B83;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #93A1A1;
+      }
+
+      .divider {
+        stroke: #EEE8D5;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #93A1A1;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #657B83;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #268BD2;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #93A1A1;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-tokyo-light.svg b/docs/badges/text-based-detailed-tokyo-light.svg
new file mode 100644
index 0000000..c05fecd
--- /dev/null
+++ b/docs/badges/text-based-detailed-tokyo-light.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #D5D6DB;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #343B58;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #6172AF;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+
+      .divider {
+        stroke: #C4C8DA;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #6172AF;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #343B58;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #34548A;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-tokyo-night-light.svg b/docs/badges/text-based-detailed-tokyo-night-light.svg
new file mode 100644
index 0000000..c05fecd
--- /dev/null
+++ b/docs/badges/text-based-detailed-tokyo-night-light.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #D5D6DB;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #343B58;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #6172AF;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+
+      .divider {
+        stroke: #C4C8DA;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #6172AF;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #343B58;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #34548A;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-tokyo-night-storm.svg b/docs/badges/text-based-detailed-tokyo-night-storm.svg
new file mode 100644
index 0000000..48a924a
--- /dev/null
+++ b/docs/badges/text-based-detailed-tokyo-night-storm.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #24283B;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #C0CAF5;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #565F89;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #565F89;
+      }
+
+      .divider {
+        stroke: #414868;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #565F89;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #7AA2F7;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-detailed-tokyo-night.svg b/docs/badges/text-based-detailed-tokyo-night.svg
new file mode 100644
index 0000000..3e4cac9
--- /dev/null
+++ b/docs/badges/text-based-detailed-tokyo-night.svg
@@ -0,0 +1,192 @@
+
+	
+	<svg
+  width="720"
+  height="636"
+  viewBox="0 0 720 636"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contributions">
+
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+
+      .bg {
+        fill: #1A1B26;
+      }
+
+      .username {
+        font-size: 30px;
+        font-weight: 900;
+        fill: #C0CAF5;
+        letter-spacing: -0.6px;
+      }
+
+      .subtitle {
+        font-size: 13px;
+        fill: #565F89;
+      }
+
+      .stat {
+        font-size: 26px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        fill: #565F89;
+      }
+
+      .divider {
+        stroke: #414868;
+        stroke-width: 1;
+      }
+
+      .section-title {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #565F89;
+        letter-spacing: 0.1em;
+      }
+
+      .repo-name {
+        font-size: 16px;
+        font-weight: 700;
+        fill: #C0CAF5;
+      }
+
+      .repo-stars {
+        font-size: 13px;
+        font-weight: 700;
+        fill: #7AA2F7;
+      }
+
+      .repo-meta {
+        font-size: 12px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+
+  <!-- Background -->
+  <rect
+    class="bg"
+    x="0"
+    y="0"
+    width="720"
+    height="636"
+    rx="20"/>
+
+  <!-- Header -->
+  <text class="username" x="48" y="68">
+    mabd-dev
+  </text>
+
+  <text class="subtitle" x="48" y="92">
+    Open source contributions
+  </text>
+
+  <!-- Stats -->
+  <g transform="translate(48, 132)">
+    <text class="stat">7</text>
+    <text class="stat-label" y="22">Projects</text>
+  </g>
+
+  <g transform="translate(220, 132)">
+    <text class="stat">17</text>
+    <text class="stat-label" y="22">PRs merged</text>
+  </g>
+
+  <g transform="translate(390, 132)">
+    <text class="stat">2.9K</text>
+    <text class="stat-label" y="22">Lines changed</text>
+  </g>
+
+  <!-- Divider -->
+  <line
+    class="divider"
+    x1="48"
+    y1="196"
+    x2="672"
+    y2="196"/>
+
+  <!-- Repo Section -->
+  <text class="section-title" x="48" y="228">
+    TOP REPOSITORIES
+  </text>
+
+  
+  <g transform="translate(48, 260)">
+    <text class="repo-name">
+      android-public
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      6 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 316)">
+    <text class="repo-name">
+      Tomato
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 372)">
+    <text class="repo-name">
+      JetpackComposeTracker
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 428)">
+    <text class="repo-name">
+      nav3-recipes
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 484)">
+    <text class="repo-name">
+      cahier
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+  <g transform="translate(48, 540)">
+    <text class="repo-name">
+      Compose-Rolling-Number
+      <tspan class="repo-stars"> ★ 15</tspan>
+    </text>
+
+    <text class="repo-meta" y="22">
+      2 PRs merged
+    </text>
+  </g>
+  
+
+</svg>
+
diff --git a/docs/badges/text-based-summary-catppuccin-frappe.svg b/docs/badges/text-based-summary-catppuccin-frappe.svg
new file mode 100644
index 0000000..cdfe416
--- /dev/null
+++ b/docs/badges/text-based-summary-catppuccin-frappe.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #303446;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #C6D0F5;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #A5ADCE;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #C6D0F5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A5ADCE;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-catppuccin-latte.svg b/docs/badges/text-based-summary-catppuccin-latte.svg
new file mode 100644
index 0000000..de1bf6c
--- /dev/null
+++ b/docs/badges/text-based-summary-catppuccin-latte.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #EFF1F5;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #4C4F69;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #6C6F85;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #4C4F69;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6C6F85;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-catppuccin-macchiato.svg b/docs/badges/text-based-summary-catppuccin-macchiato.svg
new file mode 100644
index 0000000..56c87ff
--- /dev/null
+++ b/docs/badges/text-based-summary-catppuccin-macchiato.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #24273A;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #CAD3F5;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #A5ADCB;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #CAD3F5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A5ADCB;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-catppuccin-mocha.svg b/docs/badges/text-based-summary-catppuccin-mocha.svg
new file mode 100644
index 0000000..fce2033
--- /dev/null
+++ b/docs/badges/text-based-summary-catppuccin-mocha.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #1E1E2E;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #CDD6F4;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #A6ADC8;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #CDD6F4;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #A6ADC8;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-monaki.svg b/docs/badges/text-based-summary-monaki.svg
new file mode 100644
index 0000000..628951f
--- /dev/null
+++ b/docs/badges/text-based-summary-monaki.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #272822;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #75715E;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-monokai.svg b/docs/badges/text-based-summary-monokai.svg
new file mode 100644
index 0000000..628951f
--- /dev/null
+++ b/docs/badges/text-based-summary-monokai.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #272822;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #75715E;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #F8F8F2;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #75715E;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-one-dark-vivid.svg b/docs/badges/text-based-summary-one-dark-vivid.svg
new file mode 100644
index 0000000..3e95dfe
--- /dev/null
+++ b/docs/badges/text-based-summary-one-dark-vivid.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #282C34;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-one-dark.svg b/docs/badges/text-based-summary-one-dark.svg
new file mode 100644
index 0000000..3e95dfe
--- /dev/null
+++ b/docs/badges/text-based-summary-one-dark.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #282C34;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #ABB2BF;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #5C6370;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-solarized-dark.svg b/docs/badges/text-based-summary-solarized-dark.svg
new file mode 100644
index 0000000..b8a6cce
--- /dev/null
+++ b/docs/badges/text-based-summary-solarized-dark.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #002B36;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #839496;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #586E75;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #839496;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #586E75;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-solarized-light.svg b/docs/badges/text-based-summary-solarized-light.svg
new file mode 100644
index 0000000..8f8fb54
--- /dev/null
+++ b/docs/badges/text-based-summary-solarized-light.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #FDF6E3;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #657B83;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #93A1A1;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #657B83;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #93A1A1;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-tokyo-light.svg b/docs/badges/text-based-summary-tokyo-light.svg
new file mode 100644
index 0000000..d074f10
--- /dev/null
+++ b/docs/badges/text-based-summary-tokyo-light.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #D5D6DB;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-tokyo-night-light.svg b/docs/badges/text-based-summary-tokyo-night-light.svg
new file mode 100644
index 0000000..d074f10
--- /dev/null
+++ b/docs/badges/text-based-summary-tokyo-night-light.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #D5D6DB;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #343B58;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #6172AF;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-tokyo-night-storm.svg b/docs/badges/text-based-summary-tokyo-night-storm.svg
new file mode 100644
index 0000000..9d0f743
--- /dev/null
+++ b/docs/badges/text-based-summary-tokyo-night-storm.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #24283B;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #565F89;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/docs/badges/text-based-summary-tokyo-night.svg b/docs/badges/text-based-summary-tokyo-night.svg
new file mode 100644
index 0000000..3cc2c79
--- /dev/null
+++ b/docs/badges/text-based-summary-tokyo-night.svg
@@ -0,0 +1,49 @@
+<svg
+  width="400"
+  height="200"
+  viewBox="0 0 400 200"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Open Source Contribution Summary">
+  <defs>
+    <style>
+      text {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont,
+                     "Segoe UI", Helvetica, Arial, sans-serif;
+      }
+      .bg {
+        fill: #1A1B26;
+      }
+      .username {
+        font-size: 18px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+      .subtitle {
+        font-size: 11px;
+        fill: #565F89;
+      }
+      .stat-value {
+        font-size: 28px;
+        font-weight: 800;
+        fill: #C0CAF5;
+      }
+      .stat-label {
+        font-size: 11px;
+        fill: #565F89;
+      }
+    </style>
+  </defs>
+  <!-- Background -->
+  <rect class="bg" width="400" height="200" rx="16"/>
+  <!-- Header -->
+  <text class="username" x="28" y="45">@mabd-dev</text>
+  <text class="subtitle" x="28" y="62">Open Source Contributions</text>
+  <!-- Stats -->
+  <text class="stat-value" x="60" y="127" text-anchor="middle">7</text>
+  <text class="stat-label" x="60" y="141" text-anchor="middle">PROJECTS</text>
+  <text class="stat-value" x="180" y="127" text-anchor="middle">17</text>
+  <text class="stat-label" x="180" y="141" text-anchor="middle">PRs MERGED</text>
+  <text class="stat-value" x="300" y="127" text-anchor="middle">2.9K</text>
+  <text class="stat-label" x="300" y="141" text-anchor="middle">LINES CHANGED</text>
+</svg>
\ No newline at end of file
diff --git a/pkg/ossstats/badge/badgeTheme.go b/pkg/ossstats/badge/badgeTheme.go
index be552d8..ed9b6fd 100644
--- a/pkg/ossstats/badge/badgeTheme.go
+++ b/pkg/ossstats/badge/badgeTheme.go
@@ -11,12 +11,24 @@ var DefaultBadgeTheme = ThemeGithubDark
 type BadgeTheme string
 
 const (
-	ThemeGithubDark   BadgeTheme = "dark"
-	ThemeGithubLight  BadgeTheme = "light"
-	ThemeDracula      BadgeTheme = "dracula"
-	ThemeNord         BadgeTheme = "nord"
-	ThemeGruvboxDark  BadgeTheme = "gruvbox-dark"
-	ThemeGruvboxLight BadgeTheme = "gruvbox-light"
+	ThemeGithubDark          BadgeTheme = "dark"
+	ThemeGithubLight         BadgeTheme = "light"
+	ThemeDracula             BadgeTheme = "dracula"
+	ThemeNord                BadgeTheme = "nord"
+	ThemeGruvboxDark         BadgeTheme = "gruvbox-dark"
+	ThemeGruvboxLight        BadgeTheme = "gruvbox-light"
+	ThemeMonokai             BadgeTheme = "monokai"
+	ThemeSolarizedDark       BadgeTheme = "solarized-dark"
+	ThemeSolarizedLight      BadgeTheme = "solarized-light"
+	ThemeTokyoNight          BadgeTheme = "tokyo-night"
+	ThemeTokyoNightStorm     BadgeTheme = "tokyo-night-storm"
+	ThemeTokyoNightLight     BadgeTheme = "tokyo-night-light"
+	ThemeOneDark             BadgeTheme = "one-dark"
+	ThemeOneDarkVivid        BadgeTheme = "one-dark-vivid"
+	ThemeCatppuccinMocha     BadgeTheme = "catppuccin-mocha"
+	ThemeCatppuccinMacchiato BadgeTheme = "catppuccin-macchiato"
+	ThemeCatppuccinFrappe    BadgeTheme = "catppuccin-frappe"
+	ThemeCatppuccinLatte     BadgeTheme = "catppuccin-latte"
 )
 
 func BadgeThemeFromName(name string) (BadgeTheme, error) {
@@ -33,8 +45,33 @@ func BadgeThemeFromName(name string) (BadgeTheme, error) {
 		return ThemeGruvboxDark, nil
 	case "gruvbox-light":
 		return ThemeGruvboxLight, nil
+	case "monokai":
+		return ThemeMonokai, nil
+	case "solarized-dark":
+		return ThemeSolarizedDark, nil
+	case "solarized-light":
+		return ThemeSolarizedLight, nil
+	case "tokyo-night":
+		return ThemeTokyoNight, nil
+	case "tokyo-night-storm":
+		return ThemeTokyoNightStorm, nil
+	case "tokyo-night-light":
+		return ThemeTokyoNightLight, nil
+	case "one-dark":
+		return ThemeOneDark, nil
+	case "one-dark-vivid":
+		return ThemeOneDarkVivid, nil
+	case "catppuccin-mocha":
+		return ThemeCatppuccinMocha, nil
+	case "catppuccin-macchiato":
+		return ThemeCatppuccinMacchiato, nil
+	case "catppuccin-frappe":
+		return ThemeCatppuccinFrappe, nil
+	case "catppuccin-latte":
+		return ThemeCatppuccinLatte, nil
 	}
-	err := fmt.Errorf("invalid badge theme: %s (must be: dark, light, dracula, nord, gruvbox-dark, gruvbox-light)", name)
+
+	err := fmt.Errorf("invalid badge theme: %s (check https://github.com/mabd-dev/gh-oss-stats/blob/main/docs/badges/BADGE_THEMES.md for all possible values)", name)
 	return DefaultBadgeTheme, err
 }
 
@@ -121,6 +158,151 @@ func GetThemeColors(theme BadgeTheme) ThemeColors {
 			Negative:      "#cc241d",
 			Star:          "#cc241d",
 		}
+	case ThemeMonokai:
+		return ThemeColors{
+			Background:    "#272822",
+			BackgroundAlt: "#3E3D32",
+			Text:          "#F8F8F2",
+			TextSecondary: "#75715E",
+			Border:        "#49483E",
+			Accent:        "#66D9EF",
+			Positive:      "#A6E22E",
+			Negative:      "#F92672",
+			Star:          "#E6DB74",
+		}
+	case ThemeSolarizedDark:
+		return ThemeColors{
+			Background:    "#002B36",
+			BackgroundAlt: "#073642",
+			Text:          "#839496",
+			TextSecondary: "#586E75",
+			Border:        "#073642",
+			Accent:        "#268BD2",
+			Positive:      "#859900",
+			Negative:      "#DC322F",
+			Star:          "#B58900",
+		}
+	case ThemeSolarizedLight:
+		return ThemeColors{
+			Background:    "#FDF6E3",
+			BackgroundAlt: "#EEE8D5",
+			Text:          "#657B83",
+			TextSecondary: "#93A1A1",
+			Border:        "#EEE8D5",
+			Accent:        "#268BD2",
+			Positive:      "#859900",
+			Negative:      "#DC322F",
+			Star:          "#B58900",
+		}
+	case ThemeTokyoNight:
+		return ThemeColors{
+			Background:    "#1A1B26",
+			BackgroundAlt: "#24283B",
+			Text:          "#C0CAF5",
+			TextSecondary: "#565F89",
+			Border:        "#414868",
+			Accent:        "#7AA2F7",
+			Positive:      "#9ECE6A",
+			Negative:      "#F7768E",
+			Star:          "#E0AF68",
+		}
+	case ThemeTokyoNightStorm:
+		return ThemeColors{
+			Background:    "#24283B",
+			BackgroundAlt: "#1F2335",
+			Text:          "#C0CAF5",
+			TextSecondary: "#565F89",
+			Border:        "#414868",
+			Accent:        "#7AA2F7",
+			Positive:      "#9ECE6A",
+			Negative:      "#F7768E",
+			Star:          "#E0AF68",
+		}
+	case ThemeTokyoNightLight:
+		return ThemeColors{
+			Background:    "#D5D6DB",
+			BackgroundAlt: "#CBCCD1",
+			Text:          "#343B58",
+			TextSecondary: "#6172AF",
+			Border:        "#C4C8DA",
+			Accent:        "#34548A",
+			Positive:      "#485E30",
+			Negative:      "#8C4351",
+			Star:          "#8F5E15",
+		}
+	case ThemeOneDark:
+		return ThemeColors{
+			Background:    "#282C34",
+			BackgroundAlt: "#21252B",
+			Text:          "#ABB2BF",
+			TextSecondary: "#5C6370",
+			Border:        "#3E4451",
+			Accent:        "#61AFEF",
+			Positive:      "#98C379",
+			Negative:      "#E06C75",
+			Star:          "#E5C07B",
+		}
+	case ThemeOneDarkVivid:
+		return ThemeColors{
+			Background:    "#282C34",
+			BackgroundAlt: "#21252B",
+			Text:          "#ABB2BF",
+			TextSecondary: "#5C6370",
+			Border:        "#3E4451",
+			Accent:        "#528BFF",
+			Positive:      "#98C379",
+			Negative:      "#EF596F",
+			Star:          "#D19A66",
+		}
+	case ThemeCatppuccinMocha:
+		return ThemeColors{
+			Background:    "#1E1E2E",
+			BackgroundAlt: "#313244",
+			Text:          "#CDD6F4",
+			TextSecondary: "#A6ADC8",
+			Border:        "#45475A",
+			Accent:        "#89B4FA",
+			Positive:      "#A6E3A1",
+			Negative:      "#F38BA8",
+			Star:          "#F9E2AF",
+		}
+	case ThemeCatppuccinMacchiato:
+		return ThemeColors{
+			Background:    "#24273A",
+			BackgroundAlt: "#363A4F",
+			Text:          "#CAD3F5",
+			TextSecondary: "#A5ADCB",
+			Border:        "#494D64",
+			Accent:        "#8AADF4",
+			Positive:      "#A6DA95",
+			Negative:      "#ED8796",
+			Star:          "#EED49F",
+		}
+	case ThemeCatppuccinFrappe:
+		return ThemeColors{
+			Background:    "#303446",
+			BackgroundAlt: "#414559",
+			Text:          "#C6D0F5",
+			TextSecondary: "#A5ADCE",
+			Border:        "#51576D",
+			Accent:        "#8CAAEE",
+			Positive:      "#A6D189",
+			Negative:      "#E78284",
+			Star:          "#E5C890",
+		}
+	case ThemeCatppuccinLatte:
+		return ThemeColors{
+			Background:    "#EFF1F5",
+			BackgroundAlt: "#CCD0DA",
+			Text:          "#4C4F69",
+			TextSecondary: "#6C6F85",
+			Border:        "#BCC0CC",
+			Accent:        "#1E66F5",
+			Positive:      "#40A02B",
+			Negative:      "#D20F39",
+			Star:          "#DF8E1D",
+		}
+
 	default:
 		// Github dark
 		return ThemeColors{

From e1869b0ffe8b86a42a7a353341287f1c05ab299e Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Mon, 12 Jan 2026 15:37:00 +0200
Subject: [PATCH 03/12] update default detailed badge to include repo owner

---
 .../default-detailed-catppuccin-frappe.svg    | 455 ++++++++++--------
 .../default-detailed-catppuccin-latte.svg     | 455 ++++++++++--------
 .../default-detailed-catppuccin-macchiato.svg | 455 ++++++++++--------
 .../default-detailed-catppuccin-mocha.svg     | 455 ++++++++++--------
 docs/badges/default-detailed-dark.svg         | 455 ++++++++++--------
 docs/badges/default-detailed-dracula.svg      | 455 ++++++++++--------
 docs/badges/default-detailed-gruvbox-dark.svg | 455 ++++++++++--------
 .../badges/default-detailed-gruvbox-light.svg | 455 ++++++++++--------
 docs/badges/default-detailed-light.svg        | 455 ++++++++++--------
 docs/badges/default-detailed-monokai.svg      | 455 ++++++++++--------
 docs/badges/default-detailed-nord.svg         | 455 ++++++++++--------
 .../default-detailed-one-dark-vivid.svg       | 455 ++++++++++--------
 docs/badges/default-detailed-one-dark.svg     | 455 ++++++++++--------
 .../default-detailed-solarized-dark.svg       | 455 ++++++++++--------
 .../default-detailed-solarized-light.svg      | 455 ++++++++++--------
 .../default-detailed-tokyo-night-light.svg    | 455 ++++++++++--------
 .../default-detailed-tokyo-night-storm.svg    | 455 ++++++++++--------
 docs/badges/default-detailed-tokyo-night.svg  | 455 ++++++++++--------
 pkg/ossstats/badge/badge.go                   |   2 +
 pkg/ossstats/badge/badgeTemplates/defaults.go | 256 +++++-----
 20 files changed, 4928 insertions(+), 3520 deletions(-)

diff --git a/docs/badges/default-detailed-catppuccin-frappe.svg b/docs/badges/default-detailed-catppuccin-frappe.svg
index ec2df33..72f3940 100644
--- a/docs/badges/default-detailed-catppuccin-frappe.svg
+++ b/docs/badges/default-detailed-catppuccin-frappe.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #303446;
-      --bg-alt: #414559;
-      --text: #C6D0F5;
-      --text-muted: #A5ADCE;
-      --border: #51576D;
-      --accent: #8CAAEE;
-      --star: #E5C890;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#414559" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#414559" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#414559" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#414559" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#303446"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#C6D0F5"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#51576D"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#51576D"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#51576D"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#A5ADCE"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#51576D"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#C6D0F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#A5ADCE"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-catppuccin-latte.svg b/docs/badges/default-detailed-catppuccin-latte.svg
index 2b3d1e1..0e50bc6 100644
--- a/docs/badges/default-detailed-catppuccin-latte.svg
+++ b/docs/badges/default-detailed-catppuccin-latte.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #EFF1F5;
-      --bg-alt: #CCD0DA;
-      --text: #4C4F69;
-      --text-muted: #6C6F85;
-      --border: #BCC0CC;
-      --accent: #1E66F5;
-      --star: #DF8E1D;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#CCD0DA" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#CCD0DA" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#CCD0DA" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#CCD0DA" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#EFF1F5"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#4C4F69"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#BCC0CC"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#BCC0CC"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#BCC0CC"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#6C6F85"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#BCC0CC"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#4C4F69"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#6C6F85"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-catppuccin-macchiato.svg b/docs/badges/default-detailed-catppuccin-macchiato.svg
index 9f6af37..a3cb71a 100644
--- a/docs/badges/default-detailed-catppuccin-macchiato.svg
+++ b/docs/badges/default-detailed-catppuccin-macchiato.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #24273A;
-      --bg-alt: #363A4F;
-      --text: #CAD3F5;
-      --text-muted: #A5ADCB;
-      --border: #494D64;
-      --accent: #8AADF4;
-      --star: #EED49F;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#363A4F" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#363A4F" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#363A4F" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#363A4F" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#24273A"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#CAD3F5"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#494D64"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#494D64"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#494D64"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#A5ADCB"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#494D64"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#CAD3F5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#A5ADCB"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-catppuccin-mocha.svg b/docs/badges/default-detailed-catppuccin-mocha.svg
index 1c5e07e..524779a 100644
--- a/docs/badges/default-detailed-catppuccin-mocha.svg
+++ b/docs/badges/default-detailed-catppuccin-mocha.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #1E1E2E;
-      --bg-alt: #313244;
-      --text: #CDD6F4;
-      --text-muted: #A6ADC8;
-      --border: #45475A;
-      --accent: #89B4FA;
-      --star: #F9E2AF;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#313244" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#313244" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#313244" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#313244" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#1E1E2E"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#CDD6F4"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#45475A"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#45475A"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#45475A"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#A6ADC8"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#45475A"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#CDD6F4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#A6ADC8"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-dark.svg b/docs/badges/default-detailed-dark.svg
index 75c9549..afe3598 100644
--- a/docs/badges/default-detailed-dark.svg
+++ b/docs/badges/default-detailed-dark.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #0d1117;
-      --bg-alt: #161b22;
-      --text: #e6edf3;
-      --text-muted: #8b949e;
-      --border: #30363d;
-      --accent: #58a6ff;
-      --star: #e3b341;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#161b22" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#161b22" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#161b22" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#161b22" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#0d1117"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#e6edf3"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#30363d"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#30363d"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#30363d"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#8b949e"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#30363d"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#e6edf3"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#8b949e"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-dracula.svg b/docs/badges/default-detailed-dracula.svg
index 5ccdc4b..53ce8f6 100644
--- a/docs/badges/default-detailed-dracula.svg
+++ b/docs/badges/default-detailed-dracula.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #282a36;
-      --bg-alt: #44475a;
-      --text: #f8f8f2;
-      --text-muted: #6272a4;
-      --border: #44475a;
-      --accent: #bd93f9;
-      --star: #f1fa8c;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#44475a" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#44475a" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#44475a" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#44475a" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#282a36"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#f8f8f2"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#44475a"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#44475a"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#44475a"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#6272a4"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#44475a"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#f8f8f2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#6272a4"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-gruvbox-dark.svg b/docs/badges/default-detailed-gruvbox-dark.svg
index 305fd2a..19b7728 100644
--- a/docs/badges/default-detailed-gruvbox-dark.svg
+++ b/docs/badges/default-detailed-gruvbox-dark.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #282828;
-      --bg-alt: #3c3836;
-      --text: #ebdbb2;
-      --text-muted: #a89984;
-      --border: #3c3836;
-      --accent: #458588;
-      --star: #d79921;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#3c3836" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#3c3836" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#3c3836" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#3c3836" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#282828"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#ebdbb2"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3c3836"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3c3836"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3c3836"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#a89984"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3c3836"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#ebdbb2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#a89984"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-gruvbox-light.svg b/docs/badges/default-detailed-gruvbox-light.svg
index e681146..66e9e2e 100644
--- a/docs/badges/default-detailed-gruvbox-light.svg
+++ b/docs/badges/default-detailed-gruvbox-light.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #fbf1c7;
-      --bg-alt: #ebdbb2;
-      --text: #3c3836;
-      --text-muted: #7c6f64;
-      --border: #ebdbb2;
-      --accent: #458588;
-      --star: #cc241d;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#ebdbb2" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#ebdbb2" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#ebdbb2" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#ebdbb2" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#fbf1c7"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#3c3836"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#ebdbb2"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#ebdbb2"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#ebdbb2"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#7c6f64"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#ebdbb2"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#3c3836"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#7c6f64"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-light.svg b/docs/badges/default-detailed-light.svg
index 0d56cac..03b4b6d 100644
--- a/docs/badges/default-detailed-light.svg
+++ b/docs/badges/default-detailed-light.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #ffffff;
-      --bg-alt: #f6f8fa;
-      --text: #1f2328;
-      --text-muted: #656d76;
-      --border: #d0d7de;
-      --accent: #0969da;
-      --star: #9a6700;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#f6f8fa" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#f6f8fa" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#f6f8fa" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#f6f8fa" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#ffffff"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#1f2328"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#d0d7de"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#d0d7de"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#d0d7de"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#656d76"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#d0d7de"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#1f2328"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#656d76"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-monokai.svg b/docs/badges/default-detailed-monokai.svg
index 48d9c60..c9d25d8 100644
--- a/docs/badges/default-detailed-monokai.svg
+++ b/docs/badges/default-detailed-monokai.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #272822;
-      --bg-alt: #3E3D32;
-      --text: #F8F8F2;
-      --text-muted: #75715E;
-      --border: #49483E;
-      --accent: #66D9EF;
-      --star: #E6DB74;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#3E3D32" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#3E3D32" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#3E3D32" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#3E3D32" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#272822"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#F8F8F2"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#49483E"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#49483E"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#49483E"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#75715E"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#49483E"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#F8F8F2"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#75715E"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-nord.svg b/docs/badges/default-detailed-nord.svg
index 04d4ade..d7c74b8 100644
--- a/docs/badges/default-detailed-nord.svg
+++ b/docs/badges/default-detailed-nord.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #2e3440;
-      --bg-alt: #3b4252;
-      --text: #d8dee9;
-      --text-muted: #81a1c1;
-      --border: #4c566a;
-      --accent: #88c0d0;
-      --star: #ebcb8b;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#3b4252" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#3b4252" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#3b4252" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#3b4252" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#2e3440"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#d8dee9"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#4c566a"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#4c566a"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#4c566a"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#81a1c1"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#4c566a"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#d8dee9"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#81a1c1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-one-dark-vivid.svg b/docs/badges/default-detailed-one-dark-vivid.svg
index cb6f93a..9f82bd2 100644
--- a/docs/badges/default-detailed-one-dark-vivid.svg
+++ b/docs/badges/default-detailed-one-dark-vivid.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #282C34;
-      --bg-alt: #21252B;
-      --text: #ABB2BF;
-      --text-muted: #5C6370;
-      --border: #3E4451;
-      --accent: #528BFF;
-      --star: #D19A66;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#21252B" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#21252B" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#21252B" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#21252B" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#282C34"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#ABB2BF"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#5C6370"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-one-dark.svg b/docs/badges/default-detailed-one-dark.svg
index 4a9604d..9f82bd2 100644
--- a/docs/badges/default-detailed-one-dark.svg
+++ b/docs/badges/default-detailed-one-dark.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #282C34;
-      --bg-alt: #21252B;
-      --text: #ABB2BF;
-      --text-muted: #5C6370;
-      --border: #3E4451;
-      --accent: #61AFEF;
-      --star: #E5C07B;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#21252B" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#21252B" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#21252B" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#21252B" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#282C34"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#ABB2BF"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#3E4451"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#5C6370"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#3E4451"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#ABB2BF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#5C6370"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-solarized-dark.svg b/docs/badges/default-detailed-solarized-dark.svg
index bde9c86..932473a 100644
--- a/docs/badges/default-detailed-solarized-dark.svg
+++ b/docs/badges/default-detailed-solarized-dark.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #002B36;
-      --bg-alt: #073642;
-      --text: #839496;
-      --text-muted: #586E75;
-      --border: #073642;
-      --accent: #268BD2;
-      --star: #B58900;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#073642" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#073642" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#073642" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#073642" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#002B36"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#839496"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#073642"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#073642"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#073642"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#586E75"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#073642"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#839496"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#586E75"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-solarized-light.svg b/docs/badges/default-detailed-solarized-light.svg
index 0d0bd7b..b3d1db9 100644
--- a/docs/badges/default-detailed-solarized-light.svg
+++ b/docs/badges/default-detailed-solarized-light.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #FDF6E3;
-      --bg-alt: #EEE8D5;
-      --text: #657B83;
-      --text-muted: #93A1A1;
-      --border: #EEE8D5;
-      --accent: #268BD2;
-      --star: #B58900;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#EEE8D5" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#EEE8D5" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#EEE8D5" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#EEE8D5" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#FDF6E3"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#657B83"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#EEE8D5"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#EEE8D5"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#EEE8D5"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#93A1A1"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#EEE8D5"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#657B83"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#93A1A1"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-tokyo-night-light.svg b/docs/badges/default-detailed-tokyo-night-light.svg
index ba13324..2a89a64 100644
--- a/docs/badges/default-detailed-tokyo-night-light.svg
+++ b/docs/badges/default-detailed-tokyo-night-light.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #D5D6DB;
-      --bg-alt: #CBCCD1;
-      --text: #343B58;
-      --text-muted: #6172AF;
-      --border: #C4C8DA;
-      --accent: #34548A;
-      --star: #8F5E15;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#CBCCD1" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#CBCCD1" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#CBCCD1" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#CBCCD1" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#D5D6DB"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#343B58"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#C4C8DA"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#C4C8DA"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#C4C8DA"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#6172AF"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#C4C8DA"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#343B58"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#6172AF"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-tokyo-night-storm.svg b/docs/badges/default-detailed-tokyo-night-storm.svg
index 38f1d6d..4e9d5fb 100644
--- a/docs/badges/default-detailed-tokyo-night-storm.svg
+++ b/docs/badges/default-detailed-tokyo-night-storm.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #24283B;
-      --bg-alt: #1F2335;
-      --text: #C0CAF5;
-      --text-muted: #565F89;
-      --border: #414868;
-      --accent: #7AA2F7;
-      --star: #E0AF68;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#1F2335" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#1F2335" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#1F2335" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#1F2335" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#24283B"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#C0CAF5"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#565F89"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/docs/badges/default-detailed-tokyo-night.svg b/docs/badges/default-detailed-tokyo-night.svg
index ae67892..e11a9e4 100644
--- a/docs/badges/default-detailed-tokyo-night.svg
+++ b/docs/badges/default-detailed-tokyo-night.svg
@@ -3,100 +3,22 @@
   width="900"
   height="518"
   viewBox="0 0 900 518"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: #1A1B26;
-      --bg-alt: #24283B;
-      --text: #C0CAF5;
-      --text-muted: #565F89;
-      --border: #414868;
-      --accent: #7AA2F7;
-      --star: #E0AF68;
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="#24283B" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#24283B" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#24283B" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#24283B" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -104,251 +26,408 @@
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="518"
     rx="18"
-    fill="var(--bg)"
+    fill="#1A1B26"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      mabd-dev · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="#C0CAF5"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">mabd-dev · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">7</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">7</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">17</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">17</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">2.9K</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="#414868"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">2.9K</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="#565F89"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   
   
   
-  <g class="fade-in" style="animation-delay: 300ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">android-public</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="278"
-      class="repo-name">
-      android-public
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@ibad-al-rahman</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 6 PRs Merged
-    </text>
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 6 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 380ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="278"
-      class="repo-name">
-      Tomato
-    </text>
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Tomato</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@nsh07</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 460ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="240"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="278"
-      class="repo-name">
-      JetpackComposeTracker
-    </text>
+      y="272"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">JetpackComposeTracker</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="304"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="290"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@qamarelsafadi</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="330"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 540ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="32"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="48"
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">nav3-recipes</text>
+    <!-- Owner -->
     <text
       x="48"
-      y="398"
-      class="repo-name">
-      nav3-recipes
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
     <text
       x="48"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 620ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="320"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="336"
-      y="398"
-      class="repo-name">
-      cahier
-    </text>
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">cahier</text>
+    <!-- Owner -->
     <text
       x="336"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@android</text>
+    <!-- Stats -->
+    <text
+      x="336"
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
   
   
-  <g class="fade-in" style="animation-delay: 700ms">
+  
+  
+  <g>
+    <!-- Card background -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="#414868"
     />
+    <!-- Glass overlay -->
     <rect
       x="608"
       y="360"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
     <text
       x="624"
-      y="398"
-      class="repo-name">
-      Compose-Rolling-Number
-    </text>
+      y="392"
+      fill="#C0CAF5"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">Compose-Rolling-Number</text>
+    <!-- Owner -->
     <text
       x="624"
-      y="424"
-      class="repo-meta">
-      ⭐ 15 · 2 PRs Merged
-    </text>
+      y="410"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@esatgozcu</text>
+    <!-- Stats -->
+    <text
+      x="624"
+      y="450"
+      fill="#565F89"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ 15 · 2 PRs Merged</text>
   </g>
   
 
 </svg>
-
diff --git a/pkg/ossstats/badge/badge.go b/pkg/ossstats/badge/badge.go
index c0b256b..fd2128e 100644
--- a/pkg/ossstats/badge/badge.go
+++ b/pkg/ossstats/badge/badge.go
@@ -28,6 +28,7 @@ type templateData struct {
 // contributionData holds formatted contribution data for templates
 type contributionData struct {
 	RepoName string
+	Owner    string
 	Stars    string
 	PRs      string
 }
@@ -137,6 +138,7 @@ func getTopContributions(stats *ossstats.Stats, sortBy SortBy, limit int) []cont
 	for i := 0; i < limit; i++ {
 		result[i] = contributionData{
 			RepoName: contributions[i].RepoName,
+			Owner:    contributions[i].Owner,
 			Stars:    formatStars(contributions[i].Stars),
 			PRs:      formatNumber(contributions[i].PRsMerged),
 		}
diff --git a/pkg/ossstats/badge/badgeTemplates/defaults.go b/pkg/ossstats/badge/badgeTemplates/defaults.go
index 62ce785..c21caff 100644
--- a/pkg/ossstats/badge/badgeTemplates/defaults.go
+++ b/pkg/ossstats/badge/badgeTemplates/defaults.go
@@ -109,100 +109,22 @@ const DefaultDetailed = `
   width="900"
   height="{{add 278 (mul (div (add (len .TopContributions) 2) 3) 120)}}"
   viewBox="0 0 900 {{add 278 (mul (div (add (len .TopContributions) 2) 3) 120)}}"
+  fill="none"
   xmlns="http://www.w3.org/2000/svg"
   role="img"
   aria-label="GitHub Open Source Contribution Stats">
 
-  <!-- ========================= -->
-  <!-- Theme + Styling -->
-  <!-- ========================= -->
-  <style>
-    :root {
-      --bg: {{.Colors.Background}};
-      --bg-alt: {{.Colors.BackgroundAlt}};
-      --text: {{.Colors.Text}};
-      --text-muted: {{.Colors.TextSecondary}};
-      --border: {{.Colors.Border}};
-      --accent: {{.Colors.Accent}};
-      --star: {{.Colors.Star}};
-    }
-
-    text {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont,
-                   "Segoe UI", Helvetica, Arial, sans-serif;
-    }
-
-    .title {
-      font-size: 26px;
-      font-weight: 800;
-      fill: var(--text);
-      letter-spacing: -0.4px;
-    }
-
-    .subtitle {
-      font-size: 13px;
-      fill: var(--text-muted);
-    }
-
-    .card {
-      fill: url(#cardGradient);
-      stroke: var(--border);
-      stroke-width: 1;
-      rx: 14;
-    }
-
-    .card-glass {
-      fill: url(#glass);
-      rx: 14;
-    }
-
-    .metric-label {
-      font-size: 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.1em;
-      fill: var(--text-muted);
-    }
-
-    .metric-value {
-      font-size: 28px;
-      font-weight: 800;
-      fill: var(--text);
-    }
-
-    .repo-name {
-      font-size: 16px;
-      font-weight: 700;
-      fill: var(--text);
-    }
-
-    .repo-meta {
-      font-size: 12px;
-      fill: var(--text-muted);
-    }
-
-    .fade-in {
-      opacity: 0;
-      animation: fadeUp 0.6s ease-out forwards;
-    }
-
-    @keyframes fadeUp {
-      from { opacity: 0; transform: translateY(6px); }
-      to   { opacity: 1; transform: translateY(0); }
-    }
-  </style>
-
-  <!-- ========================= -->
-  <!-- Definitions -->
-  <!-- ========================= -->
   <defs>
+    <!-- Card gradient (solid fill with opacity) -->
     <linearGradient id="cardGradient" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.8" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0.6" />
+      <stop offset="0%" stop-color="{{.Colors.BackgroundAlt}}" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="{{.Colors.BackgroundAlt}}" stop-opacity="0.6"/>
     </linearGradient>
 
-    <linearGradient id="glass" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="var(--bg-alt)" stop-opacity="0.2" />
-      <stop offset="100%" stop-color="var(--bg-alt)" stop-opacity="0" />
+    <!-- Glass overlay gradient -->
+    <linearGradient id="glassOverlay" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="{{.Colors.BackgroundAlt}}" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="{{.Colors.BackgroundAlt}}" stop-opacity="0"/>
     </linearGradient>
   </defs>
 
@@ -210,92 +132,154 @@ const DefaultDetailed = `
   <!-- Background -->
   <!-- ========================= -->
   <rect
-    x="0"
-    y="0"
     width="900"
     height="{{add 278 (mul (div (add (len .TopContributions) 2) 3) 120)}}"
     rx="18"
-    fill="var(--bg)"
+    fill="{{.Colors.Background}}"
   />
 
   <!-- ========================= -->
   <!-- Header -->
   <!-- ========================= -->
-  <g class="fade-in">
-    <text x="32" y="50" class="title">
-      {{.Stats.Username}} · Open Source
-    </text>
-  </g>
+  <text
+    x="33"
+    y="49"
+    fill="{{.Colors.Text}}"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="26"
+    font-weight="bold"
+    letter-spacing="0em">{{.Stats.Username}} · Open Source Contributions</text>
 
   <!-- ========================= -->
   <!-- Metrics Row -->
   <!-- ========================= -->
 
-  <!-- Projects -->
-  <g class="fade-in" style="animation-delay: 100ms">
-    <rect x="32" y="96" width="260" height="96" class="card"/>
-    <rect x="32" y="96" width="260" height="96" class="card-glass"/>
-    <text x="48" y="132" class="metric-label">Projects</text>
-    <text x="48" y="168" class="metric-value">{{.TotalProjects}}</text>
+  <!-- Projects Card -->
+  <g>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="{{.Colors.Border}}"/>
+    <rect x="32" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="48"
+      y="132"
+      fill="{{.Colors.TextSecondary}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PROJECTS</text>
+    <text
+      x="48"
+      y="167"
+      fill="{{.Colors.Text}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">{{.TotalProjects}}</text>
   </g>
 
-  <!-- PRs -->
-  <g class="fade-in" style="animation-delay: 150ms">
-    <rect x="320" y="96" width="260" height="96" class="card"/>
-    <rect x="320" y="96" width="260" height="96" class="card-glass"/>
-    <text x="336" y="132" class="metric-label">PRs Merged</text>
-    <text x="336" y="168" class="metric-value">{{.TotalPRs}}</text>
+  <!-- PRs Merged Card -->
+  <g>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="{{.Colors.Border}}"/>
+    <rect x="320" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="336"
+      y="132"
+      fill="{{.Colors.TextSecondary}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">PRS MERGED</text>
+    <text
+      x="336"
+      y="167"
+      fill="{{.Colors.Text}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">{{.TotalPRs}}</text>
   </g>
 
-  <!-- Lines Changed -->
-  <g class="fade-in" style="animation-delay: 200ms">
-    <rect x="608" y="96" width="260" height="96" class="card"/>
-    <rect x="608" y="96" width="260" height="96" class="card-glass"/>
-    <text x="624" y="132" class="metric-label">Lines Changed</text>
-    <text x="624" y="168" class="metric-value">{{.TotalLines}}</text>
+  <!-- Lines Changed Card -->
+  <g>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#cardGradient)" stroke="{{.Colors.Border}}"/>
+    <rect x="608" y="96" width="260" height="96" rx="14" fill="url(#glassOverlay)"/>
+    <text
+      x="624"
+      y="132"
+      fill="{{.Colors.TextSecondary}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">LINES CHANGED</text>
+    <text
+      x="624"
+      y="167"
+      fill="{{.Colors.Text}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="28"
+      font-weight="bold"
+      letter-spacing="0em">{{.TotalLines}}</text>
   </g>
 
   <!-- ========================= -->
   <!-- Top Contributions -->
   <!-- ========================= -->
-  <text x="32" y="224" class="subtitle fade-in" style="animation-delay: 260ms">
-    Top Contributions
-  </text>
+  <text
+    x="32"
+    y="224"
+    fill="{{.Colors.TextSecondary}}"
+    font-family="Inter, system-ui, -apple-system, sans-serif"
+    font-size="13"
+    letter-spacing="0em">Top Contributions</text>
 
   {{range $i, $r := .TopContributions}}
-  {{ $col := mod $i 3 }}
-  {{ $row := div $i 3 }}
-  <g class="fade-in" style="animation-delay: {{add 300 (mul $i 80)}}ms">
+  {{$col := mod $i 3}}
+  {{$row := div $i 3}}
+  {{$x := add 32 (mul $col 288)}}
+  {{$y := add 240 (mul $row 120)}}
+  <g>
+    <!-- Card background -->
     <rect
-      x="{{add 32 (mul $col 288)}}"
-      y="{{add 240 (mul $row 120)}}"
+      x="{{$x}}"
+      y="{{$y}}"
       width="260"
       height="108"
-      class="card"
+      rx="14"
+      fill="url(#cardGradient)"
+      stroke="{{$.Colors.Border}}"
     />
+    <!-- Glass overlay -->
     <rect
-      x="{{add 32 (mul $col 288)}}"
-      y="{{add 240 (mul $row 120)}}"
+      x="{{$x}}"
+      y="{{$y}}"
       width="260"
       height="108"
-      class="card-glass"
+      rx="14"
+      fill="url(#glassOverlay)"
     />
-
+    <!-- Repo name -->
+    <text
+      x="{{add $x 16}}"
+      y="{{add $y 32}}"
+      fill="{{$.Colors.Text}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="16"
+      font-weight="bold"
+      letter-spacing="0em">{{$r.RepoName}}</text>
+    <!-- Owner -->
     <text
-      x="{{add 48 (mul $col 288)}}"
-      y="{{add 278 (mul $row 120)}}"
-      class="repo-name">
-      {{$r.RepoName}}
-    </text>
+      x="{{add $x 16}}"
+      y="{{add $y 50}}"
+      fill="{{$.Colors.TextSecondary}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">@{{$r.Owner}}</text>
+    <!-- Stats -->
     <text
-      x="{{add 48 (mul $col 288)}}"
-      y="{{add 304 (mul $row 120)}}"
-      class="repo-meta">
-      ⭐ {{$r.Stars}} · {{$r.PRs}} PRs Merged
-    </text>
+      x="{{add $x 16}}"
+      y="{{add $y 90}}"
+      fill="{{$.Colors.TextSecondary}}"
+      font-family="Inter, system-ui, -apple-system, sans-serif"
+      font-size="12"
+      letter-spacing="0em">⭐ {{$r.Stars}} · {{$r.PRs}} PRs Merged</text>
   </g>
   {{end}}
 
 </svg>
-
 `

From 38548e6acbb7f14ac7496d94bff18fde461909e7 Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Fri, 13 Feb 2026 07:29:34 +0200
Subject: [PATCH 04/12] updated github dark theme background color

---
 docs/badges/default-compact-dark.svg     | 2 +-
 docs/badges/default-detailed-dark.svg    | 2 +-
 docs/badges/default-summary-dark.svg     | 2 +-
 docs/badges/text-based-compact-dark.svg  | 2 +-
 docs/badges/text-based-detailed-dark.svg | 2 +-
 docs/badges/text-based-summary-dark.svg  | 2 +-
 pkg/ossstats/badge/badgeTheme.go         | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/badges/default-compact-dark.svg b/docs/badges/default-compact-dark.svg
index 301022e..05e5003 100644
--- a/docs/badges/default-compact-dark.svg
+++ b/docs/badges/default-compact-dark.svg
@@ -17,7 +17,7 @@
       }
 
       .card {
-        fill: #0d1117;
+        fill: #101820;
         stroke: #30363d;
         stroke-width: 1;
         rx: 16;
diff --git a/docs/badges/default-detailed-dark.svg b/docs/badges/default-detailed-dark.svg
index afe3598..0c87c31 100644
--- a/docs/badges/default-detailed-dark.svg
+++ b/docs/badges/default-detailed-dark.svg
@@ -29,7 +29,7 @@
     width="900"
     height="518"
     rx="18"
-    fill="#0d1117"
+    fill="#101820"
   />
 
   <!-- ========================= -->
diff --git a/docs/badges/default-summary-dark.svg b/docs/badges/default-summary-dark.svg
index 412468a..5fc7a0a 100644
--- a/docs/badges/default-summary-dark.svg
+++ b/docs/badges/default-summary-dark.svg
@@ -12,7 +12,7 @@
                      "Segoe UI", Helvetica, Arial, sans-serif;
       }
       .bg {
-        fill: #0d1117;
+        fill: #101820;
       }
       .card {
         fill: #161b22;
diff --git a/docs/badges/text-based-compact-dark.svg b/docs/badges/text-based-compact-dark.svg
index 0adf427..53a84ad 100644
--- a/docs/badges/text-based-compact-dark.svg
+++ b/docs/badges/text-based-compact-dark.svg
@@ -7,7 +7,7 @@
   aria-label="OSS Contributions">
   <defs>
     <style>
-      .bg { fill: #0d1117; }
+      .bg { fill: #101820; }
       .content {
         font-family: system-ui, -apple-system, BlinkMacSystemFont,
                      "Segoe UI", Helvetica, Arial, sans-serif;
diff --git a/docs/badges/text-based-detailed-dark.svg b/docs/badges/text-based-detailed-dark.svg
index b5f52fe..557221f 100644
--- a/docs/badges/text-based-detailed-dark.svg
+++ b/docs/badges/text-based-detailed-dark.svg
@@ -16,7 +16,7 @@
       }
 
       .bg {
-        fill: #0d1117;
+        fill: #101820;
       }
 
       .username {
diff --git a/docs/badges/text-based-summary-dark.svg b/docs/badges/text-based-summary-dark.svg
index b4814cc..479cea4 100644
--- a/docs/badges/text-based-summary-dark.svg
+++ b/docs/badges/text-based-summary-dark.svg
@@ -12,7 +12,7 @@
                      "Segoe UI", Helvetica, Arial, sans-serif;
       }
       .bg {
-        fill: #0d1117;
+        fill: #101820;
       }
       .username {
         font-size: 18px;
diff --git a/pkg/ossstats/badge/badgeTheme.go b/pkg/ossstats/badge/badgeTheme.go
index ed9b6fd..3a1c7af 100644
--- a/pkg/ossstats/badge/badgeTheme.go
+++ b/pkg/ossstats/badge/badgeTheme.go
@@ -306,7 +306,7 @@ func GetThemeColors(theme BadgeTheme) ThemeColors {
 	default:
 		// Github dark
 		return ThemeColors{
-			Background:    "#0d1117",
+			Background:    "#101820",
 			BackgroundAlt: "#161b22",
 			Text:          "#e6edf3",
 			TextSecondary: "#8b949e",

From b429a81aa2a4e39087502251c9923d2f89a660c2 Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Fri, 13 Feb 2026 07:36:17 +0200
Subject: [PATCH 05/12] added v0.3.3 release notes

---
 docs/release-notes/v0.3.3.md | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 docs/release-notes/v0.3.3.md

diff --git a/docs/release-notes/v0.3.3.md b/docs/release-notes/v0.3.3.md
new file mode 100644
index 0000000..3790c7e
--- /dev/null
+++ b/docs/release-notes/v0.3.3.md
@@ -0,0 +1,19 @@
+# Release Notes: v0.3.4
+
+Release Date: Feb 13, 2025
+Codename: Update template design + support 5 new color schemes 
+
+## ✨ Features
+
+- docs: update README to mention newest gh-oss-stats-action version
+- Feat/more color themes (#27)
+
+## ♻️ Improvements
+
+- **Detailed Badge**: show repo owner name 
+- Slight change to github dark theme background color
+
+
+## 🐛 Bug Fixes
+
+- fix broken md link

From 6de71165494f55a96d5deeddb15105c31be0f02d Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Fri, 13 Feb 2026 07:40:06 +0200
Subject: [PATCH 06/12] docs: updated theme docs

---
 README.md         | 4 ++--
 docs/TECHNICAL.md | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index b553e1a..14866c6 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ Track and display your merged PRs, commits, and contributions to external reposi
 - 🔍 **External Contribution Tracking** - Discovers all your merged PRs to repos you don't own
 - 📊 **Comprehensive Stats** - Total PRs, commits, lines of code, and repository stars
 - ⭐ **Smart Filtering** - Filter by minimum stars, exclude organizations
-- 🎭 6 **Color Themes** - Match your profile's aesthetic
+- 🎭 18 **Color Themes** - Match your profile's aesthetic
 - 📦 **Developer-Friendly** - Use as a Go library or standalone CLI, outputs JSON
 
 
@@ -101,7 +101,7 @@ Customize your badge by passing inputs to the action:
     github-token: ${{ secrets.GITHUB_TOKEN }}
     badge-path: 'images/oss-badge.svg'
     badge-style: 'detailed'      # summary, compact, or detailed
-    badge-theme: 'nord'           # dark, light, nord, dracula, gruvbox-light, gruvbox-dark
+    badge-theme: 'nord'           # dark, light, nord, dracula, gruvbox-light, gruvbox-dark, etc...
     badge-variant: 'text-based'   # default or text-based
     min-stars: '100'              # Filter repos by minimum stars
     exclude-orgs: 'my-org,acme'   # Exclude specific organizations
diff --git a/docs/TECHNICAL.md b/docs/TECHNICAL.md
index f49a3e5..035397f 100644
--- a/docs/TECHNICAL.md
+++ b/docs/TECHNICAL.md
@@ -185,7 +185,7 @@ These flags control badge generation and styling. Used by the main command (with
 | --badge | boolean | false | Generate SVG Badge (main command only) |
 | --badge-style | string | summary | Badge style: `summary`, `compact`, `detailed` |
 | --badge-variant | string | default | Badge variant: `default`, `text-based` |
-| --badge-theme | string | dark | Color theme: `dark`, `light`, `nord`, `dracula`, `gruvbox-light`, `gruvbox-dark` |
+| --badge-theme | string | dark | Color theme: `dark`, `light`, `nord`, `dracula`, `gruvbox-light`, `gruvbox-dark`, etc... |
 | --badge-output | string | ./badge.svg | Output file path for generated badge |
 | --badge-sort | string | prs | Sort contributions by: `prs`, `stars`, `commits` |
 | --badge-limit | int | 5 | Number of contributions to display in detailed badge |

From 839f8d3ee47585420caff51a696a3ed044437d20 Mon Sep 17 00:00:00 2001
From: Mahmoud Abdallah <133316956+mabd-dev@users.noreply.github.com>
Date: Wed, 11 Mar 2026 11:12:17 +0200
Subject: [PATCH 07/12] added custom badge theme colors cli-flags (#29)

* added custom badge theme colors cli-flags

* add input validation to color cli-flags

* removed extra color check
---
 cmd/gh-oss-stats/badgeConfig.go          |  20 ++
 cmd/gh-oss-stats/badgeConfig_test.go     | 109 +++++++-
 cmd/gh-oss-stats/badgeGeneration.go      |  61 ++++-
 cmd/gh-oss-stats/badgeGeneration_test.go | 334 +++++++++++++++++++++++
 docs/TECHNICAL.md                        |  13 +-
 pkg/ossstats/badge/badge.go              |  30 ++
 pkg/ossstats/badge/types.go              |  11 +-
 7 files changed, 565 insertions(+), 13 deletions(-)
 create mode 100644 cmd/gh-oss-stats/badgeGeneration_test.go

diff --git a/cmd/gh-oss-stats/badgeConfig.go b/cmd/gh-oss-stats/badgeConfig.go
index a5bf0b9..d6fda04 100644
--- a/cmd/gh-oss-stats/badgeConfig.go
+++ b/cmd/gh-oss-stats/badgeConfig.go
@@ -13,6 +13,16 @@ type BadgeConfig struct {
 	output  string
 	sort    string
 	limit   int
+	// Custom color overrides (empty = use theme default)
+	colorBackground    string
+	colorBackgroundAlt string
+	colorText          string
+	colorTextSecondary string
+	colorBorder        string
+	colorAccent        string
+	colorPositive      string
+	colorNegative      string
+	colorStar          string
 }
 
 // newBadgeConfig creates a new BadgeConfig with default values
@@ -34,4 +44,14 @@ func (bf *BadgeConfig) registerBadgeFlags(fs *flag.FlagSet) {
 	fs.StringVar(&bf.output, "badge-output", "", "Badge output file (default: badge.svg)")
 	fs.StringVar(&bf.sort, "badge-sort", string(badge.DefaultSortBy), "Sort contributions by: prs, stars, commits")
 	fs.IntVar(&bf.limit, "badge-limit", badge.DefaultPRsLimit, "Number of contributions to show")
+
+	fs.StringVar(&bf.colorBackground, "badge-color-background", "", "Custom background color (hex, e.g. #1a1b26)")
+	fs.StringVar(&bf.colorBackgroundAlt, "badge-color-background-alt", "", "Custom alt background color (hex)")
+	fs.StringVar(&bf.colorText, "badge-color-text", "", "Custom primary text color (hex)")
+	fs.StringVar(&bf.colorTextSecondary, "badge-color-text-secondary", "", "Custom secondary text color (hex)")
+	fs.StringVar(&bf.colorBorder, "badge-color-border", "", "Custom border color (hex)")
+	fs.StringVar(&bf.colorAccent, "badge-color-accent", "", "Custom accent/brand color (hex)")
+	fs.StringVar(&bf.colorPositive, "badge-color-positive", "", "Custom positive/additions color (hex)")
+	fs.StringVar(&bf.colorNegative, "badge-color-negative", "", "Custom negative/deletions color (hex)")
+	fs.StringVar(&bf.colorStar, "badge-color-star", "", "Custom star count color (hex)")
 }
diff --git a/cmd/gh-oss-stats/badgeConfig_test.go b/cmd/gh-oss-stats/badgeConfig_test.go
index 887cb2c..ebe077e 100644
--- a/cmd/gh-oss-stats/badgeConfig_test.go
+++ b/cmd/gh-oss-stats/badgeConfig_test.go
@@ -188,8 +188,115 @@ func TestBadgeConfigPointerReturn(t *testing.T) {
 
 	// Modifying bc1 should not affect bc2
 	bc1.style = "modified"
-	
+
 	if bc2.style == "modified" {
 		t.Error("Modifying bc1 affected bc2; they should be independent instances")
 	}
 }
+
+func TestBadgeColorFlagsRegistered(t *testing.T) {
+	bc := newBadgeConfig()
+	fs := flag.NewFlagSet("test", flag.ContinueOnError)
+	bc.registerBadgeFlags(fs)
+
+	colorFlags := []string{
+		"badge-color-background",
+		"badge-color-background-alt",
+		"badge-color-text",
+		"badge-color-text-secondary",
+		"badge-color-border",
+		"badge-color-accent",
+		"badge-color-positive",
+		"badge-color-negative",
+		"badge-color-star",
+	}
+
+	for _, name := range colorFlags {
+		t.Run(name, func(t *testing.T) {
+			f := fs.Lookup(name)
+			if f == nil {
+				t.Errorf("flag --%s not registered", name)
+				return
+			}
+			if f.DefValue != "" {
+				t.Errorf("flag --%s default = %q, want %q", name, f.DefValue, "")
+			}
+		})
+	}
+}
+
+func TestBadgeColorFlagDefaults(t *testing.T) {
+	bc := newBadgeConfig()
+	fs := flag.NewFlagSet("test", flag.ContinueOnError)
+	bc.registerBadgeFlags(fs)
+
+	// Parse with no color flags — all color fields should remain empty
+	if err := fs.Parse([]string{}); err != nil {
+		t.Fatalf("Parse failed: %v", err)
+	}
+
+	fields := []struct {
+		name string
+		got  string
+	}{
+		{"colorBackground", bc.colorBackground},
+		{"colorBackgroundAlt", bc.colorBackgroundAlt},
+		{"colorText", bc.colorText},
+		{"colorTextSecondary", bc.colorTextSecondary},
+		{"colorBorder", bc.colorBorder},
+		{"colorAccent", bc.colorAccent},
+		{"colorPositive", bc.colorPositive},
+		{"colorNegative", bc.colorNegative},
+		{"colorStar", bc.colorStar},
+	}
+
+	for _, f := range fields {
+		if f.got != "" {
+			t.Errorf("%s default = %q, want empty string", f.name, f.got)
+		}
+	}
+}
+
+func TestBadgeColorFlagsParsed(t *testing.T) {
+	bc := newBadgeConfig()
+	fs := flag.NewFlagSet("test", flag.ContinueOnError)
+	bc.registerBadgeFlags(fs)
+
+	args := []string{
+		"--badge-color-background", "#0d1117",
+		"--badge-color-background-alt", "#161b22",
+		"--badge-color-text", "#c9d1d9",
+		"--badge-color-text-secondary", "#8b949e",
+		"--badge-color-border", "#30363d",
+		"--badge-color-accent", "#58a6ff",
+		"--badge-color-positive", "#3fb950",
+		"--badge-color-negative", "#f85149",
+		"--badge-color-star", "#e3b341",
+	}
+
+	if err := fs.Parse(args); err != nil {
+		t.Fatalf("Parse failed: %v", err)
+	}
+
+	tests := []struct {
+		name string
+		got  string
+		want string
+	}{
+		{"colorBackground", bc.colorBackground, "#0d1117"},
+		{"colorBackgroundAlt", bc.colorBackgroundAlt, "#161b22"},
+		{"colorText", bc.colorText, "#c9d1d9"},
+		{"colorTextSecondary", bc.colorTextSecondary, "#8b949e"},
+		{"colorBorder", bc.colorBorder, "#30363d"},
+		{"colorAccent", bc.colorAccent, "#58a6ff"},
+		{"colorPositive", bc.colorPositive, "#3fb950"},
+		{"colorNegative", bc.colorNegative, "#f85149"},
+		{"colorStar", bc.colorStar, "#e3b341"},
+	}
+
+	for _, tt := range tests {
+		if tt.got != tt.want {
+			t.Errorf("%s = %q, want %q", tt.name, tt.got, tt.want)
+		}
+	}
+}
diff --git a/cmd/gh-oss-stats/badgeGeneration.go b/cmd/gh-oss-stats/badgeGeneration.go
index aebee13..1e953a7 100644
--- a/cmd/gh-oss-stats/badgeGeneration.go
+++ b/cmd/gh-oss-stats/badgeGeneration.go
@@ -3,11 +3,21 @@ package main
 import (
 	"fmt"
 	"os"
+	"regexp"
 
 	"github.com/mabd-dev/gh-oss-stats/pkg/ossstats"
 	"github.com/mabd-dev/gh-oss-stats/pkg/ossstats/badge"
 )
 
+var hexColorRE = regexp.MustCompile(`^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$`)
+
+func validateHexColor(flag, value string) error {
+	if !hexColorRE.MatchString(value) {
+		return fmt.Errorf("invalid color for --%s: %q (expected hex format, e.g. #rgb, #rrggbb, #rrggbbaa)", flag, value)
+	}
+	return nil
+}
+
 func createBadgeOptions(conf BadgeConfig) (badge.BadgeOptions, error) {
 	badgeStyle, err := badge.BadgeStyleFromName(conf.style)
 	if err != nil {
@@ -33,12 +43,53 @@ func createBadgeOptions(conf BadgeConfig) (badge.BadgeOptions, error) {
 		os.Exit(1)
 	}
 
+	colorFlags := []struct {
+		flag  string
+		value string
+	}{
+		{"badge-color-background", conf.colorBackground},
+		{"badge-color-background-alt", conf.colorBackgroundAlt},
+		{"badge-color-text", conf.colorText},
+		{"badge-color-text-secondary", conf.colorTextSecondary},
+		{"badge-color-border", conf.colorBorder},
+		{"badge-color-accent", conf.colorAccent},
+		{"badge-color-positive", conf.colorPositive},
+		{"badge-color-negative", conf.colorNegative},
+		{"badge-color-star", conf.colorStar},
+	}
+	for _, cf := range colorFlags {
+		if cf.value != "" {
+			if err := validateHexColor(cf.flag, cf.value); err != nil {
+				return badge.BadgeOptions{}, err
+			}
+		}
+	}
+
+	var customColors *badge.ThemeColors
+	if conf.colorBackground != "" || conf.colorBackgroundAlt != "" ||
+		conf.colorText != "" || conf.colorTextSecondary != "" ||
+		conf.colorBorder != "" || conf.colorAccent != "" ||
+		conf.colorPositive != "" || conf.colorNegative != "" || conf.colorStar != "" {
+		customColors = &badge.ThemeColors{
+			Background:    conf.colorBackground,
+			BackgroundAlt: conf.colorBackgroundAlt,
+			Text:          conf.colorText,
+			TextSecondary: conf.colorTextSecondary,
+			Border:        conf.colorBorder,
+			Accent:        conf.colorAccent,
+			Positive:      conf.colorPositive,
+			Negative:      conf.colorNegative,
+			Star:          conf.colorStar,
+		}
+	}
+
 	return badge.BadgeOptions{
-		Style:   badgeStyle,
-		Variant: badgeVariant,
-		Theme:   badgeTheme,
-		SortBy:  badgeSortBy,
-		Limit:   conf.limit,
+		Style:        badgeStyle,
+		Variant:      badgeVariant,
+		Theme:        badgeTheme,
+		SortBy:       badgeSortBy,
+		Limit:        conf.limit,
+		CustomColors: customColors,
 	}, nil
 }
 
diff --git a/cmd/gh-oss-stats/badgeGeneration_test.go b/cmd/gh-oss-stats/badgeGeneration_test.go
new file mode 100644
index 0000000..454997d
--- /dev/null
+++ b/cmd/gh-oss-stats/badgeGeneration_test.go
@@ -0,0 +1,334 @@
+package main
+
+import (
+	"testing"
+
+	"github.com/mabd-dev/gh-oss-stats/pkg/ossstats/badge"
+)
+
+func TestCreateBadgeOptionsNoCustomColors(t *testing.T) {
+	conf := BadgeConfig{
+		style:   string(badge.DefaultBadgeStyle),
+		variant: string(badge.DefaultBadgeVariant),
+		theme:   string(badge.DefaultBadgeTheme),
+		sort:    string(badge.DefaultSortBy),
+		limit:   badge.DefaultPRsLimit,
+		// all color fields left as zero value ("")
+	}
+
+	opts, err := createBadgeOptions(conf)
+	if err != nil {
+		t.Fatalf("createBadgeOptions failed: %v", err)
+	}
+
+	if opts.CustomColors != nil {
+		t.Errorf("CustomColors = %+v, want nil when no color flags are set", opts.CustomColors)
+	}
+}
+
+func TestCreateBadgeOptionsAllCustomColors(t *testing.T) {
+	conf := BadgeConfig{
+		style:              string(badge.DefaultBadgeStyle),
+		variant:            string(badge.DefaultBadgeVariant),
+		theme:              string(badge.DefaultBadgeTheme),
+		sort:               string(badge.DefaultSortBy),
+		limit:              badge.DefaultPRsLimit,
+		colorBackground:    "#0d1117",
+		colorBackgroundAlt: "#161b22",
+		colorText:          "#c9d1d9",
+		colorTextSecondary: "#8b949e",
+		colorBorder:        "#30363d",
+		colorAccent:        "#58a6ff",
+		colorPositive:      "#3fb950",
+		colorNegative:      "#f85149",
+		colorStar:          "#e3b341",
+	}
+
+	opts, err := createBadgeOptions(conf)
+	if err != nil {
+		t.Fatalf("createBadgeOptions failed: %v", err)
+	}
+
+	if opts.CustomColors == nil {
+		t.Fatal("CustomColors is nil, want non-nil when color flags are set")
+	}
+
+	c := opts.CustomColors
+	tests := []struct {
+		name string
+		got  string
+		want string
+	}{
+		{"Background", c.Background, "#0d1117"},
+		{"BackgroundAlt", c.BackgroundAlt, "#161b22"},
+		{"Text", c.Text, "#c9d1d9"},
+		{"TextSecondary", c.TextSecondary, "#8b949e"},
+		{"Border", c.Border, "#30363d"},
+		{"Accent", c.Accent, "#58a6ff"},
+		{"Positive", c.Positive, "#3fb950"},
+		{"Negative", c.Negative, "#f85149"},
+		{"Star", c.Star, "#e3b341"},
+	}
+
+	for _, tt := range tests {
+		if tt.got != tt.want {
+			t.Errorf("CustomColors.%s = %q, want %q", tt.name, tt.got, tt.want)
+		}
+	}
+}
+
+func TestCreateBadgeOptionsPartialCustomColors(t *testing.T) {
+	// Only accent and star are set; all others should be empty strings in CustomColors.
+	conf := BadgeConfig{
+		style:       string(badge.DefaultBadgeStyle),
+		variant:     string(badge.DefaultBadgeVariant),
+		theme:       string(badge.DefaultBadgeTheme),
+		sort:        string(badge.DefaultSortBy),
+		limit:       badge.DefaultPRsLimit,
+		colorAccent: "#ff6b6b",
+		colorStar:   "#ffd700",
+	}
+
+	opts, err := createBadgeOptions(conf)
+	if err != nil {
+		t.Fatalf("createBadgeOptions failed: %v", err)
+	}
+
+	if opts.CustomColors == nil {
+		t.Fatal("CustomColors is nil, want non-nil when at least one color flag is set")
+	}
+
+	if opts.CustomColors.Accent != "#ff6b6b" {
+		t.Errorf("Accent = %q, want %q", opts.CustomColors.Accent, "#ff6b6b")
+	}
+	if opts.CustomColors.Star != "#ffd700" {
+		t.Errorf("Star = %q, want %q", opts.CustomColors.Star, "#ffd700")
+	}
+	// Unset fields should be empty strings (theme override logic in RenderSVG will skip them).
+	if opts.CustomColors.Background != "" {
+		t.Errorf("Background = %q, want empty string for unset flag", opts.CustomColors.Background)
+	}
+}
+
+func TestCreateBadgeOptionsSingleColorFlag(t *testing.T) {
+	colorFields := []struct {
+		name     string
+		makeConf func() BadgeConfig
+		check    func(*badge.ThemeColors) (string, string) // returns got, want
+	}{
+		{
+			"background",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorBackground = "#aabbcc"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Background, "#aabbcc" },
+		},
+		{
+			"background-alt",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorBackgroundAlt = "#112233"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.BackgroundAlt, "#112233" },
+		},
+		{
+			"text",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorText = "#ffffff"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Text, "#ffffff" },
+		},
+		{
+			"text-secondary",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorTextSecondary = "#aaaaaa"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.TextSecondary, "#aaaaaa" },
+		},
+		{
+			"border",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorBorder = "#333333"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Border, "#333333" },
+		},
+		{
+			"accent",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorAccent = "#ff0000"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Accent, "#ff0000" },
+		},
+		{
+			"positive",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorPositive = "#00ff00"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Positive, "#00ff00" },
+		},
+		{
+			"negative",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorNegative = "#ff00ff"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Negative, "#ff00ff" },
+		},
+		{
+			"star",
+			func() BadgeConfig {
+				c := baseConf()
+				c.colorStar = "#ffff00"
+				return c
+			},
+			func(c *badge.ThemeColors) (string, string) { return c.Star, "#ffff00" },
+		},
+	}
+
+	for _, tt := range colorFields {
+		t.Run(tt.name, func(t *testing.T) {
+			opts, err := createBadgeOptions(tt.makeConf())
+			if err != nil {
+				t.Fatalf("createBadgeOptions failed: %v", err)
+			}
+			if opts.CustomColors == nil {
+				t.Fatal("CustomColors is nil, want non-nil")
+			}
+			got, want := tt.check(opts.CustomColors)
+			if got != want {
+				t.Errorf("got %q, want %q", got, want)
+			}
+		})
+	}
+}
+
+// baseConf returns a minimal valid BadgeConfig with no color overrides.
+func baseConf() BadgeConfig {
+	return BadgeConfig{
+		style:   string(badge.DefaultBadgeStyle),
+		variant: string(badge.DefaultBadgeVariant),
+		theme:   string(badge.DefaultBadgeTheme),
+		sort:    string(badge.DefaultSortBy),
+		limit:   badge.DefaultPRsLimit,
+	}
+}
+
+func TestValidateHexColor(t *testing.T) {
+	tests := []struct {
+		value   string
+		wantErr bool
+	}{
+		// Valid
+		{"#abc", false},
+		{"#ABC", false},
+		{"#1a2b3c", false},
+		{"#1A2B3C", false},
+		{"#00000000", false}, // 8-digit with alpha
+		// Invalid
+		{"", true},           // empty (callers skip empty, but function itself rejects)
+		{"abc", true},        // missing #
+		{"#gg0000", true},    // invalid hex digits
+		{"#12345", true},     // 5 digits
+		{"#1234567", true},   // 7 digits
+		{"#123456789", true}, // 9 digits
+		{"red", true},        // named color
+		{"rgb(0,0,0)", true}, // CSS function
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.value, func(t *testing.T) {
+			err := validateHexColor("badge-color-accent", tt.value)
+			if (err != nil) != tt.wantErr {
+				t.Errorf("validateHexColor(%q) error = %v, wantErr %v", tt.value, err, tt.wantErr)
+			}
+		})
+	}
+}
+
+func TestValidateHexColorErrorMessage(t *testing.T) {
+	err := validateHexColor("badge-color-accent", "notacolor")
+	if err == nil {
+		t.Fatal("expected error, got nil")
+	}
+	msg := err.Error()
+	if !contains(msg, "--badge-color-accent") {
+		t.Errorf("error message should mention the flag name, got: %q", msg)
+	}
+	if !contains(msg, "notacolor") {
+		t.Errorf("error message should mention the invalid value, got: %q", msg)
+	}
+}
+
+func TestCreateBadgeOptionsInvalidColor(t *testing.T) {
+	colorFlagFields := []struct {
+		flagName string
+		setConf  func(*BadgeConfig)
+	}{
+		{"badge-color-background", func(c *BadgeConfig) { c.colorBackground = "red" }},
+		{"badge-color-background-alt", func(c *BadgeConfig) { c.colorBackgroundAlt = "blue" }},
+		{"badge-color-text", func(c *BadgeConfig) { c.colorText = "white" }},
+		{"badge-color-text-secondary", func(c *BadgeConfig) { c.colorTextSecondary = "gray" }},
+		{"badge-color-border", func(c *BadgeConfig) { c.colorBorder = "black" }},
+		{"badge-color-accent", func(c *BadgeConfig) { c.colorAccent = "invalid" }},
+		{"badge-color-positive", func(c *BadgeConfig) { c.colorPositive = "green" }},
+		{"badge-color-negative", func(c *BadgeConfig) { c.colorNegative = "rgb(255,0,0)" }},
+		{"badge-color-star", func(c *BadgeConfig) { c.colorStar = "gold" }},
+	}
+
+	for _, tt := range colorFlagFields {
+		t.Run(tt.flagName, func(t *testing.T) {
+			conf := baseConf()
+			tt.setConf(&conf)
+
+			_, err := createBadgeOptions(conf)
+			if err == nil {
+				t.Fatalf("expected error for invalid color on --%s, got nil", tt.flagName)
+			}
+			if !contains(err.Error(), "--"+tt.flagName) {
+				t.Errorf("error should mention the flag name --%s, got: %q", tt.flagName, err.Error())
+			}
+		})
+	}
+}
+
+func TestCreateBadgeOptionsValidColors(t *testing.T) {
+	validColors := []string{"#fff", "#FFF", "#1a2b3c", "#1A2B3C", "#00000000"}
+
+	for _, color := range validColors {
+		t.Run(color, func(t *testing.T) {
+			conf := baseConf()
+			conf.colorAccent = color
+
+			_, err := createBadgeOptions(conf)
+			if err != nil {
+				t.Errorf("unexpected error for valid color %q: %v", color, err)
+			}
+		})
+	}
+}
+
+func contains(s, sub string) bool {
+	return len(s) >= len(sub) && (s == sub || len(sub) == 0 ||
+		func() bool {
+			for i := 0; i <= len(s)-len(sub); i++ {
+				if s[i:i+len(sub)] == sub {
+					return true
+				}
+			}
+			return false
+		}())
+}
diff --git a/docs/TECHNICAL.md b/docs/TECHNICAL.md
index 035397f..da3e7d3 100644
--- a/docs/TECHNICAL.md
+++ b/docs/TECHNICAL.md
@@ -189,8 +189,17 @@ These flags control badge generation and styling. Used by the main command (with
 | --badge-output | string | ./badge.svg | Output file path for generated badge |
 | --badge-sort | string | prs | Sort contributions by: `prs`, `stars`, `commits` |
 | --badge-limit | int | 5 | Number of contributions to display in detailed badge |
-
-
+| --badge-color-background | string | "" | Custom main background color (hex, e.g. `#1a1b26`) |
+| --badge-color-background-alt | string | "" | Custom alt background color (hex) |
+| --badge-color-text | string | "" | Custom primary text color (hex) |
+| --badge-color-text-secondary | string | "" | Custom secondary/label text color (hex) |
+| --badge-color-border | string | "" | Custom border/divider color (hex) |
+| --badge-color-accent | string | "" | Custom accent/brand color (hex) |
+| --badge-color-positive | string | "" | Custom positive/additions color (hex) |
+| --badge-color-negative | string | "" | Custom negative/deletions color (hex) |
+| --badge-color-star | string | "" | Custom star count color (hex) |
+
+> Custom color flags override individual colors from the selected theme. Unset flags retain the theme's color.
 
 
 ### Badge Generation
diff --git a/pkg/ossstats/badge/badge.go b/pkg/ossstats/badge/badge.go
index fd2128e..ad3b64c 100644
--- a/pkg/ossstats/badge/badge.go
+++ b/pkg/ossstats/badge/badge.go
@@ -49,6 +49,36 @@ func RenderSVG(stats *ossstats.Stats, opts BadgeOptions) (string, error) {
 
 	// Get theme colors
 	colors := GetThemeColors(opts.Theme)
+	if opts.CustomColors != nil {
+		c := opts.CustomColors
+		if c.Background != "" {
+			colors.Background = c.Background
+		}
+		if c.BackgroundAlt != "" {
+			colors.BackgroundAlt = c.BackgroundAlt
+		}
+		if c.Text != "" {
+			colors.Text = c.Text
+		}
+		if c.TextSecondary != "" {
+			colors.TextSecondary = c.TextSecondary
+		}
+		if c.Border != "" {
+			colors.Border = c.Border
+		}
+		if c.Accent != "" {
+			colors.Accent = c.Accent
+		}
+		if c.Positive != "" {
+			colors.Positive = c.Positive
+		}
+		if c.Negative != "" {
+			colors.Negative = c.Negative
+		}
+		if c.Star != "" {
+			colors.Star = c.Star
+		}
+	}
 
 	// Prepare base template data
 	data := templateData{
diff --git a/pkg/ossstats/badge/types.go b/pkg/ossstats/badge/types.go
index 70b7284..c351eb9 100644
--- a/pkg/ossstats/badge/types.go
+++ b/pkg/ossstats/badge/types.go
@@ -2,9 +2,10 @@ package badge
 
 // BadgeOptions contains all configuration for badge generation
 type BadgeOptions struct {
-	Style   BadgeStyle
-	Variant BadgeVariant
-	Theme   BadgeTheme
-	SortBy  SortBy // For detailed badge - how to sort contributions (default: prs)
-	Limit   int    // For detailed badge - max contributions to show (default: 5)
+	Style        BadgeStyle
+	Variant      BadgeVariant
+	Theme        BadgeTheme
+	SortBy       SortBy        // For detailed badge - how to sort contributions (default: prs)
+	Limit        int           // For detailed badge - max contributions to show (default: 5)
+	CustomColors *ThemeColors  // Optional per-color overrides (applied on top of Theme)
 }

From a04d07be53c13289f784b06abdfdfd29e8bb342d Mon Sep 17 00:00:00 2001
From: Mahmoud Abdallah <133316956+mabd-dev@users.noreply.github.com>
Date: Sun, 12 Apr 2026 13:45:03 +0300
Subject: [PATCH 08/12] Bugfix/text overflow (#30)

* truncate repo name + owner in detailed badge style

* made truncate function reusable in test and svg template

* fix unit tests

* updated gitignore
---
 .gitignore                                    |   1 +
 pkg/ossstats/badge/badge.go                   |  19 +-
 pkg/ossstats/badge/badgeTemplates/defaults.go |   4 +-
 .../badge/badgeTemplates/textBased.go         |   2 +-
 pkg/ossstats/badge/badge_test.go              | 190 ++++++++++++++++++
 5 files changed, 208 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 3ef7b65..005c643 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 .claude
 .serena
+.mcp.json
 commands.nu
 /gh-oss-stats
 scripts/
diff --git a/pkg/ossstats/badge/badge.go b/pkg/ossstats/badge/badge.go
index ad3b64c..bdc2985 100644
--- a/pkg/ossstats/badge/badge.go
+++ b/pkg/ossstats/badge/badge.go
@@ -104,11 +104,12 @@ func RenderSVG(stats *ossstats.Stats, opts BadgeOptions) (string, error) {
 
 	// Parse and execute template with custom functions
 	tmpl, err := template.New("badge").Funcs(template.FuncMap{
-		"add": func(a, b int) int { return a + b },
-		"sub": func(a, b int) int { return a - b },
-		"mul": func(a, b int) int { return a * b },
-		"mod": func(a, b int) int { return a % b },
-		"div": func(a, b int) int { return a / b },
+		"add":      func(a, b int) int { return a + b },
+		"sub":      func(a, b int) int { return a - b },
+		"mul":      func(a, b int) int { return a * b },
+		"mod":      func(a, b int) int { return a % b },
+		"div":      func(a, b int) int { return a / b },
+		"truncate": truncate,
 	}).Parse(tmplStr)
 	if err != nil {
 		return "", fmt.Errorf("failed to parse template: %w", err)
@@ -205,3 +206,11 @@ func getTemplateStr(
 	err := fmt.Errorf("unsupported badge variant: %s, and style: %s combinations", variant, style)
 	return "", err
 }
+
+func truncate(maxLen int, s string) string {
+	runes := []rune(s)
+	if len(runes) <= maxLen {
+		return s
+	}
+	return string(runes[:maxLen-1]) + "…"
+}
diff --git a/pkg/ossstats/badge/badgeTemplates/defaults.go b/pkg/ossstats/badge/badgeTemplates/defaults.go
index 4b8d8b0..c96e75d 100644
--- a/pkg/ossstats/badge/badgeTemplates/defaults.go
+++ b/pkg/ossstats/badge/badgeTemplates/defaults.go
@@ -262,7 +262,7 @@ const DefaultDetailed = `
       font-size="16"
       font-weight="bold"
 	  class="repo-name"
-      letter-spacing="0em">{{$r.RepoName}}</text>
+      letter-spacing="0em">{{truncate 26 $r.RepoName}}</text>
     <!-- Owner -->
     <text
       x="{{add $x 16}}"
@@ -270,7 +270,7 @@ const DefaultDetailed = `
       fill="{{$.Colors.TextSecondary}}"
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="12"
-      letter-spacing="0em">@{{$r.Owner}}</text>
+      letter-spacing="0em">@{{truncate 28 $r.Owner}}</text>
     <!-- Stats -->
     <text
       x="{{add $x 16}}"
diff --git a/pkg/ossstats/badge/badgeTemplates/textBased.go b/pkg/ossstats/badge/badgeTemplates/textBased.go
index f259270..5c75872 100644
--- a/pkg/ossstats/badge/badgeTemplates/textBased.go
+++ b/pkg/ossstats/badge/badgeTemplates/textBased.go
@@ -209,7 +209,7 @@ const TextBasedDetailed = `
   {{range $i, $r := .TopContributions}}
   <g transform="translate(48, {{add 260 (mul $i 56)}})">
     <text class="repo-name">
-      {{$r.RepoName}}
+      @{{truncate 62 $r.RepoName  }}
       <tspan class="repo-stars"> ★ {{$r.Stars}}</tspan>
     </text>
 
diff --git a/pkg/ossstats/badge/badge_test.go b/pkg/ossstats/badge/badge_test.go
index 489eb1d..5c884db 100644
--- a/pkg/ossstats/badge/badge_test.go
+++ b/pkg/ossstats/badge/badge_test.go
@@ -597,6 +597,196 @@ func TestGetThemeColors(t *testing.T) {
 	}
 }
 
+func TestTruncate(t *testing.T) {
+	tests := []struct {
+		name   string
+		maxLen int
+		input  string
+		want   string
+	}{
+		{
+			name:   "short string unchanged",
+			maxLen: 10,
+			input:  "hello",
+			want:   "hello",
+		},
+		{
+			name:   "exact length unchanged",
+			maxLen: 5,
+			input:  "hello",
+			want:   "hello",
+		},
+		{
+			name:   "over limit gets ellipsis",
+			maxLen: 5,
+			input:  "hello world",
+			want:   "hell…",
+		},
+		{
+			name:   "empty string unchanged",
+			maxLen: 10,
+			input:  "",
+			want:   "",
+		},
+		{
+			name:   "multibyte runes truncated correctly",
+			maxLen: 5,
+			input:  "日本語テスト長い名前",
+			want:   "日本語テ…",
+		},
+		{
+			name:   "limit 1 yields only ellipsis",
+			maxLen: 1,
+			input:  "ab",
+			want:   "…",
+		},
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			got := truncate(tt.maxLen, tt.input)
+			if got != tt.want {
+				t.Errorf("truncate(%d, %q) = %q, want %q", tt.maxLen, tt.input, got, tt.want)
+			}
+		})
+	}
+
+}
+
+func TestRenderSVG_DetailedTextTruncation(t *testing.T) {
+	tests := []struct {
+		name         string
+		repoName     string
+		owner        string
+		wantRepoName string
+		wantOwner    string
+		badgeVariant BadgeVariant
+	}{
+		{
+			name:         "short names pass through unchanged",
+			repoName:     "short-repo",
+			owner:        "shortowner",
+			wantRepoName: "short-repo",
+			wantOwner:    "@shortowner",
+			badgeVariant: VariantDefault,
+		},
+		{
+			name:         "long repo name is truncated",
+			repoName:     "this-repo-name-is-way-too-long-to-fit",
+			owner:        "owner",
+			wantRepoName: "this-repo-name-is-way-too…",
+			wantOwner:    "@owner",
+			badgeVariant: VariantDefault,
+		},
+		{
+			name:         "long owner name is truncated",
+			repoName:     "repo",
+			owner:        "this-owner-name-is-way-too-long-to-fit",
+			wantRepoName: "repo",
+			wantOwner:    "@this-owner-name-is-way-too-…",
+			badgeVariant: VariantDefault,
+		},
+		{
+			name:         "both long names are truncated",
+			repoName:     "a-very-long-repository-name-here",
+			owner:        "a-very-long-organization-name-here",
+			wantRepoName: "a-very-long-repository-na…",
+			wantOwner:    "@a-very-long-organization-na…",
+			badgeVariant: VariantDefault,
+		},
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			stats := &ossstats.Stats{
+				Username: "testuser",
+				Summary: ossstats.Summary{
+					TotalProjects:  1,
+					TotalPRsMerged: 1,
+				},
+				Contributions: []ossstats.Contribution{
+					{
+						RepoName:  tt.repoName,
+						Owner:     tt.owner,
+						Stars:     100,
+						PRsMerged: 1,
+					},
+				},
+			}
+
+			opts := BadgeOptions{
+				Style:   StyleDetailed,
+				Variant: tt.badgeVariant,
+				Theme:   ThemeGithubDark,
+				Limit:   1,
+			}
+
+			svg, err := RenderSVG(stats, opts)
+			if err != nil {
+				t.Fatalf("RenderSVG() unexpected error: %v", err)
+			}
+
+			if !strings.Contains(svg, tt.wantRepoName) {
+				t.Errorf("SVG missing expected repo name %q", tt.wantRepoName)
+			}
+			if !strings.Contains(svg, tt.wantOwner) {
+				t.Errorf("SVG missing expected owner %q", tt.wantOwner)
+			}
+		})
+	}
+}
+
+func TestRenderSVG_TextBasedDetailedTextTruncation(t *testing.T) {
+	tests := []struct {
+		name         string
+		repoName     string
+		wantRepoName string
+		badgeVariant BadgeVariant
+	}{
+		{
+			name:         "both long names are truncated",
+			repoName:     "a-veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy-very-very-very-long-repository-name-here",
+			wantRepoName: "a-veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy-very-very-very-long-rep…",
+			badgeVariant: VariantTextBased,
+		},
+	}
+
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			stats := &ossstats.Stats{
+				Username: "testuser",
+				Summary: ossstats.Summary{
+					TotalProjects:  1,
+					TotalPRsMerged: 1,
+				},
+				Contributions: []ossstats.Contribution{
+					{
+						RepoName:  tt.repoName,
+						Stars:     100,
+						PRsMerged: 1,
+					},
+				},
+			}
+
+			opts := BadgeOptions{
+				Style:   StyleDetailed,
+				Variant: tt.badgeVariant,
+				Theme:   ThemeGithubDark,
+				Limit:   1,
+			}
+
+			svg, err := RenderSVG(stats, opts)
+			if err != nil {
+				t.Fatalf("RenderSVG() unexpected error: %v", err)
+			}
+
+			if !strings.Contains(svg, tt.wantRepoName) {
+				t.Errorf("SVG missing expected repo name %q", tt.wantRepoName)
+			}
+		})
+	}
+}
+
 func TestRenderSVG_CompactBadgeContent(t *testing.T) {
 	stats := &ossstats.Stats{
 		Username: "testuser",

From f9096ae955a96178b799111322c17ba1be1d8b6a Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Sun, 12 Apr 2026 13:49:37 +0300
Subject: [PATCH 09/12] docs: fixed readme typos. added flags docs to badge
 sub-command

---
 README.md         | 6 +++---
 docs/TECHNICAL.md | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 14866c6..6f9a784 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ Track and display your merged PRs, commits, and contributions to external reposi
 - 🔍 **External Contribution Tracking** - Discovers all your merged PRs to repos you don't own
 - 📊 **Comprehensive Stats** - Total PRs, commits, lines of code, and repository stars
 - ⭐ **Smart Filtering** - Filter by minimum stars, exclude organizations
-- 🎭 18 **Color Themes** - Match your profile's aesthetic
+- 🎭 **18 Color Themes** - Match your profile's aesthetic
 - 📦 **Developer-Friendly** - Use as a Go library or standalone CLI, outputs JSON
 
 
@@ -72,9 +72,9 @@ jobs:
 
 ### Run it manually
 If you don't want to wait for the end of the week, you can run this action manually
-1. G to `your github repo`
+1. Go to your github repo
 2. Click `actions` tab
-3. On the left side, you shouls see your action named `Generate OSS Badge`, click on it
+3. On the left side, you should see your action named `Generate OSS Badge`, click on it
 4. Click on `run workflow` drop down, then click `run workflow`
 
 That is it. It will run and generate the badge for you.
diff --git a/docs/TECHNICAL.md b/docs/TECHNICAL.md
index da3e7d3..6cf9446 100644
--- a/docs/TECHNICAL.md
+++ b/docs/TECHNICAL.md
@@ -183,6 +183,8 @@ These flags control badge generation and styling. Used by the main command (with
 | Flag | Type | Default | Description |
 |-------|-----------|-------------|-------------|
 | --badge | boolean | false | Generate SVG Badge (main command only) |
+| --from-file | string | "" | Path to stats JSON file to generate badge from |
+| --data | string | "" | Stats as JSON string |
 | --badge-style | string | summary | Badge style: `summary`, `compact`, `detailed` |
 | --badge-variant | string | default | Badge variant: `default`, `text-based` |
 | --badge-theme | string | dark | Color theme: `dark`, `light`, `nord`, `dracula`, `gruvbox-light`, `gruvbox-dark`, etc... |

From ceca95efbac27ed4284ea7930b9398b9f7c8fb4b Mon Sep 17 00:00:00 2001
From: Mahmoud Abdallah <133316956+mabd-dev@users.noreply.github.com>
Date: Sun, 12 Apr 2026 14:15:49 +0300
Subject: [PATCH 10/12] Feat/repo owner in text based badge (#31)

* added reponame to text-based detailed badge template

* regenerated all badge examples
---
 docs/badges/default-detailed-catppuccin-frappe.svg   | 12 ++++++------
 docs/badges/default-detailed-catppuccin-latte.svg    | 12 ++++++------
 .../badges/default-detailed-catppuccin-macchiato.svg | 12 ++++++------
 docs/badges/default-detailed-catppuccin-mocha.svg    | 12 ++++++------
 docs/badges/default-detailed-dark.svg                | 12 ++++++------
 docs/badges/default-detailed-dracula.svg             | 12 ++++++------
 docs/badges/default-detailed-gruvbox-dark.svg        | 12 ++++++------
 docs/badges/default-detailed-gruvbox-light.svg       | 12 ++++++------
 docs/badges/default-detailed-light.svg               | 12 ++++++------
 docs/badges/default-detailed-monokai.svg             | 12 ++++++------
 docs/badges/default-detailed-nord.svg                | 12 ++++++------
 docs/badges/default-detailed-one-dark-vivid.svg      | 12 ++++++------
 docs/badges/default-detailed-one-dark.svg            | 12 ++++++------
 docs/badges/default-detailed-solarized-dark.svg      | 12 ++++++------
 docs/badges/default-detailed-solarized-light.svg     | 12 ++++++------
 docs/badges/default-detailed-tokyo-night-light.svg   | 12 ++++++------
 docs/badges/default-detailed-tokyo-night-storm.svg   | 12 ++++++------
 docs/badges/default-detailed-tokyo-night.svg         | 12 ++++++------
 .../badges/text-based-detailed-catppuccin-frappe.svg | 12 ++++++------
 docs/badges/text-based-detailed-catppuccin-latte.svg | 12 ++++++------
 .../text-based-detailed-catppuccin-macchiato.svg     | 12 ++++++------
 docs/badges/text-based-detailed-catppuccin-mocha.svg | 12 ++++++------
 docs/badges/text-based-detailed-dark.svg             | 12 ++++++------
 docs/badges/text-based-detailed-dracula.svg          | 12 ++++++------
 docs/badges/text-based-detailed-gruvbox-dark.svg     | 12 ++++++------
 docs/badges/text-based-detailed-gruvbox-light.svg    | 12 ++++++------
 docs/badges/text-based-detailed-light.svg            | 12 ++++++------
 docs/badges/text-based-detailed-monokai.svg          | 12 ++++++------
 docs/badges/text-based-detailed-nord.svg             | 12 ++++++------
 docs/badges/text-based-detailed-one-dark-vivid.svg   | 12 ++++++------
 docs/badges/text-based-detailed-one-dark.svg         | 12 ++++++------
 docs/badges/text-based-detailed-solarized-dark.svg   | 12 ++++++------
 docs/badges/text-based-detailed-solarized-light.svg  | 12 ++++++------
 .../badges/text-based-detailed-tokyo-night-light.svg | 12 ++++++------
 .../badges/text-based-detailed-tokyo-night-storm.svg | 12 ++++++------
 docs/badges/text-based-detailed-tokyo-night.svg      | 12 ++++++------
 pkg/ossstats/badge/badgeTemplates/textBased.go       |  2 +-
 pkg/ossstats/badge/badge_test.go                     | 10 +++++++++-
 38 files changed, 226 insertions(+), 218 deletions(-)

diff --git a/docs/badges/default-detailed-catppuccin-frappe.svg b/docs/badges/default-detailed-catppuccin-frappe.svg
index ab0cc0c..253a26a 100644
--- a/docs/badges/default-detailed-catppuccin-frappe.svg
+++ b/docs/badges/default-detailed-catppuccin-frappe.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-catppuccin-latte.svg b/docs/badges/default-detailed-catppuccin-latte.svg
index 4c24846..34db471 100644
--- a/docs/badges/default-detailed-catppuccin-latte.svg
+++ b/docs/badges/default-detailed-catppuccin-latte.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-catppuccin-macchiato.svg b/docs/badges/default-detailed-catppuccin-macchiato.svg
index be3138c..105b6cb 100644
--- a/docs/badges/default-detailed-catppuccin-macchiato.svg
+++ b/docs/badges/default-detailed-catppuccin-macchiato.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-catppuccin-mocha.svg b/docs/badges/default-detailed-catppuccin-mocha.svg
index 9ad7e61..03022ca 100644
--- a/docs/badges/default-detailed-catppuccin-mocha.svg
+++ b/docs/badges/default-detailed-catppuccin-mocha.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-dark.svg b/docs/badges/default-detailed-dark.svg
index 98e4997..3aba6f6 100644
--- a/docs/badges/default-detailed-dark.svg
+++ b/docs/badges/default-detailed-dark.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-dracula.svg b/docs/badges/default-detailed-dracula.svg
index eeb9c26..d66718a 100644
--- a/docs/badges/default-detailed-dracula.svg
+++ b/docs/badges/default-detailed-dracula.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-gruvbox-dark.svg b/docs/badges/default-detailed-gruvbox-dark.svg
index 7f32fe5..6ea9aaa 100644
--- a/docs/badges/default-detailed-gruvbox-dark.svg
+++ b/docs/badges/default-detailed-gruvbox-dark.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-gruvbox-light.svg b/docs/badges/default-detailed-gruvbox-light.svg
index d0b8120..0185df7 100644
--- a/docs/badges/default-detailed-gruvbox-light.svg
+++ b/docs/badges/default-detailed-gruvbox-light.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-light.svg b/docs/badges/default-detailed-light.svg
index 2e800a8..f73f132 100644
--- a/docs/badges/default-detailed-light.svg
+++ b/docs/badges/default-detailed-light.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-monokai.svg b/docs/badges/default-detailed-monokai.svg
index 3c38285..fca8d01 100644
--- a/docs/badges/default-detailed-monokai.svg
+++ b/docs/badges/default-detailed-monokai.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-nord.svg b/docs/badges/default-detailed-nord.svg
index 7f862b5..61aeebe 100644
--- a/docs/badges/default-detailed-nord.svg
+++ b/docs/badges/default-detailed-nord.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-one-dark-vivid.svg b/docs/badges/default-detailed-one-dark-vivid.svg
index 42e734c..308a595 100644
--- a/docs/badges/default-detailed-one-dark-vivid.svg
+++ b/docs/badges/default-detailed-one-dark-vivid.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-one-dark.svg b/docs/badges/default-detailed-one-dark.svg
index 42e734c..308a595 100644
--- a/docs/badges/default-detailed-one-dark.svg
+++ b/docs/badges/default-detailed-one-dark.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-solarized-dark.svg b/docs/badges/default-detailed-solarized-dark.svg
index aedd087..e153ab1 100644
--- a/docs/badges/default-detailed-solarized-dark.svg
+++ b/docs/badges/default-detailed-solarized-dark.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-solarized-light.svg b/docs/badges/default-detailed-solarized-light.svg
index e8f7895..2852e6b 100644
--- a/docs/badges/default-detailed-solarized-light.svg
+++ b/docs/badges/default-detailed-solarized-light.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-tokyo-night-light.svg b/docs/badges/default-detailed-tokyo-night-light.svg
index ce1ed64..77036ec 100644
--- a/docs/badges/default-detailed-tokyo-night-light.svg
+++ b/docs/badges/default-detailed-tokyo-night-light.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-tokyo-night-storm.svg b/docs/badges/default-detailed-tokyo-night-storm.svg
index 167e9a0..b2f5db3 100644
--- a/docs/badges/default-detailed-tokyo-night-storm.svg
+++ b/docs/badges/default-detailed-tokyo-night-storm.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/default-detailed-tokyo-night.svg b/docs/badges/default-detailed-tokyo-night.svg
index 0cdf6f4..18c8544 100644
--- a/docs/badges/default-detailed-tokyo-night.svg
+++ b/docs/badges/default-detailed-tokyo-night.svg
@@ -155,8 +155,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">android-public</text>
 	  class="repo-name"
+      letter-spacing="0em">android-public</text>
     <!-- Owner -->
     <text
       x="48"
@@ -207,8 +207,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Tomato</text>
 	  class="repo-name"
+      letter-spacing="0em">Tomato</text>
     <!-- Owner -->
     <text
       x="336"
@@ -259,8 +259,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">JetpackComposeTracker</text>
 	  class="repo-name"
+      letter-spacing="0em">JetpackComposeTracker</text>
     <!-- Owner -->
     <text
       x="624"
@@ -311,8 +311,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">nav3-recipes</text>
 	  class="repo-name"
+      letter-spacing="0em">nav3-recipes</text>
     <!-- Owner -->
     <text
       x="48"
@@ -363,8 +363,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">cahier</text>
 	  class="repo-name"
+      letter-spacing="0em">cahier</text>
     <!-- Owner -->
     <text
       x="336"
@@ -415,8 +415,8 @@
       font-family="Inter, system-ui, -apple-system, sans-serif"
       font-size="16"
       font-weight="bold"
-      letter-spacing="0em">Compose-Rolling-Number</text>
 	  class="repo-name"
+      letter-spacing="0em">Compose-Rolling-Number</text>
     <!-- Owner -->
     <text
       x="624"
diff --git a/docs/badges/text-based-detailed-catppuccin-frappe.svg b/docs/badges/text-based-detailed-catppuccin-frappe.svg
index add0eb4..fb11cf1 100644
--- a/docs/badges/text-based-detailed-catppuccin-frappe.svg
+++ b/docs/badges/text-based-detailed-catppuccin-frappe.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-catppuccin-latte.svg b/docs/badges/text-based-detailed-catppuccin-latte.svg
index 5d3d2f5..4ca43af 100644
--- a/docs/badges/text-based-detailed-catppuccin-latte.svg
+++ b/docs/badges/text-based-detailed-catppuccin-latte.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-catppuccin-macchiato.svg b/docs/badges/text-based-detailed-catppuccin-macchiato.svg
index 9cce519..5ec5ca2 100644
--- a/docs/badges/text-based-detailed-catppuccin-macchiato.svg
+++ b/docs/badges/text-based-detailed-catppuccin-macchiato.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-catppuccin-mocha.svg b/docs/badges/text-based-detailed-catppuccin-mocha.svg
index 2e7a202..f3df399 100644
--- a/docs/badges/text-based-detailed-catppuccin-mocha.svg
+++ b/docs/badges/text-based-detailed-catppuccin-mocha.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-dark.svg b/docs/badges/text-based-detailed-dark.svg
index 557221f..e91f205 100644
--- a/docs/badges/text-based-detailed-dark.svg
+++ b/docs/badges/text-based-detailed-dark.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-dracula.svg b/docs/badges/text-based-detailed-dracula.svg
index 2b5a6d6..170a446 100644
--- a/docs/badges/text-based-detailed-dracula.svg
+++ b/docs/badges/text-based-detailed-dracula.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-gruvbox-dark.svg b/docs/badges/text-based-detailed-gruvbox-dark.svg
index 7c46032..a37db02 100644
--- a/docs/badges/text-based-detailed-gruvbox-dark.svg
+++ b/docs/badges/text-based-detailed-gruvbox-dark.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-gruvbox-light.svg b/docs/badges/text-based-detailed-gruvbox-light.svg
index 83967fa..9b2a6b1 100644
--- a/docs/badges/text-based-detailed-gruvbox-light.svg
+++ b/docs/badges/text-based-detailed-gruvbox-light.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-light.svg b/docs/badges/text-based-detailed-light.svg
index 2afbc48..60834df 100644
--- a/docs/badges/text-based-detailed-light.svg
+++ b/docs/badges/text-based-detailed-light.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-monokai.svg b/docs/badges/text-based-detailed-monokai.svg
index 7a92663..4238294 100644
--- a/docs/badges/text-based-detailed-monokai.svg
+++ b/docs/badges/text-based-detailed-monokai.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-nord.svg b/docs/badges/text-based-detailed-nord.svg
index ba6c515..8d719ad 100644
--- a/docs/badges/text-based-detailed-nord.svg
+++ b/docs/badges/text-based-detailed-nord.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-one-dark-vivid.svg b/docs/badges/text-based-detailed-one-dark-vivid.svg
index 16b53b1..fbb7137 100644
--- a/docs/badges/text-based-detailed-one-dark-vivid.svg
+++ b/docs/badges/text-based-detailed-one-dark-vivid.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-one-dark.svg b/docs/badges/text-based-detailed-one-dark.svg
index 5d21dbf..0222874 100644
--- a/docs/badges/text-based-detailed-one-dark.svg
+++ b/docs/badges/text-based-detailed-one-dark.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-solarized-dark.svg b/docs/badges/text-based-detailed-solarized-dark.svg
index f580c66..fa08a59 100644
--- a/docs/badges/text-based-detailed-solarized-dark.svg
+++ b/docs/badges/text-based-detailed-solarized-dark.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-solarized-light.svg b/docs/badges/text-based-detailed-solarized-light.svg
index ba51075..901240d 100644
--- a/docs/badges/text-based-detailed-solarized-light.svg
+++ b/docs/badges/text-based-detailed-solarized-light.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-tokyo-night-light.svg b/docs/badges/text-based-detailed-tokyo-night-light.svg
index c05fecd..48c3a51 100644
--- a/docs/badges/text-based-detailed-tokyo-night-light.svg
+++ b/docs/badges/text-based-detailed-tokyo-night-light.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-tokyo-night-storm.svg b/docs/badges/text-based-detailed-tokyo-night-storm.svg
index 48a924a..9460796 100644
--- a/docs/badges/text-based-detailed-tokyo-night-storm.svg
+++ b/docs/badges/text-based-detailed-tokyo-night-storm.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/docs/badges/text-based-detailed-tokyo-night.svg b/docs/badges/text-based-detailed-tokyo-night.svg
index 3e4cac9..39a1935 100644
--- a/docs/badges/text-based-detailed-tokyo-night.svg
+++ b/docs/badges/text-based-detailed-tokyo-night.svg
@@ -123,7 +123,7 @@
   
   <g transform="translate(48, 260)">
     <text class="repo-name">
-      android-public
+      @ibad-al-rahman/android-public
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -134,7 +134,7 @@
   
   <g transform="translate(48, 316)">
     <text class="repo-name">
-      Tomato
+      @nsh07/Tomato
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -145,7 +145,7 @@
   
   <g transform="translate(48, 372)">
     <text class="repo-name">
-      JetpackComposeTracker
+      @qamarelsafadi/JetpackComposeTracker
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -156,7 +156,7 @@
   
   <g transform="translate(48, 428)">
     <text class="repo-name">
-      nav3-recipes
+      @android/nav3-recipes
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -167,7 +167,7 @@
   
   <g transform="translate(48, 484)">
     <text class="repo-name">
-      cahier
+      @android/cahier
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
@@ -178,7 +178,7 @@
   
   <g transform="translate(48, 540)">
     <text class="repo-name">
-      Compose-Rolling-Number
+      @esatgozcu/Compose-Rolling-Number
       <tspan class="repo-stars"> ★ 15</tspan>
     </text>
 
diff --git a/pkg/ossstats/badge/badgeTemplates/textBased.go b/pkg/ossstats/badge/badgeTemplates/textBased.go
index 5c75872..8333ce8 100644
--- a/pkg/ossstats/badge/badgeTemplates/textBased.go
+++ b/pkg/ossstats/badge/badgeTemplates/textBased.go
@@ -209,7 +209,7 @@ const TextBasedDetailed = `
   {{range $i, $r := .TopContributions}}
   <g transform="translate(48, {{add 260 (mul $i 56)}})">
     <text class="repo-name">
-      @{{truncate 62 $r.RepoName  }}
+      @{{truncate 52 (printf "%s/%s" $r.Owner $r.RepoName)}}
       <tspan class="repo-stars"> ★ {{$r.Stars}}</tspan>
     </text>
 
diff --git a/pkg/ossstats/badge/badge_test.go b/pkg/ossstats/badge/badge_test.go
index 5c884db..5854cee 100644
--- a/pkg/ossstats/badge/badge_test.go
+++ b/pkg/ossstats/badge/badge_test.go
@@ -740,13 +740,17 @@ func TestRenderSVG_TextBasedDetailedTextTruncation(t *testing.T) {
 	tests := []struct {
 		name         string
 		repoName     string
+		owner        string
 		wantRepoName string
+		wantOwner    string
 		badgeVariant BadgeVariant
 	}{
 		{
 			name:         "both long names are truncated",
 			repoName:     "a-veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy-very-very-very-long-repository-name-here",
-			wantRepoName: "a-veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy-very-very-very-long-rep…",
+			owner:        "testowner",
+			wantRepoName: "@testowner/a-veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy-ver…",
+			wantOwner:    "@testowner",
 			badgeVariant: VariantTextBased,
 		},
 	}
@@ -762,6 +766,7 @@ func TestRenderSVG_TextBasedDetailedTextTruncation(t *testing.T) {
 				Contributions: []ossstats.Contribution{
 					{
 						RepoName:  tt.repoName,
+						Owner:     tt.owner,
 						Stars:     100,
 						PRsMerged: 1,
 					},
@@ -783,6 +788,9 @@ func TestRenderSVG_TextBasedDetailedTextTruncation(t *testing.T) {
 			if !strings.Contains(svg, tt.wantRepoName) {
 				t.Errorf("SVG missing expected repo name %q", tt.wantRepoName)
 			}
+			if !strings.Contains(svg, tt.wantOwner) {
+				t.Errorf("SVG missing expected owner %q", tt.wantOwner)
+			}
 		})
 	}
 }

From 5a4c2677f6e354954ddd2b0d1b81b62fcc32f4c8 Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Sun, 12 Apr 2026 14:20:02 +0300
Subject: [PATCH 11/12] docs: added 0.3.4 release notes

---
 docs/release-notes/v0.3.3.md |  2 +-
 docs/release-notes/v0.3.4.md | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 docs/release-notes/v0.3.4.md

diff --git a/docs/release-notes/v0.3.3.md b/docs/release-notes/v0.3.3.md
index 76c3e85..dfb8f52 100644
--- a/docs/release-notes/v0.3.3.md
+++ b/docs/release-notes/v0.3.3.md
@@ -1,6 +1,6 @@
 # Release Notes: v0.3.3
 
-Release Date: Feb 13, 2025
+Release Date: Feb 13, 2026
 Codename: Update template design + support 5 new color schemes 
 
 ## ✨ Features
diff --git a/docs/release-notes/v0.3.4.md b/docs/release-notes/v0.3.4.md
new file mode 100644
index 0000000..117e1d1
--- /dev/null
+++ b/docs/release-notes/v0.3.4.md
@@ -0,0 +1,14 @@
+# Release Notes: v0.3.4
+
+Release Date: Feb 13, 2026
+Codename: Fix text overflow
+
+## ♻️ Improvements
+
+- Add **ownerName** to text-based variant, detailed style badge
+
+
+## 🐛 Bug Fixes
+
+- **Detailed Badge**: Prevent text-overflow by truncating repoName + ownerName
+

From f0ba24c99c455f7b64b34495c59e04774747bbd0 Mon Sep 17 00:00:00 2001
From: MABD <mabd.universe@gmail.com>
Date: Sun, 12 Apr 2026 14:34:25 +0300
Subject: [PATCH 12/12] docs: updated release notes

---
 docs/release-notes/v0.3.4.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/release-notes/v0.3.4.md b/docs/release-notes/v0.3.4.md
index 117e1d1..cc2a510 100644
--- a/docs/release-notes/v0.3.4.md
+++ b/docs/release-notes/v0.3.4.md
@@ -3,6 +3,12 @@
 Release Date: Feb 13, 2026
 Codename: Fix text overflow
 
+
+## ✨ Features
+
+- NEW: Added custom badge theme colors cli-flags
+
+
 ## ♻️ Improvements
 
 - Add **ownerName** to text-based variant, detailed style badge