TJK: Add custom theme

[deeonwuli]

📌 References

• Issue: Closes https://app.clickup.com/t/869den0j3

📝 Implementation

• Adds grails-app/assets/stylesheets/custom/obTheme.css: a single CSS file that reskins OpenBoxes with a moh.tj-inspired navy palette (#1F4FA8) via CSS custom properties
• Maps existing OpenBoxes color variables to the new navy tokens with no upstream stylesheets edited
• Overrides the header (solid navy bar), dashboard sidebar, nav/settings dropdowns, and Groovy selectors/pagination — all by class override, no component edits
• Injects the file into custom.gsp, react.gsp, and main.gsp (one line each)

📷 Screenshots & Recordings (optional)

Screen.Recording.2026-06-02.at.07.59.53.mov

#869den0j3

[MatiasArriola]

Excellent @deeonwuli !

I liked the approach, now we have only one CSS entrypoint for theme configuration, using custom CSS properties, and well documented.

The change is very broad and affects the entire app, so it requires good testing.

I was particularly worried about *, *::before, *::after { box-sizing: border-box; }, since it could affect layout of every element, but after doing a quick round of manual verification it all seem to work good.
Some other selectors are also very broad, but I think that was the intent.

Using AI tools found sections that were missing the theme such as mobile (http://localhost:8080/openboxes/mobile) or analytics (http://localhost:8080/openboxes/inventoryBrowser/list) but those screens seem to be legacy screens not linked anywhere.

Thanks!