This is an automated email from the ASF dual-hosted git repository.
bbovenzi 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 39a4fc1587d Swap more blue->brand colors (#73637)
39a4fc1587d is described below
commit 39a4fc1587d04feb57bed4601372371d9c2c1333
Author: Brent Bovenzi <[email protected]>
AuthorDate: Wed Sep 23 16:33:13 2026 -0400
Swap more blue->brand colors (#73637)
---
.../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 53a4d7955b9..336ab7ed6be 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
@@ -141,9 +141,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 c01f635f9c3..ec12b78d3b5 100644
--- a/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
+++ b/airflow-core/src/airflow/ui/src/components/FilterBar/FilterPill.tsx
@@ -154,10 +154,10 @@ export const FilterPill = ({
_hover={{ bg: "colorPalette.subtle" }}
alignItems="center"
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"
data-testid={`${filter.config.key}-pill`}
display="flex"
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 4064c9e141c..24defae811f 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
@@ -78,12 +78,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="9"
@@ -94,7 +94,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 af254b34ba5..8b110fc8338 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
@@ -190,7 +190,7 @@ export const Graph = () => {
width="100%"
zIndex={10}
>
- <Spinner color="blue.500" size="xl" />
+ <Spinner color="brand.solid" size="xl" />
</Box>
) : undefined}
<ReactFlow
