chore(revision): apply feedback

This commit is contained in:
pedrooot
2026-04-18 00:23:20 +02:00
parent 08d5b79fc4
commit 8795c10f94
2 changed files with 19 additions and 9 deletions
@@ -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) => {
@@ -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>