[jira] [Updated] (SPARK-55853) Migrate hardcoded CSS colors to Bootstrap 5 CSS custom properties

["ASF GitHub Bot (Jira)" <ji...@apache.org>]

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

ASF GitHub Bot updated SPARK-55853:
-----------------------------------
    Labels: pull-request-available  (was: )

> 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
>            Priority: Major
>              Labels: pull-request-available
>
> 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: issues-unsubscribe@spark.apache.org
For additional commands, e-mail: issues-help@spark.apache.org