From 9fdbe480f1e72277bb82d5976be381a4f20a74b8 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sun, 10 Aug 2025 22:54:17 +0100
Subject: [PATCH] appview/pages: make language indicator spherical
Change-Id: uwotwontksrztxzsvqwovsxlzwnowzks

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/user/fragments/repoCard.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/appview/pages/templates/user/fragments/repoCard.html b/appview/pages/templates/user/fragments/repoCard.html
index cec199b..9bab85b 100644
--- a/appview/pages/templates/user/fragments/repoCard.html
+++ b/appview/pages/templates/user/fragments/repoCard.html
@@ -28,10 +28,11 @@
 {{ define "repoStats" }}
   <div class="text-gray-400 pt-4 text-sm font-mono inline-flex gap-4 mt-auto">
     {{ with .Language }}
-        <div class="flex gap-2 items-center text-sm">
-          <div class="size-2 rounded-full" style="background-color: {{ langColor . }};"></div>
-            <span>{{ . }}</span>
-        </div>
+      <div class="flex gap-2 items-center text-sm">
+        <div class="size-2 rounded-full" 
+          style="background: radial-gradient(circle at 35% 35%, color-mix(in srgb, {{ langColor . }} 70%, white), {{ langColor . }} 30%, color-mix(in srgb, {{ langColor . }} 85%, black));"></div>
+        <span>{{ . }}</span>
+      </div>
     {{ end }}
     {{ with .StarCount }}
         <div class="flex gap-1 items-center text-sm">
-- 
2.43.0