https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=42901 Bug ID: 42901 Summary: Dark mode for Vue components in the staff interface 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 migrate the staff-client Vue components to the Koha colour tokens, so their styling flips with the Light/Dark/Auto theme switcher, matching the rest of the interface. Areas covered: * The module dashboard - widget cards, the picker, the empty drop placeholder and the drag-and-drop highlight. * The ERM counts widget pills. * Left-hand menus and the SIP2 management menu (including disabled entries, which stay muted but legible). * The ERM usage-statistics report table borders. * The vue-select dropdowns used across ERM and ILL forms (e.g. the agreement and request edit screens). Light mode is unchanged. Decorative brand accents (the green legend hover and blue caret on the resource form) are intentionally left as-is, as they read correctly in both themes. Depends on: bug 42898 Test plan: 1) Apply the patch (after bug 42898) and rebuild the assets (yarn js:build). 2) Light mode regression. With the theme set to Light, open: the module dashboard (add/reorder a widget), the ERM home page (counts widget), the SIP2 management page, an ERM usage-statistics report, and an ERM agreement or ILL request edit form (the searchable dropdowns). Everything should look exactly as before. 3) Dark mode. Switch the header control to Dark and revisit the same screens. Confirm: - widget cards and the dashboard empty/drop placeholder are dark with readable text; - the ERM count pills and left-menu entries (including disabled ones) are legible; - the usage-statistics table borders are visible against dark cells; - the searchable dropdowns (closed control and open list, including a disabled/selected option) are dark and readable. 4) Switch back to Light and confirm the components return to normal. -- You are receiving this mail because: You are the assignee for the bug. You are watching all bug changes.