How to edit a scss file?

We need to change the color of the active menu item is opened the code through the browser and saw that he indicated in sscc the file.
5e413c80dc4e2835840825.png
Here are the necessary 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;

Changed the color code, but nothing. Not familiar with SASS. The template downloaded and I would like to quickly change some colors. How can I do that? I read that you have to compile, but did not understand.
April 7th 20 at 10:58
1 answer
April 7th 20 at 11:00
Solved the problem by overriding this style in style.css
Very bad.
Now the source code does not match the Assembly.
1. And if someone then will start the Assembly by making changes to the source code, your changes will be lost.
2. If you ask to edit your website a professional, ikatsya you very much. - jannie_Schiller commented on April 7th 20 at 11:03

Find more questions by tags Sass