Can Pendo support dark or light mode of an application

• 

  Howard Lio

  October 17, 2021 02:04

  Currently there is not an out of the box method to accomplish this, but we do have a feature request already for this idea: https://pendo-feedback.pendo.io/app/#/case/23256?section=requests
  Comment below or upvote the feedback suggestion if you're interested in seeing this request on the roadmap.

  Some workarounds we've seen include:

  • If you try to pass the light mode or dark mode as metadata to Pendo - then make 2 guides (1 for each mode).

  • Possible implementation method: Create a Product level "Dark Theme" toggle. When the "Dark Theme" toggle is switched on, Pendo can switch between user-defined Themes based on Segment or Visitor Level Data via Agent.

  • You can make the dark/light setting available as a CSS variable in your app. Then use Pendo's Global CSS to change the background and text color of guides by setting them equal to those variables. The only problem with this approach can be changing the color of the little caret (pointer) for tooltips. That caret needs to be styled separately from the rest of the guide container which can be inconvenient.
     

  10
• 

  Collin Bourgeois

  March 14, 2023 18:36 (Edited March 14, 2023 18:41)

  I need to do this, and I'm surprised more customers don't need this feature as most apps have a light and dark mode these days. If we add metadata from our app that tell Pendo which setting they are using, can we then use that to pick the guide or dynamically update it?

  Can you explain #2 a bit more?

  3
• 

  Chris Blachut

  April 24, 2023 17:31

  I would also like some more info on #2....

   

  Howard Lio

  2

Please sign in to leave a comment.