[
https://issues.apache.org/jira/browse/SPARK-55766?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
ASF GitHub Bot updated SPARK-55766:
-----------------------------------
Labels: pull-request-available (was: )
> 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
> 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: [email protected]
For additional commands, e-mail: [email protected]
