Ajax Search Pro and Night Mode

[Teun]

Hi Support,

When I enable Night Mode on my website, Ajax Search Pro does not switch into Night Mode, everything remains white so the title of the search results cannot be read. Can you please help me with this so that Ajax Search Pro also works in Night Mode? I would be very happy if Night Mode works as shown on your documentation website: https://documentation.ajaxsearchpro.com

Kind regards,
Teun van der Plas

[Ernest Marcinko]

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.

[Teun]

Dear Support,
Tremendous thanks for the help. It works perfectly. I am very grateful to you.
Kind regards,
Teun van der Plas

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts