cl-organizationPreview is used everywhere!

[justinh-kairos]

Dependencies + versions

{  
  "dependencies": {
    "next": "^13.4.7",
    "react": "^18.2.0"
  },
  "devDependencies": {
    "@clerk/nextjs": "^4.21.10",
    "@clerk/themes": "^1.7.5",
    "@clerk/types": "^3.46.1"
  }
}

Description

When using the appearance prop to theme components, there is no way to select the org switcher trigger subcomponents without also modifying the similar components in the org switcher popover.

Example: I'd like to modify this:

Without also modifying these:

[clerk-cookie]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[justinh-kairos]

Bump

[LekoArts]

Hi!

Sorry to hear you're running into an issue. To help us best begin debugging the underlying cause, it is incredibly helpful if you're able to create a minimal reproduction. This is a simplified example of the issue that makes it clear and obvious what the issue is and how we can begin to debug it.

If you're up for it, we'd very much appreciate if you could provide a minimal reproduction and we'll be able to take another look.

Thanks for using Clerk!

[panteliselef]

Hello @justinh-kairos we are tracking the issue internally. Seems it will not be possible to provide a fix unless we introduce a breaking change.

Is there any reason that prevents you from solving this issue by customizing the preview with the following css rule ?

.cl-organizationSwitcherTrigger .cl-organizationPreview__organizationSwitcher {
  background-color: red; /* or anything else */
}