Skip to main content
Solved

In-app message dark mode

  • October 7, 2024
  • 1 reply
  • 88 views

Hey

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

Best answer by Byron

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>
View original
Did this topic help you find an answer to your question?

1 reply

Byron
  • 69 replies
  • Answer
  • October 7, 2024

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings