From 59b3f46179dd05e7e5711bb27e41c78a5ee507bf Mon Sep 17 00:00:00 2001
From: Shamsuddin Panhwar <168548190+Shamsuddin45@users.noreply.github.com>
Date: Mon, 6 Jul 2026 17:20:55 +0500
Subject: [PATCH] Implement Sindhi-specific CSS styling

Add language-specific CSS for Sindhi language font clarity.
---
 frontend/src/ts/test/test-ui.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/frontend/src/ts/test/test-ui.ts b/frontend/src/ts/test/test-ui.ts
index 40d864504a46..ea97514cfe22 100644
--- a/frontend/src/ts/test/test-ui.ts
+++ b/frontend/src/ts/test/test-ui.ts
@@ -2069,4 +2069,19 @@ configEvent.subscribe(({ key, newValue }) => {
   if (["tapeMode", "tapeMargin"].includes(key)) {
     updateLiveStatsMargin();
   }
+if (key === "language") {
+    if (newValue === "sindhi") {
+      // Apply Sindhi-specific CSS
+      qs("#words .word")?.setStyle({
+        letterSpacing: "normal",
+        fontFamily: "'Noto Sans Arabic', 'Lateef', 'Segoe UI', sans-serif",
+      });
+    } else {
+      // Reset styles for other languages
+      qs("#words .word")?.setStyle({
+        letterSpacing: "",
+        fontFamily: "",
+      });
+    }
+  }
 });