chore: make icon inherit color property from it's parent

pooriaset · pooriaset · commit 3f4ef907996a · 2024-05-25T10:39:45.000+03:30
diff --git a/src/components/Icons/components/Use/RulerIcon.tsx b/src/components/Icons/components/Use/RulerIcon.tsx
@@ -2,9 +2,7 @@ import React from 'react';
 
 const RulerIcon = () => {
   return (
-    <svg
-      style={{ width: 18, height: 18, fill: 'var(--color-icon-low-emphasis)' }}
-    >
+    <svg style={{ width: 18, height: 18, fill: 'currentcolor' }}>
       <use xlinkHref="#ruler"></use>
     </svg>
   );
diff --git a/src/components/Icons/components/Use/ToomanIcon.tsx b/src/components/Icons/components/Use/ToomanIcon.tsx
@@ -6,7 +6,7 @@ const ToomanIcon = () => {
       style={{
         width: 18,
         height: 18,
-        fill: 'var(--color-icon-medium-emphasis)',
+        fill: 'currentcolor',
       }}
     >
       <use xlinkHref="#tooman"></use>

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ const ToomanIcon = () => {`
`6`	`6`	`style={{`
`7`	`7`	`width: 18,`
`8`	`8`	`height: 18,`
`9`		`- fill: 'var(--color-icon-medium-emphasis)',`
	`9`	`+ fill: 'currentcolor',`
`10`	`10`	`}}`
`11`	`11`	`>`
`12`	`12`	`<use xlinkHref="#tooman"></use>`