Style it to match the portal
A Liveboard that looks like a different product breaks the self-serve, built-in feeling you are going for. Start in the AI Theme Builder (Develop > Customizations > Theme Builder). Upload brand guidelines or describe them, generate a theme, and then fine-tune colors in Manual Mode.
Exporting gives you a set of CSS variables that you can drop straight into init():
init({
thoughtSpotHost: tsURL,
authType: AuthType.None,
customizations: {
style: {
customCSS: {
variables: {
'--ts-var-button--primary-background': '#0B5FFF',
'--ts-var-root-color': '#1A1A1A',
'--ts-var-root-background': '#FFFFFF',
'--ts-var-spotter-prompt-background': '#F0F4FF',
},
},
},
content: {
strings: {
'Spotter': 'Ask SpotStay', // matches the nav button copy
},
},
},
});