Kent Yao created SPARK-55853:
--------------------------------

             Summary: Migrate hardcoded CSS colors to Bootstrap 5 CSS custom 
properties
                 Key: SPARK-55853
                 URL: https://issues.apache.org/jira/browse/SPARK-55853
             Project: Spark
          Issue Type: Sub-task
          Components: Web UI
    Affects Versions: 4.2.0
            Reporter: Kent Yao


Prerequisite for dark mode (SPARK-55766). Migrate ~150 hardcoded color values 
across webui.css (46), timeline-view.css (64), spark-dag-viz.css (33), and 
spark-sql-viz.css (7) to Bootstrap 5 CSS custom properties (--bs-body-bg, 
--bs-body-color, --bs-border-color, etc.).

This is a mechanical refactor that replaces hex colors (#fff, #08c, #f9f9f9, 
etc.) and rgb() values with BS5 CSS variables that automatically adapt to the 
active theme. Once done, adding data-bs-theme="dark" will seamlessly switch the 
entire UI to dark mode.

Also includes JS files that embed inline colors (e.g., stagepage.js striping 
colors).



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

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to