Light Mode Features

  • Resolved saniat

    (@saniat)


    11 months, 3 weeks ago

    Hi,

    I want to have this plugin in my website, when I activate it the lighter version of the website changes the primary color of the buttons. Also the logo is not switched. Are these features available in pro version?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ScriptsTown

    (@scriptstown)

    Hi,

    For logo, you can use this CSS (“Appearance” > “Customize” > “Additional CSS”) to change its colors:

    .header .logo-container img { filter: invert(0); }

    It is possible to add custom toggle button image or icon in the pro version.

    To change colors of buttons, links, etc, you would need to use some custom CSS rules, specific to your website.

    Thanks!

    Plugin Author ScriptsTown

    (@scriptstown)

    I forgot to mention in the above CSS, you would also need to add a class prefix so it only gets triggered while in dark mode.

    The CSS would be:

    .darkmode--activated .header .logo-container img { filter: invert(0); }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Light Mode Features’ is closed to new replies.