build(1.0.0): update loader colors

Author: NeiruBugz

src/widgets/loader/index.tsx

@@ -2,21 +2,21 @@ import './styles.scss';
 
 const Loader = () => (
   <>
-    <div className="loader">
+    <div className="loader before:bg-secondary">
       <svg viewBox="0 0 80 80">
-        <circle id="test" cx="40" cy="40" r="32" />
+        <circle id="test" cx="40" cy="40" r="32" className="stroke-primary" />
       </svg>
     </div>
 
-    <div className="loader triangle">
+    <div className="loader triangle before:bg-secondary">
       <svg viewBox="0 0 86 80">
-        <polygon points="43 8 79 72 7 72" />
+        <polygon points="43 8 79 72 7 72" className="stroke-primary" />
       </svg>
     </div>
 
-    <div className="loader">
+    <div className="loader before:bg-secondary">
       <svg viewBox="0 0 80 80">
-        <rect x="8" y="8" width="64" height="64" />
+        <rect x="8" y="8" width="64" height="64" className="stroke-primary" />
       </svg>
     </div>
   </>

src/widgets/loader/styles.scss

@@ -1,6 +1,4 @@
 .loader {
-  --path: #2f3545;
-  --dot: #5628ee;
   --duration: 3s;
   width: 44px;
   height: 44px;
@@ -12,7 +10,6 @@
     border-radius: 50%;
     position: absolute;
     display: block;
-    background: var(--dot);
     top: 37px;
     left: 19px;
     transform: translate(-18px, -18px);
@@ -26,7 +23,6 @@
     polygon,
     circle {
       fill: none;
-      stroke: var(--path);
       stroke-width: 10px;
       stroke-linejoin: round;
       stroke-linecap: round;