我正在使用Magento 1.9，我试图编辑背景色的megamenu。
我一直导航到.scss文件，但在颜色十六进制的位置发现了一个$menu-background。

.main-menu {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    background-color: $menu-background;

    &.isStuck {
      z-index: 9990;

      .nav .grid-full > li > a > span{
        margin: 10px 30px;
      }
      .nav .grid-full > .parent > a > span:after{
        top: 80%;
      }
    }
    }

在同一个scss文件的开头有
@import“../包含”;
所以我搜索了那个文件，发现：
@导入“变量”;
在我找到最后一个文件中：

// Accent Colors
$accent-color-1: #ee372a;
$accent-color-2: #000;
$accent-color-3: #fff;

//Menu
$menu-background: $accent-color-2;
$menu-item-color: #888888;
$menu-item-color-act: #ffffff;
$menu-item-bg-act: #232323;

我将重音颜色2编辑如下：（蓝色代替黑色）
$重音颜色-2：编号00427 A;
但是现在无论我怎么刷新页面，按下CTRL + F5，从magento -〉系统缓存管理中该高速缓存。我看不到颜色变成蓝色。我搜索了很多，但没有找到解决方案。
然后我意识到我编辑的文件是scss文件而不是css（我对scss文件的了解非常少）。
现在最大的问题是把编辑过的scss文件转换成css文件，我试过了：- 童子军-考拉-npm sass
并且在所有情况下@import都失败并且css混乱。
有没有一个按钮可以很容易地在magento中将sass编译成css，或者有没有另一种方法可以在css找到一个@import时不会弄乱它？