Kent Yao created SPARK-55766:
--------------------------------
Summary: 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
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]
