fix(mosaic): keep enterprise account icons visible in dark mode by austincalvelage · Pull Request #10377 · clerk/javascript

austincalvelage · 2026-10-23T00:52:38Z

Description

Make monochrome enterprise-account logos, including Okta, follow the text color so they remain visible in dark mode. Apply the same provider recognition and shared icon rendering used by connected accounts and Web3 wallets to both linked accounts and available enterprise connections.

Open the enterprise-account examples in Swingset and toggle dark mode to compare the Okta logo. Colored provider logos retain their original colors.

Before	After

Checklist

pnpm test runs as expected.
pnpm build runs as expected.
(If applicable) JSDoc comments have been added or updated for any package exports
(If applicable) Documentation has been updated

Type of change

changeset-bot · 2026-10-23T00:52:43Z

🦋 Changeset detected

Latest commit: eed488e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel · 2026-10-23T00:52:44Z

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

Project	Deployment	Actions	Updated
clerk-js-sandbox	Ready	Preview	Oct 23, 2026 12:55am UTC
swingset	Ready	Preview	Oct 23, 2026 12:55am UTC

coderabbitai · 2026-10-23T00:52:58Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Source mode: Auto
Repository: clerk/javascript
Branch: austin/enterprise-account-dark-mode-fix
File: .coderabbit.yaml
Commit: eed488e
Layers: Repository YAML (base), Organization UI (inherited)
Review profile: ASSERTIVE
Plan: Team
Run ID: 7ec207cf-e44a-4ab9-875a-4cd9c1168e82

📥 Commits

Reviewing files that changed from the base of the PR and between 17eecac and eed488e.

📒 Files selected for processing: 8

.changeset/tidy-enterprise-icons.md
packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/__tests__/user-profile-enterprise-accounts-projection.test.ts
packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-account-row.view.tsx
packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.model.ts
packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts
packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.types.ts
packages/mosaic/src/features/user-profile/user-profile-provider.utils.ts
packages/swingset/src/stories/fixtures/user-profile-enterprise-accounts.ts

🔗 Linked repositories identified

CodeRabbit considers these linked repositories for cross-repo context during reviews:

clerk/clerk_go (manual)
clerk/dashboard (manual)
clerk/accounts (manual)
clerk/backoffice (manual)
clerk/clerk (manual)
clerk/clerk-docs (manual)
clerk/cloudflare-workers (manual)
clerk/clerk-android (auto-detected)
clerk/clerk-ios (auto-detected)
clerk/cli (auto-detected)

💤 Files with no reviewable changes: 1

packages/mosaic/src/features/user-profile/user-profile-enterprise-accounts-section/user-profile-enterprise-accounts-section.styles.ts

Included review availability: This review used your included allowance. 2 included reviews remain after this review. Your included PR review attempts over the past 7 days set your current allowance at 6 reviews per hour.

📝 Walkthrough

Enterprise account and connection projections now include a monochromeIcon value based on normalized provider names. The provider list now includes okta. The account row delegates icon and fallback rendering to UserProfileProviderMedia. Projection tests cover four providers, and the story fixture preserves connection fields when creating a linked account.

Priority: ⬇️ Low

Estimated code review effort: 3 (Moderate) | ~20 minutes

Suggested reviewers: alexcarpenter, ephem

Merge Risk: ⚪ Minimal · up to eed48

The icon changes are ready to merge after normal checks; no actionable merge-blocking issue remains.

Pre-merge checks: 4 · 1

Failed checks: 1 warning

Check name	Status	Explanation	Resolution
Docstring Coverage		Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 4 functions across 6 files. (1 skipped: 1 …	Write docstrings for the functions missing them to satisfy the coverage threshold.

Passed checks: 4 passed

Check name	Status	Explanation
Title check		The title clearly and concisely describes the main change: keeping enterprise account icons visible in dark mode.
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.
Description check		The pull request description directly explains the changes to monochrome enterprise-account logos, Okta provider recognition, shared icon rendering, and dark-mode visibility. It matches the changeset.

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 4 functions across 6 files. (1 skipped: 1 unsupported.)

Resolution

Write docstrings for the functions missing them to satisfy the coverage threshold.

Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Warning

Linked repositories: Some configured repositories could not be included in this review. Cross-repository analysis may be incomplete. Please check linked-repository access and settings.

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

pkg-pr-new · 2026-10-23T00:55:56Z

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@10377

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@10377

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@10377

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@10377

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@10377

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@10377

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@10377

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@10377

@clerk/expo-biometrics

npm i https://pkg.pr.new/@clerk/expo-biometrics@10377

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@10377

@clerk/expo-native-components

npm i https://pkg.pr.new/@clerk/expo-native-components@10377

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@10377

@clerk/express

npm i https://pkg.pr.new/@clerk/express@10377

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@10377

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@10377

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@10377

@clerk/mosaic

npm i https://pkg.pr.new/@clerk/mosaic@10377

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@10377

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@10377

@clerk/react

npm i https://pkg.pr.new/@clerk/react@10377

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@10377

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@10377

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@10377

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@10377

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@10377

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@10377

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@10377

commit: eed488e

fix(mosaic): keep enterprise account icons visible in dark mode

eed488e

github-actions Bot added the mosaic label Oct 23, 2026

vercel Bot deployed to Preview – clerk-js-sandbox October 23, 2026 00:53

View deployment

vercel Bot deployed to Preview – swingset October 23, 2026 00:55

View deployment

Navigation Menu

Repository navigation

fix(mosaic): keep enterprise account icons visible in dark mode - #10377

fix(mosaic): keep enterprise account icons visible in dark mode#10377
austincalvelage wants to merge 1 commit into
mainfrom
austin/enterprise-account-dark-mode-fix

austincalvelage commented Oct 23, 2026 •

edited

Loading

Uh oh!

changeset-bot Bot commented Oct 23, 2026

Uh oh!

vercel Bot commented Oct 23, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Oct 23, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Oct 23, 2026

Uh oh!

This branch was successfully deployed

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

austincalvelage commented Oct 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Checklist

Type of change

Uh oh!

changeset-bot Bot commented Oct 23, 2026

🦋 Changeset detected

Uh oh!

vercel Bot commented Oct 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coderabbitai Bot commented Oct 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

pkg-pr-new Bot commented Oct 23, 2026

Uh oh!

This branch was successfully deployed

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

austincalvelage commented Oct 23, 2026 •

edited

Loading

vercel Bot commented Oct 23, 2026 •

edited

Loading

coderabbitai Bot commented Oct 23, 2026 •

edited

Loading