Skip to content

Fix log text selection contrast in light mode#56216

Merged
jscheffl merged 2 commits into
apache:mainfrom
dheerajturaga:bugfix/log-text-highlight
Sep 30, 2025
Merged

Fix log text selection contrast in light mode#56216
jscheffl merged 2 commits into
apache:mainfrom
dheerajturaga:bugfix/log-text-highlight

Conversation

@dheerajturaga

@dheerajturaga dheerajturaga commented Sep 29, 2025

Copy link
Copy Markdown
Member

Remove CSS prop to improve readability when highlighting text in the log viewer.
This aligns with the DAG code viewer styling and provides better
contrast across both light and dark themes.

Before: (yes the lines are highlighted but you cant see it!!)

image

After:
image

image

  Changed selection background from brand.subtle to gray.emphasized
  to improve readability when highlighting text in the log viewer.
  This aligns with the DAG code viewer styling and provides better
  contrast across both light and dark themes.
@boring-cyborg boring-cyborg Bot added the area:UI Related to UI/UX. For Frontend Developers. label Sep 29, 2025
Comment thread airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogContent.tsx Outdated
@jscheffl jscheffl merged commit 8966d28 into apache:main Sep 30, 2025
57 checks passed
@jscheffl jscheffl added this to the Airflow 3.1.1 milestone Sep 30, 2025
@jscheffl jscheffl added the type:bug-fix Changelog: Bug Fixes label Sep 30, 2025
dabla pushed a commit to dabla/airflow that referenced this pull request Oct 12, 2025
* Fix log text selection contrast in light mode

  Changed selection background from brand.subtle to gray.emphasized
  to improve readability when highlighting text in the log viewer.
  This aligns with the DAG code viewer styling and provides better
  contrast across both light and dark themes.

* Brent's suggestions
pierrejeambrun pushed a commit to astronomer/airflow that referenced this pull request Oct 20, 2025
* Fix log text selection contrast in light mode

  Changed selection background from brand.subtle to gray.emphasized
  to improve readability when highlighting text in the log viewer.
  This aligns with the DAG code viewer styling and provides better
  contrast across both light and dark themes.

* Brent's suggestions

(cherry picked from commit 8966d28)
@pierrejeambrun

Copy link
Copy Markdown
Member

Manual backport #56893

cc: @jscheffl

jscheffl pushed a commit that referenced this pull request Oct 20, 2025
* Fix log text selection contrast in light mode

  Changed selection background from brand.subtle to gray.emphasized
  to improve readability when highlighting text in the log viewer.
  This aligns with the DAG code viewer styling and provides better
  contrast across both light and dark themes.

* Brent's suggestions

(cherry picked from commit 8966d28)

Co-authored-by: Dheeraj Turaga <dheerajturaga@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers. type:bug-fix Changelog: Bug Fixes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants