[jira] [Assigned] (SPARK-55766) Support dark mode using Bootstrap 5 CSS custom properties

["Kent Yao (Jira)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/SPARK-55766?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Kent Yao reassigned SPARK-55766:
--------------------------------

    Assignee: Kent Yao

> Support dark mode using Bootstrap 5 CSS custom properties
> ---------------------------------------------------------
>
>                 Key: SPARK-55766
>                 URL: https://issues.apache.org/jira/browse/SPARK-55766
>             Project: Spark
>          Issue Type: Sub-task
>          Components: Web UI
>    Affects Versions: 4.2.0
>            Reporter: Kent Yao
>            Assignee: Kent Yao
>            Priority: Major
>              Labels: pull-request-available
>
> Bootstrap 5.3+ has built-in dark mode support via data-bs-theme="dark" attribute. To leverage this, the Spark Web UI should:
> 1. Migrate hardcoded colors in custom CSS files (spark-dag-viz.css, timeline-view.css, webui.css, etc.) to Bootstrap 5 CSS custom properties (--bs-*).
> 2. Add a dark/light theme toggle in the navbar with localStorage persistence.
> 3. Ensure all UI components (tables, cards, DAG visualization, timeline, SQL plan viz) render correctly in both themes.
> This combines CSS variable migration and dark mode into a single effort since the variable migration is a prerequisite for dark mode to work properly.
> Part of SPARK-55760 (Spark Web UI Modernization)



--
This message was sent by Atlassian Jira
(v8.20.10#820010)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@spark.apache.org
For additional commands, e-mail: issues-help@spark.apache.org