How to edit scss file?

Question

Sass

It is necessary to change the color of the active menu item, opened the code through the browser and saw that it is indicated in the sscc file.

Here are the required lines:

.metisMenu.nav > li.active > a {
  color: $custom;

  li.active {
    a{
      color: $custom;
    }
  }
}

There is a scss file with variables: _variable.scss:

@import url('https://fonts.googleapis.com/css?family=Hind:400,500,700|Noto+Sans:400,700');

// Custom Color
$custom:              #cf5d5d;//19b798  #23b195

$primary:             #458bc4;
$success:             #4fc55b;
$info:                #3db9dc;//#711515
$warning:             #e2ab3b;
$danger:              #d57171;
$white:               #ffffff;
$black:               #000000;
$dark:                #626773;//3f475c
$light:               #f5f5f5;
$muted:               #7a7d84;

$font-primary: 'Noto Sans', sans-serif;
$font-secondary: 'Hind', sans-serif;

I changed the color code, but it doesn't work. I'm not familiar with SASS. I downloaded the template and would like to quickly change some colors. How can I do that? I read that it is necessary to compile, but I did not understand anything.

Answer 1

I solved the problem by redefining this style in style.css