diff --git a/M02_MasterTemplete/CostFlow/M02_CF_Diagram.css b/M02_MasterTemplete/CostFlow/M02_CF_Diagram.css
index e592872e8..fc9c8ee8f 100644
--- a/M02_MasterTemplete/CostFlow/M02_CF_Diagram.css
+++ b/M02_MasterTemplete/CostFlow/M02_CF_Diagram.css
@@ -11,11 +11,13 @@
 
 :root[data-theme="dark"] .m02-cfdg {
   --cfdg-out: #e5a866;
+  --cfdg-lift: #fff;
 }
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme="light"]) .m02-cfdg {
     --cfdg-out: #e5a866;
+    --cfdg-lift: #fff;
   }
 }
 
@@ -128,7 +130,8 @@
 
 .m02-cfdg__kind {
   grid-column: 1;
-  color: var(--cf-color);
+  /* 어두운 화면은 종류 색을 밝게 섞음 */
+  color: color-mix(in srgb, var(--cf-color) 55%, var(--cfdg-lift, var(--cf-color)));
   font-size: var(--text-caption);
   font-weight: 600;
 }
diff --git a/M02_MasterTemplete/CostFlow/M02_CF_Diagram.ts b/M02_MasterTemplete/CostFlow/M02_CF_Diagram.ts
index e66809dba..d8f55a7b5 100644
--- a/M02_MasterTemplete/CostFlow/M02_CF_Diagram.ts
+++ b/M02_MasterTemplete/CostFlow/M02_CF_Diagram.ts
@@ -454,27 +454,12 @@ export function renderDiagram(
       addBtn("function", "AddFunc"),
       addBtn("output", "AddOutput"),
       el("span", { className: "m02-cfdg__gap" }),
-      createButton({
-        label: "−",
-        size: "sm",
-        variant: "ghost",
-        onClick: () => setZoom(st.zoom / 1.2),
-      }),
+      sm("ZoomOut", () => setZoom(st.zoom / 1.2)),
       zoomLabel,
-      createButton({
-        label: "+",
-        size: "sm",
-        variant: "ghost",
-        onClick: () => setZoom(st.zoom * 1.2),
-      }),
-      createButton({ label: tt("Fit"), size: "sm", variant: "ghost", onClick: fit }),
-      createButton({
-        label: tt("Arrange"),
-        size: "sm",
-        variant: "ghost",
-        onClick: () => {
-          for (const [id, p] of Object.entries(arrange(lg))) on.move(id, p.x, p.y);
-        },
+      sm("ZoomIn", () => setZoom(st.zoom * 1.2)),
+      sm("Fit", fit),
+      sm("Arrange", () => {
+        for (const [id, p] of Object.entries(arrange(lg))) on.move(id, p.x, p.y);
       }),
     ],
   });