From 6f18b579642be30201661b329d576c2c4b962d3f Mon Sep 17 00:00:00 2001
From: rimar1337 <132627503+rimar1337@users.noreply.github.com>
Date: Mon, 3 Nov 2025 21:20:41 +0700
Subject: [PATCH] hue link colors

---
 src/components/UniversalPostRenderer.tsx | 6 +++---
 src/styles/app.css                       | 8 +++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/UniversalPostRenderer.tsx b/src/components/UniversalPostRenderer.tsx
index ac63617..a481d3d 100644
--- a/src/components/UniversalPostRenderer.tsx
+++ b/src/components/UniversalPostRenderer.tsx
@@ -2818,7 +2818,7 @@ export function renderTextWithFacets({
           className="link"
           style={{
             textDecoration: "none",
-            color: "rgb(29, 122, 242)",
+            color: "var(--link-text-color)",
             wordBreak: "break-all",
           }}
           target="_blank"
@@ -2838,7 +2838,7 @@ export function renderTextWithFacets({
       result.push(
         <span
           key={start}
-          style={{ color: "rgb(29, 122, 242)" }}
+          style={{ color: "var(--link-text-color)" }}
           className=" cursor-pointer"
           onClick={(e) => {
             e.stopPropagation();
@@ -2856,7 +2856,7 @@ export function renderTextWithFacets({
       result.push(
         <span
           key={start}
-          style={{ color: "rgb(29, 122, 242)" }}
+          style={{ color: "var(--link-text-color)" }}
           onClick={(e) => {
             e.stopPropagation();
           }}
diff --git a/src/styles/app.css b/src/styles/app.css
index 3a05395..9305d07 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -33,6 +33,12 @@
   --color-gray-950: oklch(0.129 0.055 var(--safe-hue));
 }
 
+:root {
+  --link-text-color: oklch(0.5962 0.1987 var(--safe-hue));
+  /* max chroma!!! use fallback*/
+  /*--link-text-color: oklch(0.6 0.37 var(--safe-hue));*/
+}
+
 @layer base {
   html {
     color-scheme: light dark;
@@ -84,7 +90,7 @@
 .dangerousFediContent {
   & a[href]{
     text-decoration: none;
-    color: rgb(29, 122, 242);
+    color: var(--link-text-color);
     word-break: break-all;
   }
 }
-- 
2.51.2