This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: Ajax Search Pro and Night Mode

#46753
Ernest MarcinkoErnest Marcinko
Keymaster

Hi,

I’m afraid there is no such thing as “night mode” within the plugin. Night mode designs are usually custom coded via custom CSS for every single use case as they all work differently.

I have looked at your case, and put together a baseline custom CSS which should mostly do the trick:

.jnews-dark-mode .asp_m,
.jnews-dark-mode .asp_s,
.jnews-dark-mode .asp_r,
.jnews-dark-mode .asp_r .item {
    background: #1a1a1a !important;
    border: 1px solid #303030 !important;
    box-shadow: none !important;
}

.jnews-dark-mode .probox svg {
    fill: #9E9E9E !important;
}

.jnews-dark-mode .asp_loader>div {
    border: 4px solid #9E9E9E !important;
    border-right-color: transparent !important;
}

.jnews-dark-mode .asp_r .asp_res_text {
    color: #9E9E9E;
}

.jnews-dark-mode .asp_r .asp_showmore {
    background: #1a1a1a !important;
}

.jnews-dark-mode .asp_s legend,
.jnews-dark-mode .asp_s .asp_option_label {
    color: white !important;
}

.jnews-dark-mode .asp_m .probox .orig,
.jnews-dark-mode .asp_m .probox .orig::placeholder {
    color: white !important;
}

.jnews-dark-mode .asp_m .prosettings,
.jnews-dark-mode .asp_m .promagnifier {
    box-shadow: none !important;
}

This is a bit beyond of regular support, so I can’t guarantee anything, but it should be very close to the optimal solution.