https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42899
Bug ID: 42899
Summary: Dark mode for core staff interface chrome
Initiative type: ---
Sponsorship ---
status:
Product: Koha
Version: Main
Hardware: All
OS: All
Status: NEW
Severity: enhancement
Priority: P5 - low
Component: Staff interface
Assignee: [email protected]
Reporter: [email protected]
QA Contact: [email protected]
CC: [email protected]
Target Milestone: ---
This patch builds on the dark-mode foundation (bug 42898) by migrating
the core staff-client chrome to the Koha colour tokens, so it flips with
the Light/Dark/Auto theme switcher instead of staying glued to light
colours.
Areas covered:
* Global chrome - the patron sidebar, admin/tools side menu, catalogue
search facets, search results panel and summary, the sticky search
header and the apply-to-results action panels.
* Forms - fieldsets, legends, text/select/file inputs, read-only fields
and textareas.
* Tables (grid only) - cell text, the active tab and its content panel.
* Toolbars - the button toolbar above lists and its dropdown menus.
* Header - the search-bar autocomplete drop-down and the breadcrumb bar.
* Home page - news blocks and the big icon links.
Light mode is unchanged: each token's light value is the colour used
today. The dark values are tuned for legible contrast.
Note: status-coloured table rows (overdue, on hold, etc.) and the
DataTables footer/export chrome are handled in bug 42900. Vue widgets
are in bug 42901. The OPAC is out of scope.
Depends on: bug 42898
Test plan:
1) Apply the patch (after bug 42898) and rebuild the CSS (yarn css:build).
2) Light mode regression. With the theme set to Light, click through:
a patron record (sidebar), the admin home and a tools page (side
menu), catalogue search results (facets, results, search header,
apply-to-results), a patron entry form, the staff home page (news
and the big icon links). Everything should look exactly as it did
before this patch.
3) Dark mode. Switch the header control to Dark and revisit the same
pages. Each of the areas above should now use dark surfaces with
readable text, flowing into the dark page chrome rather than
standing out as bright panels. Text, headings, form fields, toolbar
buttons and the autocomplete drop-down should all be comfortably
legible.
4) Tabs. Open a tabbed screen (e.g. a patron record). In light mode the
tabs look as before; in dark mode the active tab and the panel under
it should be dark and read as one piece.
5) Switch back to Light and confirm everything returns to normal.
--
You are receiving this mail because:
You are the assignee for the bug.
You are watching all bug changes.
_______________________________________________
Koha-bugs mailing list
[email protected]
https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-bugs
website : http://www.koha-community.org/
git : http://git.koha-community.org/
bugs : http://bugs.koha-community.org/
