Hi team, How to change chart 📈 inside colors and if we want to customise a little. I checked custom styel variables.

Hey use unstable rules styling

Great question — yes, you’re on the right path with custom style variables. For chart “inside colors”, you can customize many chart/UI color tokens via

customizations.style.customCSS.variables

in

init()

. A few useful ones from the official variables list are: -

--ts-var-axis-title-color

-

--ts-var-chart-treemap-legend-label-color

-

--ts-var-chart-treemap-legend-title-color

-

--ts-var-chart-heatmap-legend-label-color

-

--ts-var-chart-heatmap-legend-title-color

-

--ts-var-answer-chart-select-background

-

--ts-var-answer-chart-hover-background

-

--ts-var-answer-view-table-chart-switcher-background

-

--ts-var-answer-view-table-chart-switcher-active-background

- Plus tile-level styling like

--ts-var-viz-background

,

--ts-var-viz-title-color

, etc. ```javascript import { init, AuthType, LiveboardEmbed } from '@thoughtspot/visual-embed-sdk'; init({ thoughtSpotHost: 'https://', authType: AuthType.None, customizations: { style: { customCSS: { variables: { // Visualization tile styles '--ts-var-viz-background': '#ffffff', '--ts-var-viz-title-color': '#1f2937', '--ts-var-viz-description-color': '#6b7280', // Chart text styles '--ts-var-axis-title-color': '#374151', // Treemap legend colors '--ts-var-chart-treemap-legend-label-color': '#111827', '--ts-var-chart-treemap-legend-title-color': '#2563eb', // Heatmap legend colors '--ts-var-chart-heatmap-legend-label-color': '#111827', '--ts-var-chart-heatmap-legend-title-color': '#7c3aed', // Chart selection widget (Answer/Search experience) '--ts-var-answer-chart-select-background': '#dbeafe', '--ts-var-answer-chart-hover-background': '#eff6ff', // Chart switcher (table/chart toggle areas) '--ts-var-answer-view-table-chart-switcher-background': '#f3f4f6',