This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch v3-3-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-3-test by this push:
new 39f6dc4a919 [v3-3-test] Swap more blue->brand colors (#73637) (#73639)
39f6dc4a919 is described below
commit 39f6dc4a919d15743f60e2a4e532c60cea4a7781
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed Sep 23 16:48:46 2026 -0400
[v3-3-test] Swap more blue->brand colors (#73637) (#73639)
(cherry picked from commit 39a4fc1587d04feb57bed4601372371d9c2c1333)
Co-authored-by: Brent Bovenzi <[email protected]>
---
.../Clear/TaskInstance/ClearTaskInstanceConfirmationDialog.tsx | 4 +---
airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx | 4 ++--
.../airflow/ui/src/components/FilterBar/filters/DateRangeFilter.tsx | 6 +++---
airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx | 2 +-
4 files changed, 7 insertions(+), 9 deletions(-)
diff --git
a/airflow-core/src/airflow/ui/src/components/Clear/TaskInstance/ClearTaskInstanceConfirmationDialog.tsx
b/airflow-core/src/airflow/ui/src/components/Clear/TaskInstance/ClearTaskInstanceConfirmationDialog.tsx
index 23e16ae28d7..5a5ed5cd2c8 100644
---
a/airflow-core/src/airflow/ui/src/components/Clear/TaskInstance/ClearTaskInstanceConfirmationDialog.tsx
+++
b/airflow-core/src/airflow/ui/src/components/Clear/TaskInstance/ClearTaskInstanceConfirmationDialog.tsx
@@ -137,9 +137,7 @@ const ClearTaskInstanceConfirmationDialog = ({
</VStack>
</Dialog.Header>
<Dialog.Footer>
- <Button colorPalette="blue" onClick={onClose}>
- {translate("common:modal.confirm")}
- </Button>
+ <Button
onClick={onClose}>{translate("common:modal.confirm")}</Button>
</Dialog.Footer>
</>
) : null}
diff --git
a/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
b/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
index 24914cf4240..11523b03862 100644
--- a/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
+++ b/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
@@ -103,10 +103,10 @@ export const FilterPill = ({ displayValue, filter,
hasValue, onRemove, renderInp
<Box
_hover={{ bg: "colorPalette.subtle" }}
as="button"
- bg={hasValue ? "blue.muted" : "gray.muted"}
+ bg={hasValue ? "brand.emphasized" : "gray.muted"}
borderRadius="full"
color="colorPalette.fg"
- colorPalette={hasValue ? "blue" : "gray"}
+ colorPalette={hasValue ? "brand" : "gray"}
cursor="pointer"
display="flex"
fontSize="sm"
diff --git
a/airflow-core/src/airflow/ui/src/components/FilterBar/filters/DateRangeFilter.tsx
b/airflow-core/src/airflow/ui/src/components/FilterBar/filters/DateRangeFilter.tsx
index a8992f66897..ee09026dc65 100644
---
a/airflow-core/src/airflow/ui/src/components/FilterBar/filters/DateRangeFilter.tsx
+++
b/airflow-core/src/airflow/ui/src/components/FilterBar/filters/DateRangeFilter.tsx
@@ -70,12 +70,12 @@ export const DateRangeFilter = ({ filter, onChange,
onRemove }: FilterPluginProp
<Popover.Trigger asChild>
<Box
alignItems="center"
- bg={hasValue ? "blue.muted" : "gray.muted"}
+ bg={hasValue ? "brand.emphasized" : "gray.muted"}
border="0.5px solid"
borderColor="border"
borderRadius="full"
color="colorPalette.fg"
- colorPalette={hasValue ? "blue" : "gray"}
+ colorPalette={hasValue ? "brand" : "gray"}
cursor="pointer"
display="flex"
h="10"
@@ -86,7 +86,7 @@ export const DateRangeFilter = ({ filter, onChange, onRemove
}: FilterPluginProp
>
<HStack
alignItems="center"
- bg={hasValue ? "blue.muted" : "gray.muted"}
+ bg={hasValue ? "brand.emphasized" : "gray.muted"}
borderLeftRadius="full"
fontSize="sm"
fontWeight="medium"
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
index 8c2ff657453..2948b3d19a9 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Graph/Graph.tsx
@@ -171,7 +171,7 @@ export const Graph = () => {
width="100%"
zIndex={10}
>
- <Spinner color="blue.500" size="xl" />
+ <Spinner color="brand.solid" size="xl" />
</Box>
) : undefined}
<ReactFlow