Thanks @kolate_sambhaji, that’s a fine solution is some cases, but doesn’t address the contrast issue. Also, because erpnext is reactive, when a user bumps the zoom factor in the browser, the left column showing assignments and attachments disappears.
The general size and color scheme is good, I just need to override some specific rules. Hence this question.
@ebjorsell I wanted to add a font resize option within ERPNext for the vision impaired as well but I put it on the back burner due to other work commitments. After reading your post I had another search online and found numerous options on how to achieve this but I am not sure which would be the most efficient way to implement this within ERPNext.
Options included inserting a revised common.css file after the default.css gets loaded. There are jQuery options, Less/Sass mixin options, The list goes on.
As there are pre made bootstrap.css for the vision impaired, Maybe have a “Hi Contrast” check box in the user profile page. If this is checked it will load the high_contrast_common.css instead which is located in the same folder as the default common.css folder. Maybe a forum member could advise if this would be the least intrusive way to inject this functionality?
@System19 yes, this was basically my question. I can find many ways to hack erp css to meet my needs. What I’m asking for from the community is; ‘What is the best most sustainable way to do this’?
One suggestion would be to have a CSS override in System settings, where I can add rules that overrides all other rules.
Your high-contrast option is a great idea too, but possible adds a lot of testing and maintenance overhead for the erpnext team. Or maybe not, what does the core devs say? @rmehta@anand@nabinhait
There is typo in @anand’s answer that took me lot of hours to resolve it. The correct command in hooks.py is app_include_css = “assets/your_app/css/custom.css”
the app name comes just after the public/