From 6cdebe1d61be6241c1b1406a2667b991ee6f666f Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Fri, 17 Jul 2026 23:51:41 -0700 Subject: [PATCH] fix(dashboard): theme-aware links on the onboarding GitHub setup step GitHub-step anchors had layout-only CSS and rendered the user-agent default blue, which ignores the dashboard theme. Use var(--color-info) with hover underline; .btn anchors keep button styling. Co-Authored-By: Claude Fable 5 --- .changeset/onboarding-link-theme-aware.md | 7 +++++++ .../app/components/ModelOnboardingModal.css | 17 +++++++++++++++++ 2 files changed, 24 insertions(+) create mode 100644 .changeset/onboarding-link-theme-aware.md diff --git a/.changeset/onboarding-link-theme-aware.md b/.changeset/onboarding-link-theme-aware.md new file mode 100644 index 0000000000..9001579e2b --- /dev/null +++ b/.changeset/onboarding-link-theme-aware.md @@ -0,0 +1,7 @@ +--- +"@runfusion/fusion": patch +--- + +summary: Links on the onboarding GitHub setup step now follow the dashboard theme instead of default browser blue. +category: fix +dev: "ModelOnboardingModal.css: GitHub-step anchors (non-.btn) get color var(--color-info) + hover underline; layout rules unchanged." diff --git a/packages/dashboard/app/components/ModelOnboardingModal.css b/packages/dashboard/app/components/ModelOnboardingModal.css index 05ddcd7b3c..e6349fe7f6 100644 --- a/packages/dashboard/app/components/ModelOnboardingModal.css +++ b/packages/dashboard/app/components/ModelOnboardingModal.css @@ -758,6 +758,23 @@ list. The with/without comparison now renders as two labeled groups on a single margin: 0; } +/* +FNXC:Onboarding 2026-07-18-02:30: +Anchors in the GitHub setup step had layout-only rules, so they rendered the +user-agent default blue, which ignores the dashboard theme (unreadable link on +the dark theme's install card). Links must use the themed info token; .btn +anchors keep their button styling untouched. +*/ +.onboarding-github-git-prerequisite a, +.onboarding-github-setup-card a:not(.btn) { + color: var(--color-info); +} + +.onboarding-github-git-prerequisite a:hover, +.onboarding-github-setup-card a:not(.btn):hover { + text-decoration: underline; +} + .onboarding-github-git-prerequisite a { align-self: flex-start; }