feat(ui): Make lightDark theme the default by alexcarpenter · Pull Request #7571 · clerk/javascript

alexcarpenter · 2026-01-09T14:13:32Z

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

changeset-bot · 2026-01-09T14:13:36Z

⚠️ 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 · 2026-01-09T14:13:37Z

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

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

alexcarpenter · 2026-01-09T14:44:39Z

!snapshot

clerk-cookie · 2026-01-09T14:46:47Z

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/agent-toolkit@0.2.9-snapshot.v20260109144517 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260109144517 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260109144517 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260109144517 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260109144517 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260109144517 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260109144517 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260109144517 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260109144517 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260109144517 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260109144517 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260109144517 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260109144517 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260109144517 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260109144517 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260109144517 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260109144517 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260109144517 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260109144517 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260109144517 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260109144517 --save-exact

alexcarpenter · 2026-01-09T18:46:36Z

!snapshot

clerk-cookie · 2026-01-09T18:48:42Z

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/agent-toolkit@0.2.9-snapshot.v20260109184713 --save-exact

@clerk/astro

npm i @clerk/astro@3.0.0-snapshot.v20260109184713 --save-exact

@clerk/backend

npm i @clerk/backend@3.0.0-snapshot.v20260109184713 --save-exact

@clerk/chrome-extension

npm i @clerk/chrome-extension@3.0.0-snapshot.v20260109184713 --save-exact

@clerk/clerk-js

npm i @clerk/clerk-js@6.0.0-snapshot.v20260109184713 --save-exact

@clerk/dev-cli

npm i @clerk/dev-cli@1.0.0-snapshot.v20260109184713 --save-exact

@clerk/expo

npm i @clerk/expo@3.0.0-snapshot.v20260109184713 --save-exact

@clerk/expo-passkeys

npm i @clerk/expo-passkeys@1.0.0-snapshot.v20260109184713 --save-exact

@clerk/express

npm i @clerk/express@2.0.0-snapshot.v20260109184713 --save-exact

@clerk/fastify

npm i @clerk/fastify@2.6.9-snapshot.v20260109184713 --save-exact

@clerk/localizations

npm i @clerk/localizations@4.0.0-snapshot.v20260109184713 --save-exact

@clerk/nextjs

npm i @clerk/nextjs@7.0.0-snapshot.v20260109184713 --save-exact

@clerk/nuxt

npm i @clerk/nuxt@2.0.0-snapshot.v20260109184713 --save-exact

@clerk/react

npm i @clerk/react@6.0.0-snapshot.v20260109184713 --save-exact

@clerk/react-router

npm i @clerk/react-router@3.0.0-snapshot.v20260109184713 --save-exact

@clerk/shared

npm i @clerk/shared@4.0.0-snapshot.v20260109184713 --save-exact

@clerk/tanstack-react-start

npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20260109184713 --save-exact

@clerk/testing

npm i @clerk/testing@2.0.0-snapshot.v20260109184713 --save-exact

@clerk/ui

npm i @clerk/ui@1.0.0-snapshot.v20260109184713 --save-exact

@clerk/upgrade

npm i @clerk/upgrade@2.0.0-snapshot.v20260109184713 --save-exact

@clerk/vue

npm i @clerk/vue@2.0.0-snapshot.v20260109184713 --save-exact

feat(ui): Make light-dark theme the default

aec4415

vercel bot deployed to Preview January 9, 2026 14:13 View deployment

remove lightDark theme as its the default now

cee9d56

vercel bot deployed to Preview January 9, 2026 16:51 View deployment

nikosdouvlis approved these changes Jan 12, 2026

View reviewed changes

alexcarpenter merged commit 17c6785 into alexcarpenter/light-dark-theme Jan 12, 2026
7 checks passed

alexcarpenter deleted the alexcarpenter/light-dark-theme-default branch January 12, 2026 15:13

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

feat(ui): Make lightDark theme the default#7571
alexcarpenter merged 2 commits intoalexcarpenter/light-dark-themefrom
alexcarpenter/light-dark-theme-default

alexcarpenter commented Jan 9, 2026 •

edited

Loading

Uh oh!

changeset-bot bot commented Jan 9, 2026 •

edited

Loading

Uh oh!

vercel bot commented Jan 9, 2026 •

edited

Loading

Uh oh!

alexcarpenter commented Jan 9, 2026

Uh oh!

clerk-cookie commented Jan 9, 2026

Uh oh!

alexcarpenter commented Jan 9, 2026

Uh oh!

clerk-cookie commented Jan 9, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

alexcarpenter commented Jan 9, 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 Jan 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

vercel bot commented Jan 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

alexcarpenter commented Jan 9, 2026

Uh oh!

clerk-cookie commented Jan 9, 2026

Uh oh!

alexcarpenter commented Jan 9, 2026

Uh oh!

clerk-cookie commented Jan 9, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

alexcarpenter commented Jan 9, 2026 •

edited

Loading

changeset-bot bot commented Jan 9, 2026 •

edited

Loading

vercel bot commented Jan 9, 2026 •

edited

Loading