[Bug 42900] New: Dark mode for tables and status rows
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Bug ID: 42900 Summary: Dark mode for tables and status rows Initiative type: --- Sponsorship --- status: Product: Koha Version: Main Hardware: All OS: All Status: NEW Severity: enhancement Priority: P5 - low Component: Staff interface Assignee: koha-bugs@lists.koha-community.org Reporter: martin.renvoize@openfifth.co.uk QA Contact: testopia@bugs.koha-community.org CC: gmcharlt@gmail.com Target Milestone: --- This patch builds on the dark-mode foundation (bug 42898) to complete the staff-client table styling for dark mode. The table grid, the colour-coded status rows and the DataTables chrome now flip with the Light/Dark/Auto theme switcher. Areas covered: * The table grid itself - header row, striped rows and cell borders. * Status-coloured rows - overdue, on issue, on hold, in transit, lost and warning rows. Each keeps its meaning (yellow/green/blue/red) but uses a pale background with dark text in light mode and a dark background with pale text in dark mode, so it stays legible either way. Rows that are meant to shout (highlighted/warned/selected) keep their bold solid colour. * DataTables chrome - the "processing" overlay, paging buttons, the column-visibility and export menus, the per-column filter inputs and the table search box, and selected-row highlighting. Light mode is unchanged. The brand-coloured export-button icons are left as-is, as they are part of Koha's identity rather than surface colour. 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, open pages with busy tables: a patron's checkouts (rows showing on-issue / overdue / on-hold / in-transit), a circulation page with warnings, and any list with a paging footer (sort a column, open the column-visibility menu, open an export menu). Everything should look exactly as before. 3) Dark mode. Switch the header control to Dark and revisit the same tables. Confirm: - the table grid (headers, stripes, borders) is dark and readable; - each status row is still recognisably its colour but now dark with pale text, and the different statuses remain easy to tell apart; - selected rows are highlighted legibly (not pale-on-dark); - the paging buttons, column-visibility menu and export menu are dark with readable labels. 4) Switch back to Light and confirm the tables return to normal. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 --- Comment #1 from Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> --- Created attachment 200854 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=200854&action=edit Bug 42900: Dark mode for tables and status rows -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Depends on| |42899 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42899 [Bug 42899] Dark mode for core staff interface chrome -- You are receiving this mail because: You are watching all bug changes. You are the assignee for the bug.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|NEW |Needs Signoff Assignee|koha-bugs@lists.koha-commun |martin.renvoize@openfifth.c |ity.org |o.uk -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Blocks| |42901 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42901 [Bug 42901] Dark mode for Vue components in the staff interface -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Depends on|42899 |42898 Blocks|42901 |42902 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42898 [Bug 42898] Dark-mode foundation and theme switcher for the staff interface https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42899 [Bug 42899] Dark mode for core staff interface chrome https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42901 [Bug 42901] Dark mode for Vue components in the staff interface https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42902 [Bug 42902] Dark-mode regression guards for the staff interface -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #200854|0 |1 is obsolete| | -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 --- Comment #2 from Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> --- Created attachment 200860 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=200860&action=edit Bug 42898: Dark-mode foundation and theme switcher -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 --- Comment #3 from Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> --- Created attachment 200861 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=200861&action=edit Bug 42900: Dark mode for tables and status rows Builds on the dark-mode foundation (bug 42898) to complete the staff-client table styling for dark mode. The table grid, the colour-coded status rows and the DataTables chrome now flip with the Light/Dark/Auto theme switcher. Areas covered: * The table grid itself - header row, striped rows and cell borders. * Status-coloured rows - overdue, on issue, on hold, in transit, lost and warning rows. Each keeps its meaning (yellow/green/blue/red) but uses a pale background with dark text in light mode and a dark background with pale text in dark mode, so it stays legible either way. Rows that are meant to shout (highlighted/warned/selected) keep their bold solid colour. * DataTables chrome - the "processing" overlay, paging buttons, the column-visibility and export menus, the per-column filter inputs and the table search box, and selected-row highlighting. Light mode is unchanged. The brand-coloured export-button icons are left as-is, as they are part of Koha's identity rather than surface colour. 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, open pages with busy tables: a patron's checkouts (rows showing on-issue / overdue / on-hold / in-transit), a circulation page with warnings, and any list with a paging footer (sort a column, open the column-visibility menu, open an export menu). Everything should look exactly as before. 3) Dark mode. Switch the header control to Dark and revisit the same tables. Confirm: - the table grid (headers, stripes, borders) is dark and readable; - each status row is still recognisably its colour but now dark with pale text, and the different statuses remain easy to tell apart; - selected rows are highlighted legibly (not pale-on-dark); - the paging buttons, column-visibility menu and export menu are dark with readable labels. 4) Switch back to Light and confirm the tables return to normal. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #200861|0 |1 is obsolete| | -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 --- Comment #4 from Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> --- Created attachment 200868 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=200868&action=edit Bug 42900: Dark mode for tables and status rows Builds on the dark-mode foundation (bug 42898) to complete the staff-client table styling for dark mode. The table grid, the colour-coded status rows and the DataTables chrome now flip with the Light/Dark/Auto theme switcher. Areas covered: * The table grid itself - header row, striped rows and cell borders. * Status-coloured rows - overdue, on issue, on hold, in transit, lost and warning rows. Each keeps its meaning (yellow/green/blue/red) but uses a pale background with dark text in light mode and a dark background with pale text in dark mode, so it stays legible either way. Rows that are meant to shout (highlighted/warned/selected) keep their bold solid colour. * DataTables chrome - the "processing" overlay, paging buttons, the column-visibility and export menus, the per-column filter inputs and the table search box, and selected-row highlighting. Light mode is unchanged. The brand-coloured export-button icons are left as-is, as they are part of Koha's identity rather than surface colour. 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, open pages with busy tables: a patron's checkouts (rows showing on-issue / overdue / on-hold / in-transit), a circulation page with warnings, and any list with a paging footer (sort a column, open the column-visibility menu, open an export menu). Everything should look exactly as before. 3) Dark mode. Switch the header control to Dark and revisit the same tables. Confirm: - the table grid (headers, stripes, borders) is dark and readable; - each status row is still recognisably its colour but now dark with pale text, and the different statuses remain easy to tell apart; - selected rows are highlighted legibly (not pale-on-dark); - the paging buttons, column-visibility menu and export menu are dark with readable labels. 4) Switch back to Light and confirm the tables return to normal. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42900 Martin Renvoize (ashimema) <martin.renvoize@openfifth.co.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #200860|0 |1 is obsolete| | -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon@bugs.koha-community.org