docs(angular-query/devtools): add the 'theme' option by sukvvon · Pull Request #11002 · TanStack/query

sukvvon · 2026-06-29T03:05:14Z

🎯 Changes

Document the theme option for the Angular Query devtools, which is already supported by withDevtools but was missing from the docs.

Add theme to the list of options that support reactivity through signals.
Add a theme?: "light" | "dark" | "system" entry to the options list, matching the wording used in the React, Vue, Solid, and Preact devtools docs.

✅ Checklist

I have followed the steps in the Contributing guide.
I have tested this code locally with pnpm run test:pr.

🚀 Release Impact

This change affects published code, and I have generated a changeset.
This change is docs/CI/dev-only (no release).

Summary by CodeRabbit

Documentation
- Updated the Angular DevTools docs to include the new theme option in the list of supported reactive settings.
- Added details on the available theme values (light, dark, system), the default setting, and how it affects the DevTools panel appearance.

coderabbitai · 2026-06-29T03:05:29Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 47f43434-fb2c-4090-b1fa-7b2117e218a1

📥 Commits

Reviewing files that changed from the base of the PR and between 8d979da and a28e68a.

📒 Files selected for processing (1)

docs/framework/angular/devtools.md

📝 Walkthrough

Walkthrough

The Angular devtools documentation is updated to include theme in the list of withDevtools options that support reactivity via signals, and a new bullet documents theme's accepted values ("light" | "dark" | "system"), its default ("system"), and its effect on the devtools panel.

Changes

Angular Devtools theme option docs

Layer / File(s)	Summary
theme option documentation `docs/framework/angular/devtools.md`	Adds `theme` to the reactive signals options list and documents accepted values, default, and behavior.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

TanStack/query#10999: Adds unit tests for the reactive theme option behavior in Angular devtools, directly complementing this documentation update.

Poem

A theme for the light, a theme for the night,
The devtools now glow in whichever you like.
The rabbit hopped in and added "system" too,
With signals and docs, everything shines anew! 🐇✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the docs change adding the Angular devtools theme option.
Description check	✅ Passed	The description follows the template with Changes, Checklist, and Release Impact sections filled in.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch docs/angular-query-devtools-theme

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

nx-cloud · 2026-06-29T03:05:39Z

View your CI Pipeline Execution ↗ for commit a28e68a

Command	Status	Duration	Result
`nx run-many --target=build --exclude=examples/*...`	✅ Succeeded	<1s	View ↗
`nx affected --targets=test:sherif,test:knip,tes...`	✅ Succeeded	48s	View ↗

☁️ Nx Cloud last updated this comment at 2026-06-29 03:09:06 UTC

github-actions · 2026-06-29T03:06:18Z

🚀 Changeset Version Preview

No changeset entries found. Merging this PR will not cause a version bump for any packages.

pkg-pr-new · 2026-06-29T03:08:52Z

More templates

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@11002

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@11002

@tanstack/lit-query

npm i https://pkg.pr.new/@tanstack/lit-query@11002

@tanstack/preact-query

npm i https://pkg.pr.new/@tanstack/preact-query@11002

@tanstack/preact-query-devtools

npm i https://pkg.pr.new/@tanstack/preact-query-devtools@11002

@tanstack/preact-query-persist-client

npm i https://pkg.pr.new/@tanstack/preact-query-persist-client@11002

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@11002

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@11002

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@11002

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@11002

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@11002

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@11002

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@11002

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@11002

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@11002

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@11002

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@11002

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@11002

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@11002

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@11002

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@11002

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@11002

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@11002

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@11002

commit: a28e68a

github-actions · 2026-06-29T03:09:07Z

size-limit report 📦

Path	Size
react full	12.13 KB (0%)
react minimal	9.08 KB (0%)

docs(angular-query/devtools): add the 'theme' option
a28e68a

sukvvon self-assigned this Jun 29, 2026

sukvvon merged commit d6798b5 into mainJun 29, 2026
9 checks passed

sukvvon deleted the docs/angular-query-devtools-theme branch June 29, 2026 03:10

codinnovate pushed a commit to codinnovate/query that referenced this pull request Jul 5, 2026
docs(angular-query/devtools): add the 'theme' option (TanStack#11002)
ef10851

codinnovate pushed a commit to codinnovate/query that referenced this pull request Aug 9, 2026
docs(angular-query/devtools): add the 'theme' option (TanStack#11002)
e39a0b9

Navigation Menu

Uh oh!

Uh oh!

docs(angular-query/devtools): add the 'theme' option - #11002

docs(angular-query/devtools): add the 'theme' option#11002
sukvvon merged 1 commit into
mainfrom
docs/angular-query-devtools-theme

sukvvon commented Jun 29, 2026•
edited by coderabbitai Bot
Loading

Uh oh!

coderabbitaiBot commented Jun 29, 2026•
edited
Loading

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Poem

Uh oh!

nx-cloudBot commented Jun 29, 2026•
edited
Loading

Uh oh!

github-actionsBot commented Jun 29, 2026

Uh oh!

pkg-pr-newBot commented Jun 29, 2026

Uh oh!

github-actionsBot commented Jun 29, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Uh oh!

Conversation

sukvvon commented Jun 29, 2026• edited by coderabbitai BotLoading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎯 Changes

✅ Checklist

🚀 Release Impact

Summary by CodeRabbit

Uh oh!

coderabbitaiBot commented Jun 29, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Possibly related PRs

Poem

Uh oh!

nx-cloudBot commented Jun 29, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actionsBot commented Jun 29, 2026

🚀 Changeset Version Preview

Uh oh!

pkg-pr-newBot commented Jun 29, 2026

Uh oh!

github-actionsBot commented Jun 29, 2026

size-limit report 📦

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

sukvvon commented Jun 29, 2026•
edited by coderabbitai Bot
Loading

coderabbitaiBot commented Jun 29, 2026•
edited
Loading

nx-cloudBot commented Jun 29, 2026•
edited
Loading