diff --git a/components/src/chips/alu.tsx b/components/src/chips/alu.tsx
index 71eee7408..f9bb7b9ba 100644
--- a/components/src/chips/alu.tsx
+++ b/components/src/chips/alu.tsx
@@ -39,7 +39,7 @@ export const ALUComponent = ({
           textAnchor="middle"
           y="61"
           x="35"
-          fill="#000000"
+          // fill="#000000" // use style from chip.scss
         >
           {A}
         </text>
@@ -48,7 +48,7 @@ export const ALUComponent = ({
           textAnchor="middle"
           y="176"
           x="35"
-          fill="#000000"
+          // fill="#000000" // use style from chip.scss
         >
           {D}
         </text>
@@ -57,7 +57,7 @@ export const ALUComponent = ({
           textAnchor="middle"
           y="121"
           x="207"
-          fill="#000000"
+          // fill="#000000" // use style from chip.scss
         >
           {out}
         </text>
@@ -71,19 +71,31 @@ export const ALUComponent = ({
           {COMMANDS_ALU.op[op] ?? "(??)"}
         </text>
         <g>
-          <path stroke="black" d="M 6,67.52217 H 68.675994" />
-          <path stroke="black" d="M 68.479388,67.746136 60.290279,61.90711" />
-          <path stroke="black" d="m 68.479388,67.40711 -8.189109,5.839026" />
+          <path /*stroke="black"*/ d="M 6,67.52217 H 68.675994" />
+          <path
+            /*stroke="black"*/ d="M 68.479388,67.746136 60.290279,61.90711"
+          />
+          <path
+            /*stroke="black"*/ d="m 68.479388,67.40711 -8.189109,5.839026"
+          />
         </g>
         <g transform="translate(0,115.5)">
-          <path stroke="black" d="M 6,67.52217 H 68.675994" />
-          <path d="M 68.479388,67.746136 60.290279,61.90711" stroke="black" />
-          <path stroke="black" d="m 68.479388,67.40711 -8.189109,5.839026" />
+          <path /*stroke="black"*/ d="M 6,67.52217 H 68.675994" />
+          <path
+            d="M 68.479388,67.746136 60.290279,61.90711" /*stroke="black"*/
+          />
+          <path
+            /*stroke="black"*/ d="m 68.479388,67.40711 -8.189109,5.839026"
+          />
         </g>
         <g transform="translate(176,57.5)">
-          <path stroke="black" d="M 6,67.52217 H 68.675994" />
-          <path stroke="black" d="M 68.479388,67.746136 60.290279,61.90711" />
-          <path stroke="black" d="m 68.479388,67.40711 -8.189109,5.839026" />
+          <path /*stroke="black"*/ d="M 6,67.52217 H 68.675994" />
+          <path
+            /*stroke="black"*/ d="M 68.479388,67.746136 60.290279,61.90711"
+          />
+          <path
+            /*stroke="black"*/ d="m 68.479388,67.40711 -8.189109,5.839026"
+          />
         </g>
       </g>
     </svg>
diff --git a/web/src/pages/chip.scss b/web/src/pages/chip.scss
index 54338c26b..dce936fbc 100644
--- a/web/src/pages/chip.scss
+++ b/web/src/pages/chip.scss
@@ -59,3 +59,13 @@
     }
   }
 }
+
+// used for svg of ALU component
+path,
+polygon {
+  stroke: var(--color);
+}
+
+text {
+  fill: var(--color);
+}