How to change the callouts color in dark mode?
  • 03 Aug 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

How to change the callouts color in dark mode?

  • Dark
    Light
  • PDF

You would want to change the callouts color in dark mode. Follow the below workaround to change the callouts color in dark mode.

Solution

  1. Go to SettingsKnowledge base siteCustom CSS & JavaScript, and Custom CSS tab is the default selection
  2. Paste the below snippet in the window
body.dark_theme .infoBox {
    color: #ffffff;
    background-color: #5f9ea0;
}

body.dark_theme .warningBox {
    color: #ffffff;
    background-color: #ff8c00;
}

body.dark_theme .errorBox {
    color: #ffffff;
    background-color: #a52a2a;
}
  1. Update the desired color for the callouts

color → Text color
background-color → Callout box color

  1. Click Save

Was this article helpful?