Colour Customization

Installation guide and fundamental concepts of crm-core.

CoreM allows you to control the colours of all scripts from one central location. Instead of editing each resource individually, you can adjust the global colour palette directly inside crm-core, and every CoreM script will automatically use your updated theme.

---

Where to Edit Colours

To modify the global colours, open the following file:

crm-core
└── crm-web
    └── crm-styles
        └── crm-main.css

This file contains the main colour variables used across all CoreM scripts.

---

Colour Variables

Inside crm-main.css, you will find the colour system in the :root section:

/* GLOBAL COLOR VARIABLES - These define your theme colors */
:root {
    --crm-dark: 39, 39, 39;        /* Main dark background */
    --crm-second: 52, 52, 52;      /* Slightly lighter dark */
    --crm-third: 30, 30, 30;       /* Deeper dark tone */
    --crm-primary: 255, 176, 96;   /* Accent color (orange) */
    --crm-white: 255, 255, 255;    /* White */
    --crm-danger: 218, 55, 60;     /* Red - error state */
    --crm-success: 41, 207, 103;   /* Green - success state */
    --crm-warning: 251, 209, 40;   /* Yellow - warning state */
}

To help you pick colours easily, you can use our recommended colour generator:

👉 Open the Colour Picker

You can copy the RGB values directly from the tool and paste them into the variables.