Update color palette and leverage Chakra semantic tokens #53981
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
odaneau-astro
requested review from
amoghrajesh,
ashb,
bbovenzi,
gopidesupavan,
jedcunningham,
jscheffl,
pierrejeambrun,
potiuk,
ryanahamilton,
shubhamraj-git and
vincbeck
as code owners
boring-cyborg
bot
added
area:API
bbovenzi
reviewed
Aug 18, 2025
airflow-core/src/airflow/ui/src/theme/react_components_analysis.md
Outdated
Show resolved
Hide resolved
bbovenzi
reviewed
Aug 18, 2025
airflow-core/src/airflow/api_fastapi/auth/managers/simple/ui/src/login/Login.tsx
Outdated
Show resolved
Hide resolved
bbovenzi
reviewed
Aug 18, 2025
airflow-core/src/airflow/api_fastapi/auth/managers/simple/ui/src/main.tsx
Outdated
Show resolved
Hide resolved
bbovenzi
reviewed
Aug 18, 2025
Contributor
bbovenzi
left a comment
bbovenzi
left a comment
There was a problem hiding this comment.
Looking good. We just need a rebase and then I left a few comments on the auth page and the new markdown file
Contributor
|
@odaneau-astro I'm hoping we can get this in time for 3.1 |
2 tasks
cmarteepants
force-pushed
the
main
branch
2 times, most recently
from
c506455 to
4be4c6f
Compare
odaneau-astro
force-pushed
the
main
branch
2 times, most recently
from
95143d2 to
9462138
Compare
Contributor
|
I think a lot of the static checks can be fixed simply by running |
odaneau-astro
force-pushed
the
main
branch
3 times, most recently
from
978c074 to
f387f0e
Compare
Member
|
#protm |
RoyLee1224
reviewed
Sep 10, 2025
This was referenced Sep 10, 2025
kaxil
pushed a commit
to astronomer/airflow
that referenced
this pull request
Sep 11, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658 (cherry picked from commit 1046874)
2 tasks
suman-himanshu
pushed a commit
to suman-himanshu/airflow
that referenced
this pull request
Sep 17, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
Brunda10
pushed a commit
to Brunda10/airflow
that referenced
this pull request
Sep 17, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
78 tasks
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Sep 30, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 1, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 2, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 3, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 4, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 5, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 5, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 7, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 8, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 9, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 10, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 11, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 12, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 14, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 15, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 17, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
abdulrahman305 bot
pushed a commit
to abdulrahman305/airflow
that referenced
this pull request
Oct 19, 2025
✅ Changes made: - Introduce semantic tokens for colors used across all components. This allows for user customization in the future (see apache#53443). - Added the Tailwind V4 color tokens to theme.ts in place of the default Chakra UI colors. This color palette offers better accessibility across both dark and light modes. - Updated the existing semantic tokens to use the newly added Tailwind color tokens instead of default Chakra colors. - Replaced all references to color Tokens with Semantic tokens to allow changing colors later without having to change the components. closes: apache#49658
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
6 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Newer PR for #49658
✅ Changes made:
📷 Preview:
Light Mode
Dark Mode
closes: #49658