filters and sidebar

front/sass/_notice.scss

@@ -1,21 +1,21 @@
 .notice {
-    background-color: $background;
+    background-color: var(--background);
     padding: 25px 14px 14px;
     margin: 2rem 0;
     filter: brightness(1.03);
     position: relative;
     font-size: 16px;
     line-height: 24px;
-    border: 3px solid $border-color;
+    border: 3px solid var(--border-color);
 }
 
 .notice .title {
     content: "NOTE";
     position: absolute;
-    background: $background;
+    background: var(--background);
     min-width: 90px;
-    border: 3px solid $border-color;
-    color: $text;
+    border: 3px solid var(--border-color);
+    color: var(--text);
     display: block;
     text-align: center;
     left: 14px;
@@ -25,8 +25,8 @@
 }
 
 .notice.success{
-    border-color:  $success;
+    border-color:  var(--success);
     & .title{
-        border-color:  $success;
+        border-color:  var(--success);
     }
 }