Change the logo

• Logo location: /usr/local/searxng/searxng-src/searx/static/themes/simple/img
• sudo nemo and edit the file with graphics editor.

sudo chown searxng:searxng /usr/local/searxng/searxng-src/searx/static/themes/simple/img/searxng.png
sudo systemctl restart uwsgi
Copy

Change the css spacing: 0 out the margin in title in the css or in index.html in templates/simple add the margin

<div class="title" style="margin-bottom: -20px"><h1>SearXNG</h1></div>
Copy

Add category to the homepage

Take the code below from search.html and paste it into simple_search.html, inside the form. /searx/templates/simple_search.html:3

<div id="search_header">

  <div>
    {% set display_tooltip = true %}
    {% include 'simple/categories.html' %}
  </div>
Copy

<div id="search_view">

and it is essential to comment out line 16

 <!-- <input type="hidden" name="category_{{ category }}" value="1" > →
Copy

and change the css spacing: 0 out the margin in title in the css or in index.html in templates/simple add the margin

<div class="index" style="margin-top: -40px">
Copy

Do not auto-execute the autocomplete dropdown combo box

Unintended execution, if the mouse selects the autocomplete option the combo box executes the search form. Disable the auto exection and make the user commit. This means that the selection is added to the imput box allowing further drop options.

/searx/static/themes/simple/js/searxng.core.min.js

Delete the line

//document.querySelector(`#search`)?.submit()
Copy

Trim left and right whitespace from queries

/searx/static/themes/simple/js/search.min.js

Before:

var u=document.querySelector(`#search`);t(u),e(`submit`,u,e=>{e.preventDefault();let t=document.querySelector(`#selected-categories`);t&&(t.value=l.filter(e=>e.classList.contains(`selected`)).map(e=>e.name.replace(`category_`,``)).join(`,`)),u.submit()});
Copy

After:

var u = document.querySelector('#search');
t(u);

let submitting = false;

e('submit', u, (event) => {
    if (submitting) return;

    event.preventDefault();

    const q = document.getElementById('q');
    if (!q) return;

    // Trim leading and trailing spaces
    q.value = q.value.trim();

    // 🚫 If empty after trimming, do NOT submit
    if (q.value === '') {
        return; // Stop here — nothing to search
    }

    // Handle selected categories (existing logic)
    const selectedCategories = document.querySelector('#selected-categories');
    if (selectedCategories) {
        selectedCategories.value = l
            .filter((btn) => btn.classList.contains('selected'))
            .map((btn) => btn.name.replace('category_', ''))
            .join(',');
    }

    // Safely submit only once
    submitting = true;
    u.submit();
});
Copy

Add a favicon to the search results

This has been added and requires a resolver in settings.yml