You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by po...@apache.org on 2025/08/10 21:23:45 UTC
(airflow) branch v3-0-test updated: [v3-0-test] fix(UI): Correct illegible DAG params text in dark mode (#54245) (#54260)
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] <41...@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 <10...@users.noreply.github.com>
---
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}>