Yashh-p opened a new issue, #36878: URL: https://github.com/apache/superset/issues/36878
## 🐞 Issue: Custom Theme Tokens Not Applying to Charts in Superset 6.0.0 ### Environment * **Apache Superset:** 6.0.0 * **Theme Type:** Custom UI Theme (via UI Theme Administration) * **Rendering Engine:** Ant Design (UI) + ECharts (Charts) --- ## 📸 Screenshots ### UI Theme Applied (No Visible Change in Chart Typography / Layout) <img width="1027" height="621" alt="Image" src="https://github.com/user-attachments/assets/f207ffc2-6fac-43f6-8779-e58b40004af3"; /> ### Chart-Level Overrides Not Reflected <img width="585" height="276" alt="Image" src="https://github.com/user-attachments/assets/b69c25c5-c537-4eb9-a1e0-4cc7f1d7dacc"; /> --- ## 📝 Description I have created and applied a **custom UI theme** in **Apache Superset 6.0.0** using the Theme Administration interface. While the theme is successfully saved and activated: * **Font size changes (heading tokens)** are **not reflected in the UI** * **ECharts overrides** (both global and chart-type-specific) are **not visible in rendered charts** * No errors are shown in the browser console or Superset logs This creates ambiguity around: * which **tokens are actually supported** * which **UI elements consume Ant Design tokens** * which **chart elements consume ECharts overrides** --- ## 🧩 Theme Configuration Used ```json { "token": { "fontFamily": "Monsieur La Doulaise, cursive", "fontUrls": [ "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Monsieur+La+Doulaise&display=swap"; ], "fontSizeHeading1": 40, "fontSizeHeading2": 32, "fontSizeHeading3": 26, "fontSizeHeading4": 22, "fontSizeHeading5": 18, "lineHeight": 2, "lineHeightHeading1": 1.5, "lineHeightHeading2": 1.38, "lineHeightHeading3": 1.26, "lineHeightHeading4": 1.12, "lineHeightHeading5": 1, "colorPrimary": "#b12cfe", "colorSuccessBg": "#5ac189", "colorWarningBg": "#f4d35e", "colorErrorBg": "#ff6b6b" }, "echartsOptionsOverrides": { "grid": { "left": "10%", "right": "10%" }, "tooltip": { "backgroundColor": "#000000" } }, "echartsOptionsOverridesByChartType": { "echarts_pie": { "legend": { "orient": "vertical", "right": 10 } } } } ``` --- ## ❓ Observed Behavior * UI typography (titles, headers, filters, chart titles) **does not reflect configured font sizes** * Chart layout and tooltip styles **ignore ECharts overrides** * Behavior is consistent across browsers and dashboards * Theme activation works, but token consumption appears partial or undocumented --- ## ✅ Expected Behavior * Ant Design tokens such as `fontSizeHeading*`, `lineHeight*`, and `fontFamily` should visibly affect: * Page headers * Dashboard titles * Chart titles * Control labels * `echartsOptionsOverrides` and `echartsOptionsOverridesByChartType` should apply to: * Legends * Tooltips * Grid spacing * Chart-specific elements (e.g. pie legend orientation) --- ## 📌 Request / Ask Could the maintainers please provide: 1. **An authoritative list of UI elements** that consume Ant Design theme tokens, such as: * Page headers * Dashboard titles * Chart titles * Subheaders * Filters * Modals * Tables 2. **A definitive mapping of chart elements → supported ECharts options**, for example: * Chart title * Subtitle * Legend * Tooltip * Axis labels * Data labels * Grid / padding * Annotations 3. Clarification on: * Which tokens are **intentionally ignored** * Which tokens are **UI-only vs chart-only** * Whether additional configuration (feature flags, rebuild, cache busting) is required --- ## 🎨 Design Input If this behavior is expected, clearer documentation would significantly improve: * Theme adoption * Brand customization * Enterprise design consistency **Suggested labels:** * `bug` * `theme` * `charts` * `design:suggest` * `documentation` --- ### Thank you for the guidance — clarity here would unlock meaningful theming capabilities for Superset users. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
