TFD
ThoughtSpot For Developers•2mo ago
ashish

ashish - @everyone AMA is starting now, please ...

@everyone AMA is starting now, please join https://thoughtspot.zoom.us/webinar/register/WN_DKHPL9VJSwOjzQE6nwsA4w
Zoom
Welcome! You are invited to join a webinar: Ask Me Anything - Thoug...
Get Your ThoughtSpot Embed Questions Answered Live: Join Our Expert-Led Weekly AMA Sessions
From An unknown user
From An unknown user
5 Replies
Valhalla
Valhalla•2mo ago
The zoom chat is disabled btw @ashish thank you for the demo and answering our questions today. I was unable to see the link Bryant posted. Can you forward it to me here? Thanks!
ashish
ashishOP•2mo ago
was this what you were looking for ? https://github.com/thoughtspot/custom-css-demo/blob/main/dark5.css
GitHub
custom-css-demo/dark5.css at main · thoughtspot/custom-css-demo
Custom CSS Demo. Contribute to thoughtspot/custom-css-demo development by creating an account on GitHub.
Valhalla
Valhalla•2mo ago
Thanks! Is there a sample that implements it using css vars?
ashish
ashishOP•2mo ago
You know what this itself should take you pretty close: 
{
  "--ts-var-root-background": "#000000",
  "--ts-var-viz-background": "#000000",
  "--ts-var-liveboard-tile-border-color": "#333",
  "--ts-var-menu-background": "#000000",
  "--ts-var-menu-color": "#ffffff",
  "--ts-var-menu--hover-background": "#333333"
}
{
  "--ts-var-root-background": "#000000",
  "--ts-var-viz-background": "#000000",
  "--ts-var-liveboard-tile-border-color": "#333",
  "--ts-var-menu-background": "#000000",
  "--ts-var-menu-color": "#ffffff",
  "--ts-var-menu--hover-background": "#333333"
}
On the liveboard embed. Try out our new theme builder here https://developers.thoughtspot.com/docs/theme-builder
Theme builder Playground
ThoughtSpot's theme builder allows you to create custom themes for your ThoughtSpot instance. You can customize the colors, fonts, and other visual elements of the ThoughtSpot interface to match your brand identity.
Neerav
Neerav•2mo ago
@Tim here are the links that Bryant posted: CSS framework: https://developers.thoughtspot.com/docs/custom-css CSS Sheet: https://github.com/thoughtspot/custom-css-demo/blob/main/dark5.css , this shows a full CSS file that uses additional selectors to set features that are beyond the variables
CSS customization framework
Customize UX elements and layout of embedded ThoughtSpot interface using custom CSS
GitHub
custom-css-demo/dark5.css at main · thoughtspot/custom-css-demo
Custom CSS Demo. Contribute to thoughtspot/custom-css-demo development by creating an account on GitHub.

Did you find this page helpful?