Skip to Content
CoreColour Customization

Colour Customization

CoreM lets you control the colours of every script from one place. Instead of editing each resource, you adjust a single global palette inside crm-core, and every CoreM script updates to match your theme automatically.

Where to edit colours

Open the main stylesheet inside crm-core:

        • crm-main.css

The colour variables

Near the top of crm-main.css you’ll find the palette in the :root block. Each value is an R, G, B triplet:

crm-core/crm-web/crm-styles/crm-main.css
/* GLOBAL COLOR VARIABLES — these define your theme */
: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 */
}

Need help picking colours? Use our colour picker tool  — copy the RGB values it gives you and paste them straight into the variables above.

Change LanguageConfiguration