Dark mode adopt

haonas

Hello,
how can i make a custom module change it's colors when a user toggles dark mode on?

dominic

Hi haonas,
If you want to change the color for the pricing module, you can use the following CSS code:

.dark-active .jmm-pricing.default .jmm-item {
    background: #000;
    color: #fff;
}

.dark-active .jmm-pricing.default .jmm-title {
    color: #fff;
}

.dark-active .jmm-pricing.default .jmm-price {
    background: #111;
}

.dark-active .jmm-pricing.default .jmm-price .jmm-number, .dark-active .jmm-pricing.default .jmm-price .jmm-currency, .dark-active .jmm-pricing.default .jmm-price .jmm-period {
    color: #fff;
    opacity: 1;
}

Also, you can use the .dark-active class to change the color for the module that you wish.

haonas

dominic Thank you very much.