[PR #227] [MERGED] Allow user-defined CSS/theming #814

New issue

Closed

opened 2026-02-25 20:36:48 +03:00 by kerem · 0 comments

kerem commented

2026-02-25 20:36:48 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/benbusby/whoogle-search/pull/227
Author: @benbusby
Created: 3/18/2021
Status: ✅ Merged
Merged: 3/21/2021
Merged by: @benbusby

Base: develop ← Head: feature/custom-css

📝 Commits (7)

9832c61 Add custom CSS field to config
c429046 Symlink all app static files to test dir
bbbcc08 Refactor app/misc/.json -> app/static/settings/.json
072abdb Merge branch 'develop' into feature/custom-css
cf92d7a Merge remote-tracking branch 'origin/develop' into feature/custom-css
2aff393 Fix light theme variables in dark theme css
c972b80 Minor style tweaking

📊 Changes

18 files changed (+381 additions, -213 deletions)

View changed files

📝 app/__init__.py (+4 -4)
📝 app/models/config.py (+7 -0)
📝 app/routes.py (+2 -2)
📝 app/static/css/dark-theme.css (+93 -18)
➕ app/static/css/light-theme.css (+130 -0)
📝 app/static/css/main.css (+48 -25)
➖ app/static/css/search-dark.css (+0 -40)
➖ app/static/css/search.css (+0 -39)
➕ app/static/css/variables.css (+24 -0)
➕ app/static/img/whoogle.svg (+1 -0)
📝 app/static/js/controller.js (+0 -40)
📝 app/static/settings/countries.json (+0 -0)
📝 app/static/settings/languages.json (+0 -0)
📝 app/templates/display.html (+4 -5)
📝 app/templates/header.html (+8 -8)
📝 app/templates/index.html (+56 -29)
📝 run (+4 -2)
➖ test/misc (+0 -1)

📄 Description

Introduces a new config page element for setting colors for both light and
dark themes, as well as adding custom CSS for any other elements.

Values documented in the wiki, as well as the current user contributed custom themes.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/benbusby/whoogle-search/pull/227 **Author:** [@benbusby](https://github.com/benbusby) **Created:** 3/18/2021 **Status:** ✅ Merged **Merged:** 3/21/2021 **Merged by:** [@benbusby](https://github.com/benbusby) **Base:** `develop` ← **Head:** `feature/custom-css` --- ### 📝 Commits (7) - [`9832c61`](https://github.com/benbusby/whoogle-search/commit/9832c6191a951697e4b43db29185e3cb03d7a9db) Add custom CSS field to config - [`c429046`](https://github.com/benbusby/whoogle-search/commit/c429046c0dbf73b7e6033163a07038d63c51cd7f) Symlink all app static files to test dir - [`bbbcc08`](https://github.com/benbusby/whoogle-search/commit/bbbcc08927a07e0d12dcf35c129ac69db7b6fb8d) Refactor app/misc/*.json -> app/static/settings/*.json - [`072abdb`](https://github.com/benbusby/whoogle-search/commit/072abdb219eabe13c4cd65fe70c680ad2a6cea46) Merge branch 'develop' into feature/custom-css - [`cf92d7a`](https://github.com/benbusby/whoogle-search/commit/cf92d7a8ffced310b9c945eac807c8eee956cb92) Merge remote-tracking branch 'origin/develop' into feature/custom-css - [`2aff393`](https://github.com/benbusby/whoogle-search/commit/2aff39365c6ed8e2cb678c9efaa701216f561619) Fix light theme variables in dark theme css - [`c972b80`](https://github.com/benbusby/whoogle-search/commit/c972b80a6cfc66de5233ad39a7339ecea6003789) Minor style tweaking ### 📊 Changes **18 files changed** (+381 additions, -213 deletions) <details> <summary>View changed files</summary> 📝 `app/__init__.py` (+4 -4) 📝 `app/models/config.py` (+7 -0) 📝 `app/routes.py` (+2 -2) 📝 `app/static/css/dark-theme.css` (+93 -18) ➕ `app/static/css/light-theme.css` (+130 -0) 📝 `app/static/css/main.css` (+48 -25) ➖ `app/static/css/search-dark.css` (+0 -40) ➖ `app/static/css/search.css` (+0 -39) ➕ `app/static/css/variables.css` (+24 -0) ➕ `app/static/img/whoogle.svg` (+1 -0) 📝 `app/static/js/controller.js` (+0 -40) 📝 `app/static/settings/countries.json` (+0 -0) 📝 `app/static/settings/languages.json` (+0 -0) 📝 `app/templates/display.html` (+4 -5) 📝 `app/templates/header.html` (+8 -8) 📝 `app/templates/index.html` (+56 -29) 📝 `run` (+4 -2) ➖ `test/misc` (+0 -1) </details> ### 📄 Description Introduces a new config page element for setting colors for both light and dark themes, as well as adding custom CSS for any other elements. Values documented [in the wiki](https://github.com/benbusby/whoogle-search/wiki/Styling-with-Custom-CSS), as well as the current [user contributed custom themes](https://github.com/benbusby/whoogle-search/wiki/User-Contributed-CSS-Themes). --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>