How to override openemr theme files without modifying core files

OpenEMR Development
1

How to override openemr theme files without modifying core files? suppose if any figma design provided by designer, how can we implement that in openemr without modifying core files ?

2

We mostly include all Bootstrap 4 standard classes classes.

We build our themes using gulp and you can visit our raw themes at
openemr/interface/themes

3

Thanks for guiding me in right path. suppose if we want to do any ui changes, than do we need to do the changes in same path that you have mentioned directly ? or do we need to copy the content of “openemr/interface/themes” and paste it somewhere else and edit those files ?

4

Hi @Vickey_Chavan

  • First backup the interface/theme directory.
  • If necessary make changes to styling classes in core.
  • Edit and add your changes in the appropriate interface/theme scss/css sheets.
  • Run npm run build in openemr root directory. Here is where our themes are built and included in project.

The build will compile the themes then copy to the public/themes directory to be included in application.

I generally simply edit the built themes in public/themes to test the changes before adding to the theme project in interface/themes. Saves time doing builds after every change.

Remember to clear browser cache after changes so new versions are included when testing.

I haven’t had a chance to look into but our dark theme could use some work with color palettes being used.

Please consider donating your modifications back to the project in a pull request.

Good luck!

5

We ll definitely follow your instructions. Also is there any way we can change openemr layout completely [ not only the colors] , some thing like this link : Dashboard ? if Possible, what are the steps we need follow ?

6

Hi @Vickey_Chavan
To do a restyle such as you are looking for will not be a simple matter or an ABC I can guide you through on a forum.

Such a project would require experienced UI developers and would generally be considered a rebranding which is fine from our standpoint but outside the scope of the forum for me to get into that much detail. This would be better served from a git project.

Having said that, I highly recommend you to hire a professional developer from the professional vendors list or if you’d rather, I can make some recommendations. This is not something I’d be interested in taking on.
P.M me if you’d like a recommendation.