Building project removes custom theme

[derek (Derek Crosson)]

Situation
I have created a custom theme where I have written the CSS for styling the frontend of our OpenEMR installation. When I run the npm build command this file is removed from the folder with all the other theme stylesheets (public/themes). This is the second time it has happened and all of our styling has been removed (the first time I assumed I made a mistake). Any idea why this happens and how to fix it? Do I need to register custom themes somewhere?

OpenEMR Version
I’m using: OpenEMR version 7.0.1-dev

Browser:
I’m using: Google Chrome

Operating System
I’m using: MacOS Big Sur 11.6.5

Logs
Did you check the logs?
Was there anything pertinent in them?

Didn’t notice anything unusual in the logs or anywhere else.

[derek (Derek Crosson)]

Figured it out, my styles need to go here: interface/themes/colors/style_theme_name.scss and then the gulp task will build them and put them in the public directory when I run the npm build command

[Marco_Meza]

I have a detailed guide on how to build custom themes.

CSS Styling in OpenEMR

Now I can share how I was able to compile customized themes: I have my server running withoud docker. I found this fix (Fix gulp deprecated warning) So I have downloaded: https://github.com/openemr/openemr/blob/master/package.json https://github.com/openemr/openemr/blob/master/package-lock.json https://github.com/openemr/openemr/blob/master/gulpfile.js Paste them on /var/www/html folder (I move everything from openemr folder to it). I have update node.js to v18 https://www.hostingadvice.c…