Skip to content

fix(dark mode): stop .text-info being hijacked to purple#7987

Closed
talissoncosta wants to merge 1 commit into
mainfrom
fix/text-info-override
Closed

fix(dark mode): stop .text-info being hijacked to purple#7987
talissoncosta wants to merge 1 commit into
mainfrom
fix/text-info-override

Conversation

@talissoncosta

Copy link
Copy Markdown
Contributor

Changes

Contributes to #6606.

_alert.scss had an unscoped .text-info { color: $primary !important } (added in 2022 for two webhook secret-field doc links). It forced every .text-info to purple globally, overriding the info-blue token, and !important meant it survived the text-colour reclaim too.

  • Move the two webhook doc links (CreateWebhook, CreateAuditLogWebhook) to .text-action — they're links, so the interactive/purple colour is the correct semantic, and appearance is preserved.
  • Remove the global override, so .text-info resolves to --color-text-info (info-blue) again.

How did you test this code?

Compiled the stylesheet: the purple .text-info rule is gone; .text-info now resolves to the info-blue token. No text-info classNames remain (both moved to text-action). The two links keep their purple.

An unscoped `.text-info { color: $primary !important }` in _alert.scss
(added in 2022 for two webhook doc links) forced every .text-info to
purple globally, overriding the info-blue token. Move those two links to
.text-action (the correct interactive/link colour) and remove the override,
so .text-info resolves to --color-text-info again.

Contributes to #6606

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@talissoncosta talissoncosta requested a review from a team as a code owner July 10, 2026 16:49
@talissoncosta talissoncosta requested review from kyle-ssg and removed request for a team July 10, 2026 16:49
@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flagsmith-frontend-preview Ready Ready Preview, Comment Jul 10, 2026 4:50pm
flagsmith-frontend-staging Ready Ready Preview, Comment Jul 10, 2026 4:50pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
docs Ignored Ignored Preview Jul 10, 2026 4:50pm

Request Review

@coderabbitai

coderabbitai Bot commented Jul 10, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 62d1cec9-61c3-4edb-ac1f-3632eb929348

📥 Commits

Reviewing files that changed from the base of the PR and between 3eeaf38 and 95840a4.

📒 Files selected for processing (3)
  • frontend/web/components/modals/CreateAuditLogWebhook.tsx
  • frontend/web/components/modals/CreateWebhook.tsx
  • frontend/web/styles/project/_alert.scss
💤 Files with no reviewable changes (1)
  • frontend/web/styles/project/_alert.scss

📝 Walkthrough

Walkthrough

Updated the Secret help links in the audit-log webhook and webhook creation modals to use the text-action class. Removed the .text-info style rule that applied the primary colour with !important.

Estimated code review effort: 1 (Trivial) | ~2 minutes


Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Docker builds report

Image Build Status Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-7987 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-7987 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-api:pr-7987 Finished ✅ Results
ghcr.io/flagsmith/flagsmith:pr-7987 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-private-cloud:pr-7987 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-frontend:pr-7987 Finished ✅ Results

@talissoncosta

Copy link
Copy Markdown
Contributor Author

Consolidated into #7982 so the whole dark-mode colour change can be QA'd in one pass. Same commit is included there.

@talissoncosta talissoncosta deleted the fix/text-info-override branch July 10, 2026 16:53
@github-actions

github-actions Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

passed  4 passed

Details

stats  4 tests across 3 suites
duration  19.7 seconds
commit  95840a4
info  🔄 Run: #18164 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

passed  5 passed

Details

stats  5 tests across 3 suites
duration  36.9 seconds
commit  95840a4
info  🔄 Run: #18164 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

passed  4 passed

Details

stats  4 tests across 3 suites
duration  12 seconds
commit  95840a4
info  🔄 Run: #18164 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

passed  5 passed

Details

stats  5 tests across 4 suites
duration  49.2 seconds
commit  95840a4
info  🔄 Run: #18164 (attempt 1)

@github-actions

Copy link
Copy Markdown
Contributor

Visual Regression

19 screenshots compared. See report for details.
View full report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fix front-end Issue related to the React Front End Dashboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant