From bf2546feb0e89eb6ee0d4d95ba6433ac334facff Mon Sep 17 00:00:00 2001 From: Wonsuk Choi Date: Sat, 2 May 2026 10:50:20 +0900 Subject: [PATCH] docs(devtools): add missing 'theme' option (#10621) --- docs/framework/preact/devtools.md | 3 +++ docs/framework/react/devtools.md | 6 ++++++ docs/framework/solid/devtools.md | 3 +++ docs/framework/vue/devtools.md | 6 ++++++ 4 files changed, 18 insertions(+) diff --git a/docs/framework/preact/devtools.md b/docs/framework/preact/devtools.md index 7305b99dd5..25b16da9e6 100644 --- a/docs/framework/preact/devtools.md +++ b/docs/framework/preact/devtools.md @@ -85,3 +85,6 @@ function App() { - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. diff --git a/docs/framework/react/devtools.md b/docs/framework/react/devtools.md index d4ffa1ee7b..ccdde01908 100644 --- a/docs/framework/react/devtools.md +++ b/docs/framework/react/devtools.md @@ -92,6 +92,9 @@ function App() { - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. ## Embedded Mode @@ -135,6 +138,9 @@ function App() { - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. ## Devtools in production diff --git a/docs/framework/solid/devtools.md b/docs/framework/solid/devtools.md index 7a4b667710..fe11b1bca8 100644 --- a/docs/framework/solid/devtools.md +++ b/docs/framework/solid/devtools.md @@ -85,3 +85,6 @@ function App() { - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. diff --git a/docs/framework/vue/devtools.md b/docs/framework/vue/devtools.md index a19f9ad434..1dc8e67818 100644 --- a/docs/framework/vue/devtools.md +++ b/docs/framework/vue/devtools.md @@ -80,6 +80,9 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools' - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. ## Embedded Mode @@ -121,6 +124,9 @@ function toggleDevtools() { - `shadowDOMTarget?: ShadowRoot` - Default behavior will apply the devtool's styles to the head tag within the DOM. - Use this to pass a shadow DOM target to the devtools so that the styles will be applied within the shadow DOM instead of within the head tag in the light DOM. +- `theme?: "light" | "dark" | "system"` + - Defaults to `system`. + - Set this to change the theme of the devtools panel. ## Traditional Devtools