SuiteCRM 8 change style and colors

I have searched the forum, and there is currently no guide on changing the style of SuiteCRM 8. The guides for SuiteCRm 7 do not work. You can use plugins for your browser to style it, but this is not practical for multiple users. I have found that the CSS file is located in public/dist/. My CSS file is called styles.cdea259b4accb36f9821.css. This file is compressed using SCSS, but if I edit the CSS and do a ‘Quick Repair and Rebuild’ under Admin > Repair, the CSS is updated, and I can change the style of SuiteCRM 8.

  1. Will this file only be replaced when I do an upgrade? If it is, I can keep a record of my changes and perform them again after an upgrade, but if it can be replaced another way, for example, during a ‘Repair and Rebuild’, this method will not work.

  2. What is the correct way to edit the style of SuiteCRM 8? Can you make a file that overwrites the style.css file in public/dist/?

There isn’t official documentation, but u can edit

core/app/shell/src/themes/suite8/css/abstracts/_variables.scss (angular frontend)
and
public/legacy/themes/suite8/css/Dawn/variables.scss (legacy frontend)

then follow Front-end Developer Install Guide :: SuiteCRM Documentation

1 Like