Fix dark mode for calendar, family/individual list pages and refine search

- Add dark mode support for calendar page elements (options bar, month
  table, day cells)
- Add dark mode support for family/individual list pages (initials bar,
  surname table, DataTables numeric cells)
- Force transparent table cell backgrounds in dark mode with !important
  to override Bootstrap/DataTables defaults
- Refactor TreePage search to match homepage style (pill input, no
  button, Ionicon search icon, Enter to submit)
- Fix active nav icon color filters being overridden by dark mode mixin
- Fix mobile nav items not being perfectly round (gap: 0)
This commit is contained in:
2026-03-14 15:06:10 +01:00
parent ce11b25da4
commit 744daeefec
3 changed files with 213 additions and 35 deletions
+1 -3
View File
@@ -235,9 +235,7 @@ class BockenTheme extends AbstractModule implements ModuleCustomInterface, Modul
searchDiv.innerHTML =
'<form method="post" action="' + searchAction + '" class="bocken-search-form" role="search">' +
'<input type="search" class="bocken-search-input" name="query" placeholder="Search names, places, sources..." autocomplete="off">' +
'<button type="submit" class="bocken-search-btn" aria-label="Search">' +
'<i data-lucide="search"></i>' +
'</button>' +
'<span class="bocken-search-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="m338.29 338.29 105.25 105.25"/></svg></span>' +
'<input type="hidden" name="_csrf" value="' + csrfValue + '">' +
'</form>';