Color Scheme

It’s easy to change the colours on your website. Simply use this short code to add your colour scheme to the assets/css/style.css file:

:root {

    // themes color
    --color-primary: #1FAB70;
    --color-secondary: #1F1F25;
    // body color
    --color-body: #656565;
    // title color
    --color-heading-1: #272A6C;
    --color-white: #fff;
    --color-border: #DDD8F9;
    // notify Colors
    --color-success: #3EB75E;
    --color-danger: #FF0003;
    --color-warning: #FF8F3C;
    --color-info: #1BA2DB;
    //Social icon colors
    --color-facebook: #3B5997;
    --color-twitter: #1BA1F2;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
 }
Was this page helpful?

Leave a Reply

Your email address will not be published. Required fields are marked *