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: [email protected]
          Reporter: [email protected]
        QA Contact: [email protected]
                CC: [email protected]
  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.
_______________________________________________
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/

Reply via email to