This is an automated email from the ASF dual-hosted git repository.
potiuk pushed a commit to branch v3-0-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-0-test by this push:
new 45e9f33bad1 [v3-0-test] fix(UI): Correct illegible DAG params text in
dark mode (#54245) (#54260)
45e9f33bad1 is described below
commit 45e9f33bad1234c5ae2a5541ae9aec2f1e0a2ad4
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Sun Aug 10 23:23:39 2025 +0200
[v3-0-test] fix(UI): Correct illegible DAG params text in dark mode
(#54245) (#54260)
(cherry picked from commit 04f42ca)
Co-authored-by: LI,JHE-CHEN <[email protected]>
---
airflow-core/src/airflow/ui/src/components/RenderedJsonField.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/components/RenderedJsonField.tsx
b/airflow-core/src/airflow/ui/src/components/RenderedJsonField.tsx
index 5e32d8c67d7..be472810e57 100644
--- a/airflow-core/src/airflow/ui/src/components/RenderedJsonField.tsx
+++ b/airflow-core/src/airflow/ui/src/components/RenderedJsonField.tsx
@@ -17,10 +17,10 @@
* under the License.
*/
import { Flex, type FlexProps } from "@chakra-ui/react";
-import { useTheme } from "next-themes";
import ReactJson, { type ReactJsonViewProps } from "react-json-view";
import { ClipboardRoot, ClipboardIconButton } from "src/components/ui";
+import { useColorMode } from "src/context/colorMode";
type Props = {
readonly content: object;
@@ -29,7 +29,7 @@ type Props = {
const RenderedJsonField = ({ content, jsonProps, ...rest }: Props) => {
const contentFormatted = JSON.stringify(content, undefined, 4);
- const { theme } = useTheme();
+ const { colorMode } = useColorMode();
return (
<Flex {...rest}>
@@ -43,7 +43,7 @@ const RenderedJsonField = ({ content, jsonProps, ...rest }:
Props) => {
style={{
backgroundColor: "inherit",
}}
- theme={theme === "dark" ? "monokai" : "rjv-default"}
+ theme={colorMode === "dark" ? "monokai" : "rjv-default"}
{...jsonProps}
/>
<ClipboardRoot value={contentFormatted}>
