Skip to main content

Hey

Is it possible to create an in-app message that changes colors according to if the user uses dark mode or light mode? 

Hi there,

This is Byron from the Customer.io technical support team. Great question! We have a feature request open with our product team requesting a feature to easily set dark/light mode on in-app messages, so I’ve added your “vote” with a link back to this post so the team knows this would be a useful feature for you.

 

In the meantime, if you’re familiar enough with editing code and CSS, there is a workaround you can try to implement on your in-app messages using our new visual editor. I’ll share a quick snippet below that can help you get started

 <x-head>
    <style>
      @media (prefers-color-scheme: dark) {
        div{
          background:#000;
          color:#fff
        }
      }
    </style>
  </x-head>

Reply


Terms & ConditionsCookie settings