[WIP] Revamp Backend Theme with Improved Spacing, Contrast, and Usability

[empiricompany]

This is a first draft that attempt to updates the backend theme with several improvements aimed at modernizing the interface and making it more functional:

• Adapted for larger resolutions: Input fields, links, and padding have been increased in size to better fit modern, larger screens.

• Improved use of space: A 2px grid system has been implemented to standardize spacing and create a more fluid and consistent layout (as much as possible).

• Better contrast and color usage: Colors have been adjusted to provide better contrast and enhance readability.
  The interface use a neutral color palette, which provides better readability and contrast across the board. Primary actions are clearly distinguished, using strong, universal colors that enhance focus.

The decision was made not to use the brand color for CTA due to its lack of contrast on both light and dark backgrounds.
Instead, the design relies on primary, universal colors for actions, such as blue, red, black, and neutral tones.

PS: Much of the inspiration for this update comes from the https://ui.shadcn.com/

..more screenshot in the first comment..

Todo:

• Unify and improve some duplicate and messy code
• Merge override.css into boxes.css
• Remove saas compilation and use modern css features like variables
• Better use of CSS variables in preparation for a dark version.
• Refine login page
• Style date picker calendar
• Style popups
• Delete openmage theme folders

[empiricompany]

Category

Product

Sales

Dashboard

System:

[fballiano]

I love this idea and it will be a core characteristic of Maho, absolutely crucial

[justinbeaty]

Hey @empiricompany, fyi I started a branch to clean up the admin css files and visually match the excellent work work you've done here. I've converted the files to nested CSS with variables, and already reduced the size by over 50%. I also have some phtml file updates too to reduce the usage of table based layouts.

I plan to open a PR this week. You could see the branch here, but it's very much still in a WIP state with lots of still hardcoded colors not yet using the variables. I absolutely plan to tag you when I create the PR and invite your feedback.

[empiricompany]

You're always at least 10 steps ahead of me :)

I tried to take up this PR again, now it should include the css of the new maho tree but there is a lot of work to do and my time is always very short unfortunately.

Thank you very much for your dedication to this project in which I believe a lot and I would like to dedicate more time.