Dark mode
Closes #61 and as a side effect, e/backlog#1266 (closed)
The current dark mode looks like:
Test environment
- To make cache less problematic make sure all your volumes are deleted. You may wish to run (
⚠ It will delete every container, image and volumes on your machine):
docker stop $(docker ps -aq) && \
docker rm $(docker ps -aq) && \
docker volume rm $(docker volume ls -q)
docker system prune -a
Then run
docker-compose up -d
docker-compose rm -sf spot
docker run -it --rm -v $(pwd):/ws -w /ws --hostname spot --network=my-spot_default --env-file .env registry.gitlab.e.foundation:5000/e/cloud/my-spot/env bash
PYTHONPATH=$(pwd) SEARX_DEBUG=1 python -X dev searx/webapp.py
Test that
- You can change the etheme style to dark/light with the nav switch
- That your current style is consistent even after
- Refreshing the page
- Going to the preferences page
- After making some search
- Assert that the dark mode also works as expected on mobile device screen size
- Assert that the dark theme looks good enough to be deployed
Still needs to be done:
-
Dark mode styles -
Add dark mode as a new style for /e/ theme -
Switch button on top of home page when on /e/ theme -
Save Switch state on user cookies/preferences
-
Edited by Israel Yago Pereira