This is an automated email from the ASF dual-hosted git repository.
pierrejeambrun pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new d2488d8892e Fix selected color for gantt and grid (#55553)
d2488d8892e is described below
commit d2488d8892eda43ebd06f39a166bec886e654493
Author: Guan Ming(Wesley) Chiu <[email protected]>
AuthorDate: Mon Sep 15 16:58:11 2025 +0800
Fix selected color for gantt and grid (#55553)
---
airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx | 4 ++--
airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
index 655e86e19ce..9cc7884d72d 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Gantt/Gantt.tsx
@@ -88,8 +88,8 @@ export const Gantt = ({ limit }: Props) => {
const [lightGridColor, darkGridColor, lightSelectedColor, darkSelectedColor]
= useToken("colors", [
"gray.200",
"gray.800",
- "brand.200",
- "brand.800",
+ "blue.200",
+ "blue.800",
]);
const gridColor = colorMode === "light" ? lightGridColor : darkGridColor;
const selectedItemColor = colorMode === "light" ? lightSelectedColor :
darkSelectedColor;
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
index 9802c04ed08..817f6733528 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
@@ -77,7 +77,7 @@ const Instance = ({ dagId, instance, isGroup, isMapped,
onClick, runId, search,
return (
<Flex
alignItems="center"
- bg={selectedTaskId === taskId || selectedGroupId === taskId ?
"brand.muted" : undefined}
+ bg={selectedTaskId === taskId || selectedGroupId === taskId ?
"info.muted" : undefined}
height="20px"
id={taskId.replaceAll(".", "-")}
justifyContent="center"
