Corect way to customise theme in v8+

Hi

I cant seem to find any docs or questions on the correct way to extend or create a new theme in v8 (most are from years ago). I would assume its just changing some sass variables.

are you meant to just overide the files that are there or is there a CORRECT way to do this?

This is not easily extendable currently, we’re working on a solution at the moment should be in a future release

4 Likes

cant I just put it in my angular ext project? and overide the bootstrap variables? The scss is being compiled on build…

Hi Ross,
I have customized the colors of suitecrm and created multiple color schemes.

You are correct, you can extend the theme into ext and change the sass file.

But that will only work for suitecrm8 modules.
For legacy view, you will need to change sass file inside public/legacy folder after copying into custom folder.

Here is the color scheme I have used.

Why cant legacy view stuff be overidden in the extension? cant you jsut make the ext style sheet load after all others to they overide them by default?

Its because not all the screens/modules are migrated completely to extension.

To understand where you need to make changes, you can inspect through the browser and check the path of styles file.

That will give you an idea that if you need to make changes into extension or legacy/themes.

If you need to make changes to legacy/themes, you will have to move the files first into custom folder and than make the changes.

You will also need sass compiler for changes to take affect.

I might have missed some steps because i didnt really document all the steps but you will get the idea how to do it.

This file sets it up:

Could you explain this one a little more? its a bunch of params for routing how does that affect theming.

That file defines which views of which modules go to the legacy engine or to the new v8.

That, in turn, implies different ways to customize themes.