Skip to content

feat(ui): Make lightDark theme the default #7571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
alexcarpenter wants to merge 2 commits into
base: alexcarpenter/light-dark-theme
Choose a base branch
from
Open

feat(ui): Make lightDark theme the default #7571

alexcarpenter wants to merge 2 commits into from
+143 −45

Conversation

@alexcarpenter
Copy link
Member

@alexcarpenter alexcarpenter commented Jan 9, 2026 •
edited
Loading

Description

This PR builds upon https://github.com/clerk/javascript/tree/alexcarpenter/light-dark-theme by making the default theme use light-dark theming instead of needing to install a separate theme.

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

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@changeset-bot
Copy link

changeset-bot bot commented Jan 9, 2026 •
edited
Loading

⚠️ No Changeset found

Latest commit: cee9d56

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

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

Click here to learn what changesets are, and how to add one.

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

@vercel
Copy link

vercel bot commented Jan 9, 2026 •
edited
Loading

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

Project Deployment Review Updated (UTC)
clerk-js-sandbox Ready Ready Preview, Comment Jan 9, 2026 4:51pm

@alexcarpenter
Copy link
Member Author

alexcarpenter commented Jan 9, 2026

!snapshot

@clerk-cookie
Copy link
Collaborator

clerk-cookie commented Jan 9, 2026

Hey @alexcarpenter - the snapshot version command generated the following package versions:

Package Version
@clerk/agent-toolkit 0.2.9-snapshot.v20260109144517
@clerk/astro 3.0.0-snapshot.v20260109144517
@clerk/backend 3.0.0-snapshot.v20260109144517
@clerk/chrome-extension 3.0.0-snapshot.v20260109144517
@clerk/clerk-js 6.0.0-snapshot.v20260109144517
@clerk/dev-cli 1.0.0-snapshot.v20260109144517
@clerk/expo 3.0.0-snapshot.v20260109144517
@clerk/expo-passkeys 1.0.0-snapshot.v20260109144517
@clerk/express 2.0.0-snapshot.v20260109144517
@clerk/fastify 2.6.9-snapshot.v20260109144517
@clerk/localizations 4.0.0-snapshot.v20260109144517
@clerk/nextjs 7.0.0-snapshot.v20260109144517
@clerk/nuxt 2.0.0-snapshot.v20260109144517
@clerk/react 6.0.0-snapshot.v20260109144517
@clerk/react-router 3.0.0-snapshot.v20260109144517
@clerk/shared 4.0.0-snapshot.v20260109144517
@clerk/tanstack-react-start 1.0.0-snapshot.v20260109144517
@clerk/testing 2.0.0-snapshot.v20260109144517
@clerk/ui 1.0.0-snapshot.v20260109144517
@clerk/upgrade 2.0.0-snapshot.v20260109144517
@clerk/vue 2.0.0-snapshot.v20260109144517

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/[email protected] --save-exact

@clerk/astro

npm i @clerk/[email protected] --save-exact

@clerk/backend

npm i @clerk/[email protected] --save-exact

@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/dev-cli

npm i @clerk/[email protected] --save-exact

@clerk/expo

npm i @clerk/[email protected] --save-exact

@clerk/expo-passkeys

npm i @clerk/[email protected] --save-exact

@clerk/express

npm i @clerk/[email protected] --save-exact

@clerk/fastify

npm i @clerk/[email protected] --save-exact

@clerk/localizations

npm i @clerk/[email protected] --save-exact

@clerk/nextjs

npm i @clerk/[email protected] --save-exact

@clerk/nuxt

npm i @clerk/[email protected] --save-exact

@clerk/react

npm i @clerk/[email protected] --save-exact

@clerk/react-router

npm i @clerk/[email protected] --save-exact

@clerk/shared

npm i @clerk/[email protected] --save-exact

@clerk/tanstack-react-start

npm i @clerk/[email protected] --save-exact

@clerk/testing

npm i @clerk/[email protected] --save-exact

@clerk/ui

npm i @clerk/[email protected] --save-exact

@clerk/upgrade

npm i @clerk/[email protected] --save-exact

@clerk/vue

npm i @clerk/[email protected] --save-exact

@alexcarpenter
Copy link
Member Author

alexcarpenter commented Jan 9, 2026

!snapshot

@clerk-cookie
Copy link
Collaborator

clerk-cookie commented Jan 9, 2026

Hey @alexcarpenter - the snapshot version command generated the following package versions:

Package Version
@clerk/agent-toolkit 0.2.9-snapshot.v20260109184713
@clerk/astro 3.0.0-snapshot.v20260109184713
@clerk/backend 3.0.0-snapshot.v20260109184713
@clerk/chrome-extension 3.0.0-snapshot.v20260109184713
@clerk/clerk-js 6.0.0-snapshot.v20260109184713
@clerk/dev-cli 1.0.0-snapshot.v20260109184713
@clerk/expo 3.0.0-snapshot.v20260109184713
@clerk/expo-passkeys 1.0.0-snapshot.v20260109184713
@clerk/express 2.0.0-snapshot.v20260109184713
@clerk/fastify 2.6.9-snapshot.v20260109184713
@clerk/localizations 4.0.0-snapshot.v20260109184713
@clerk/nextjs 7.0.0-snapshot.v20260109184713
@clerk/nuxt 2.0.0-snapshot.v20260109184713
@clerk/react 6.0.0-snapshot.v20260109184713
@clerk/react-router 3.0.0-snapshot.v20260109184713
@clerk/shared 4.0.0-snapshot.v20260109184713
@clerk/tanstack-react-start 1.0.0-snapshot.v20260109184713
@clerk/testing 2.0.0-snapshot.v20260109184713
@clerk/ui 1.0.0-snapshot.v20260109184713
@clerk/upgrade 2.0.0-snapshot.v20260109184713
@clerk/vue 2.0.0-snapshot.v20260109184713

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/[email protected] --save-exact

@clerk/astro

npm i @clerk/[email protected] --save-exact

@clerk/backend

npm i @clerk/[email protected] --save-exact

@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/dev-cli

npm i @clerk/[email protected] --save-exact

@clerk/expo

npm i @clerk/[email protected] --save-exact

@clerk/expo-passkeys

npm i @clerk/[email protected] --save-exact

@clerk/express

npm i @clerk/[email protected] --save-exact

@clerk/fastify

npm i @clerk/[email protected] --save-exact

@clerk/localizations

npm i @clerk/[email protected] --save-exact

@clerk/nextjs

npm i @clerk/[email protected] --save-exact

@clerk/nuxt

npm i @clerk/[email protected] --save-exact

@clerk/react

npm i @clerk/[email protected] --save-exact

@clerk/react-router

npm i @clerk/[email protected] --save-exact

@clerk/shared

npm i @clerk/[email protected] --save-exact

@clerk/tanstack-react-start

npm i @clerk/[email protected] --save-exact

@clerk/testing

npm i @clerk/[email protected] --save-exact

@clerk/ui

npm i @clerk/[email protected] --save-exact

@clerk/upgrade

npm i @clerk/[email protected] --save-exact

@clerk/vue

npm i @clerk/[email protected] --save-exact

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

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@alexcarpenter @clerk-cookie