From 8795c10f9418c304eb8c6d57baccdaf491dd4e8d Mon Sep 17 00:00:00 2001
From: pedrooot <pedromarting3@gmail.com>
Date: Sat, 18 Apr 2026 00:23:20 +0200
Subject: [PATCH] chore(revision): apply feedback

---
 .../auth/oss/animated-dots-background.tsx        | 12 +++++++++---
 .../auth/oss/auth-release-highlights.tsx         | 16 ++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/ui/components/auth/oss/animated-dots-background.tsx b/ui/components/auth/oss/animated-dots-background.tsx
index 0aabfa990b..6eaf29d88d 100644
--- a/ui/components/auth/oss/animated-dots-background.tsx
+++ b/ui/components/auth/oss/animated-dots-background.tsx
@@ -17,7 +17,8 @@ const PARTICLE_ALPHA = 0.75;
 const CONNECTION_MAX_ALPHA = 0.35;
 const ALPHA_TIER_COUNT = 3;
 const MAX_DPR = 2;
-const ACCENT_FALLBACK = "rgb(110, 231, 183)";
+const ACCENT_LIGHT = "rgb(156, 163, 175)";
+const ACCENT_DARK_FALLBACK = "rgb(110, 231, 183)";
 const ACCENT_VAR = "--bg-button-primary";
 
 export const AnimatedDotsBackground = () => {
@@ -37,7 +38,7 @@ export const AnimatedDotsBackground = () => {
     let resizeFrameId = 0;
     let width = 0;
     let height = 0;
-    let accentColor = ACCENT_FALLBACK;
+    let accentColor = ACCENT_LIGHT;
     let count = 0;
     let xs = new Float32Array(0);
     let ys = new Float32Array(0);
@@ -51,10 +52,15 @@ export const AnimatedDotsBackground = () => {
     const mouse = { x: -9999, y: -9999, active: false };
 
     const readAccent = () => {
+      const isDark = document.documentElement.classList.contains("dark");
+      if (!isDark) {
+        accentColor = ACCENT_LIGHT;
+        return;
+      }
       const value = getComputedStyle(document.documentElement)
         .getPropertyValue(ACCENT_VAR)
         .trim();
-      accentColor = value || ACCENT_FALLBACK;
+      accentColor = value || ACCENT_DARK_FALLBACK;
     };
 
     const ensureTierCapacity = (n: number) => {
diff --git a/ui/components/auth/oss/auth-release-highlights.tsx b/ui/components/auth/oss/auth-release-highlights.tsx
index eaf3ff14aa..6d7676abea 100644
--- a/ui/components/auth/oss/auth-release-highlights.tsx
+++ b/ui/components/auth/oss/auth-release-highlights.tsx
@@ -71,12 +71,7 @@ export const AuthReleaseHighlights = () => (
           ))}
         </ul>
 
-        <div className="flex items-center gap-3">
-          <Button asChild size="sm" className="shadow-lg shadow-emerald-950/25">
-            <a href={RELEASE.url} target="_blank" rel="noopener noreferrer">
-              See full release notes
-            </a>
-          </Button>
+        <div className="flex flex-wrap items-center gap-4">
           <Button
             asChild
             variant="outline"
@@ -88,6 +83,15 @@ export const AuthReleaseHighlights = () => (
               GitHub
             </a>
           </Button>
+          <a
+            href={RELEASE.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-1 text-sm font-medium text-emerald-700 transition-colors hover:text-emerald-800 dark:text-emerald-300 dark:hover:text-emerald-200"
+          >
+            See full release notes
+            <Icon aria-hidden="true" icon="mdi:arrow-top-right" width={14} />
+          </a>
         </div>
       </div>
     </div>