end of project

src/components/Burger.vue

@@ -61,7 +61,8 @@ const burger = useBurgerStore();
 </template>
 
 <style lang="scss" scoped>
-@import "@/style/shared.scss";
+@import "@/style/colors.scss";
+@import "@/style/widths.scss";
 .button{
   position:absolute;
   top: 0.2em;
@@ -83,7 +84,7 @@ const burger = useBurgerStore();
 .line-and-door, .line-middle, .arrow-up, .arrow-down{
   transition:1s ;
   stroke-width:10;
-  stroke:$green;
+  stroke:$action-normal;
 }
 
 .line-and-door{
@@ -104,18 +105,18 @@ const burger = useBurgerStore();
   & > .arrow-up {
     d:path("m 21, 50 15, -9");
     stroke-width:6;
-    stroke:$green;
+    stroke:$action-normal;
     
   }
   & > .arrow-down {
     d:path("m 21, 50 15, 9");
     stroke-width:6;
-    stroke:$green;
+    stroke:$action-normal;
   }
   & > .line-middle{
     d:path("M 65, 50 H 21");
     stroke-width:6;
-    stroke:$green;
+    stroke:$action-normal;
   }
   & > .line-and-door{
     stroke-dashoffset: 0 ;
@@ -123,7 +124,7 @@ const burger = useBurgerStore();
     //stroke-dasharray: 12 12 38 62 38;
     stroke-width:6;
     stroke-dasharray: 205 ;
-    stroke:$green;
+    stroke:$action-normal;
   }
 }
 @media (min-width:$maxWidth){