Primary Colors

You can change the main colors of the template, to do this, go to the main.css file (or variables.scss) and find the following code there:

:root {
  --primary-color: #4776E6;
  --primary-color-additional: #8e54e9;
  --primary-font: 'Poppins', sans-serif;
  --white-color: #ffffff;
  --white-transparent-color: rgba(255, 255, 255, 0.7);
  --gray-color: #F6F8FB;
  --gray-hard-color: #f0f0f0;
  --black-color: #161616;
  --black-warm-color: #232323;
  --border-color-1: rgba(151, 151, 151, 0.2);
  --border-color-2: #EAEAEA;
  --text-color: #676767;
  --meta-color: #888888;
  --yellow-color: #FEC42D;
  --red-color: #D93025;
  --success-color: #8BC34A;
  --info-color: #2196F3;
  --warning-color: #FF5722;
  --danger-color: #f44336;
}