From cbc4d3f3d8b56b887f3f75fa02f4f965cdd753c5 Mon Sep 17 00:00:00 2001
From: nihalpasham <nihalp@nvidia.com>
Date: Sun, 25 Oct 2026 17:11:53 +0530
Subject: [PATCH] docs(book): soften dark-mode SVG fill colors across cute and
 compiler diagrams

Signed-off-by: nihalpasham <nihalp@nvidia.com>
---
 .../images/mbarrier-thread-election.svg       |  6 ++--
 .../images/shared-memory-alignment.svg        |  6 ++--
 .../advanced/images/tma-cta-local.svg         |  6 ++--
 .../compiler/images/dev-workflow-shift.svg    | 32 ++++++++---------
 .../images/drop-proof-termination.svg         |  6 ++--
 .../images/ecosystem-and-bootstrap.svg        | 34 +++++++++----------
 .../compiler/images/enum-alignment-anchor.svg |  6 ++--
 .../images/toolkit-bundle-and-sizes.svg       | 34 +++++++++----------
 .../images/upstream-rustc-public-flow.svg     | 32 ++++++++---------
 .../cute/images/blockscale-gemm-pipeline.svg  |  2 +-
 .../cute/images/ctm-rs-at-a-glance.svg        |  4 +--
 .../images/cute-rs-preview-stack-and-flow.svg |  2 +-
 .../cute/images/cute-rs-vs-cutedsl.svg        |  2 +-
 .../images/host-device-tma-type-agreement.svg |  4 +--
 .../cute/images/rust-types-to-cute-ir.svg     |  2 +-
 .../cute/images/sm100-two-cta-gemm.svg        |  2 +-
 .../cute/images/support-additions.svg         |  4 +--
 .../cute/images/support-matrix.svg            |  4 +--
 .../cute/images/support-targets.svg           |  4 +--
 .../cute/images/three-tiers-comparison.svg    |  2 +-
 .../cute/images/zipped-divide-and-slice.svg   |  4 +--
 .../images/backend-install-by-rename.svg      |  6 ++--
 .../images/diverging-call-lowering.svg        |  6 ++--
 .../images/inline-intent-mapping.svg          |  6 ++--
 24 files changed, 108 insertions(+), 108 deletions(-)

diff --git a/cuda-oxide/cuda-oxide-book/advanced/images/mbarrier-thread-election.svg b/cuda-oxide/cuda-oxide-book/advanced/images/mbarrier-thread-election.svg
index fc3a56b807..9f509220ab 100644
--- a/cuda-oxide/cuda-oxide-book/advanced/images/mbarrier-thread-election.svg
+++ b/cuda-oxide/cuda-oxide-book/advanced/images/mbarrier-thread-election.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/advanced/images/shared-memory-alignment.svg b/cuda-oxide/cuda-oxide-book/advanced/images/shared-memory-alignment.svg
index 761f93ba5d..a66298136b 100644
--- a/cuda-oxide/cuda-oxide-book/advanced/images/shared-memory-alignment.svg
+++ b/cuda-oxide/cuda-oxide-book/advanced/images/shared-memory-alignment.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/advanced/images/tma-cta-local.svg b/cuda-oxide/cuda-oxide-book/advanced/images/tma-cta-local.svg
index acbd534d5a..f90ac2e9b2 100644
--- a/cuda-oxide/cuda-oxide-book/advanced/images/tma-cta-local.svg
+++ b/cuda-oxide/cuda-oxide-book/advanced/images/tma-cta-local.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/dev-workflow-shift.svg b/cuda-oxide/cuda-oxide-book/compiler/images/dev-workflow-shift.svg
index eefdafc85e..1414728e81 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/dev-workflow-shift.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/dev-workflow-shift.svg
@@ -25,22 +25,22 @@
   .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 }
   .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
   @media (prefers-color-scheme: dark) {
-    .cute-rs-preview .bg { fill:#161618 }
-    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 }
-    .cute-rs-preview .sec { fill:#a3a3a3 }
-    .cute-rs-preview .ts { fill:#b8b8b8 }
-    .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 }
-    .cute-rs-preview .tx-box { fill:#f2f2f2 }
-    .cute-rs-preview .hair { stroke:#3a3a40 }
-    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 }
-    .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea }
-    .cute-rs-preview .tx-purple { fill:#e9e7fb }
-    .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 }
-    .cute-rs-preview .tx-teal { fill:#dff3ec }
-    .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a }
-    .cute-rs-preview .tx-amber { fill:#fdeed3 }
-    .cute-rs-preview .k-coral { fill:#7d2f1f; stroke:#f08b76 }
-    .cute-rs-preview .tx-coral { fill:#fde7e2 }
+    .cute-rs-preview .bg { fill:#1b1d23 }
+    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 }
+    .cute-rs-preview .sec { fill:#b8beca }
+    .cute-rs-preview .ts { fill:#cfd4de }
+    .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 }
+    .cute-rs-preview .tx-box { fill:#f5f6f8 }
+    .cute-rs-preview .hair { stroke:#5c6375 }
+    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 }
+    .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 }
+    .cute-rs-preview .tx-purple { fill:#f6f5ff }
+    .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb }
+    .cute-rs-preview .tx-teal { fill:#f0fdf8 }
+    .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 }
+    .cute-rs-preview .tx-amber { fill:#fff8eb }
+    .cute-rs-preview .k-coral { fill:#6b443e; stroke:#f29b8a }
+    .cute-rs-preview .tx-coral { fill:#fff0ed }
   }
 </style>
 <defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/drop-proof-termination.svg b/cuda-oxide/cuda-oxide-book/compiler/images/drop-proof-termination.svg
index c4e27ddac8..4d7976bf36 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/drop-proof-termination.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/drop-proof-termination.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/ecosystem-and-bootstrap.svg b/cuda-oxide/cuda-oxide-book/compiler/images/ecosystem-and-bootstrap.svg
index f629332803..6586c2ffe9 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/ecosystem-and-bootstrap.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/ecosystem-and-bootstrap.svg
@@ -27,23 +27,23 @@
   .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 }
   .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
   @media (prefers-color-scheme: dark) {
-    .cute-rs-preview .bg { fill:#161618 }
-    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 }
-    .cute-rs-preview .sec { fill:#a3a3a3 }
-    .cute-rs-preview .ts { fill:#b8b8b8 }
-    .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 }
-    .cute-rs-preview .tx-box { fill:#f2f2f2 }
-    .cute-rs-preview .dash { stroke:#55555c }
-    .cute-rs-preview .hair { stroke:#3a3a40 }
-    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 }
-    .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea }
-    .cute-rs-preview .tx-purple { fill:#e9e7fb }
-    .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 }
-    .cute-rs-preview .tx-teal { fill:#dff3ec }
-    .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a }
-    .cute-rs-preview .tx-amber { fill:#fdeed3 }
-    .cute-rs-preview .k-coral { fill:#7d2f1f; stroke:#f08b76 }
-    .cute-rs-preview .tx-coral { fill:#fde7e2 }
+    .cute-rs-preview .bg { fill:#1b1d23 }
+    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 }
+    .cute-rs-preview .sec { fill:#b8beca }
+    .cute-rs-preview .ts { fill:#cfd4de }
+    .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 }
+    .cute-rs-preview .tx-box { fill:#f5f6f8 }
+    .cute-rs-preview .dash { stroke:#606675 }
+    .cute-rs-preview .hair { stroke:#5c6375 }
+    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 }
+    .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 }
+    .cute-rs-preview .tx-purple { fill:#f6f5ff }
+    .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb }
+    .cute-rs-preview .tx-teal { fill:#f0fdf8 }
+    .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 }
+    .cute-rs-preview .tx-amber { fill:#fff8eb }
+    .cute-rs-preview .k-coral { fill:#6b443e; stroke:#f29b8a }
+    .cute-rs-preview .tx-coral { fill:#fff0ed }
   }
 </style>
 <defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/enum-alignment-anchor.svg b/cuda-oxide/cuda-oxide-book/compiler/images/enum-alignment-anchor.svg
index 947f4ff900..d335217568 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/enum-alignment-anchor.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/enum-alignment-anchor.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/toolkit-bundle-and-sizes.svg b/cuda-oxide/cuda-oxide-book/compiler/images/toolkit-bundle-and-sizes.svg
index f0e96380ab..166767f0b3 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/toolkit-bundle-and-sizes.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/toolkit-bundle-and-sizes.svg
@@ -27,23 +27,23 @@
   .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 }
   .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
   @media (prefers-color-scheme: dark) {
-    .cute-rs-preview .bg { fill:#161618 }
-    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 }
-    .cute-rs-preview .sec { fill:#a3a3a3 }
-    .cute-rs-preview .ts { fill:#b8b8b8 }
-    .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 }
-    .cute-rs-preview .tx-box { fill:#f2f2f2 }
-    .cute-rs-preview .dash { stroke:#55555c }
-    .cute-rs-preview .hair { stroke:#3a3a40 }
-    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 }
-    .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea }
-    .cute-rs-preview .tx-purple { fill:#e9e7fb }
-    .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 }
-    .cute-rs-preview .tx-teal { fill:#dff3ec }
-    .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a }
-    .cute-rs-preview .tx-amber { fill:#fdeed3 }
-    .cute-rs-preview .k-coral { fill:#7d2f1f; stroke:#f08b76 }
-    .cute-rs-preview .tx-coral { fill:#fde7e2 }
+    .cute-rs-preview .bg { fill:#1b1d23 }
+    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 }
+    .cute-rs-preview .sec { fill:#b8beca }
+    .cute-rs-preview .ts { fill:#cfd4de }
+    .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 }
+    .cute-rs-preview .tx-box { fill:#f5f6f8 }
+    .cute-rs-preview .dash { stroke:#606675 }
+    .cute-rs-preview .hair { stroke:#5c6375 }
+    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 }
+    .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 }
+    .cute-rs-preview .tx-purple { fill:#f6f5ff }
+    .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb }
+    .cute-rs-preview .tx-teal { fill:#f0fdf8 }
+    .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 }
+    .cute-rs-preview .tx-amber { fill:#fff8eb }
+    .cute-rs-preview .k-coral { fill:#6b443e; stroke:#f29b8a }
+    .cute-rs-preview .tx-coral { fill:#fff0ed }
   }
 </style>
 <defs>
diff --git a/cuda-oxide/cuda-oxide-book/compiler/images/upstream-rustc-public-flow.svg b/cuda-oxide/cuda-oxide-book/compiler/images/upstream-rustc-public-flow.svg
index c0eecfc213..fbcf1855be 100644
--- a/cuda-oxide/cuda-oxide-book/compiler/images/upstream-rustc-public-flow.svg
+++ b/cuda-oxide/cuda-oxide-book/compiler/images/upstream-rustc-public-flow.svg
@@ -25,22 +25,22 @@
   .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 }
   .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
   @media (prefers-color-scheme: dark) {
-    .cute-rs-preview .bg { fill:#161618 }
-    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 }
-    .cute-rs-preview .sec { fill:#a3a3a3 }
-    .cute-rs-preview .ts { fill:#b8b8b8 }
-    .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 }
-    .cute-rs-preview .tx-box { fill:#f2f2f2 }
-    .cute-rs-preview .hair { stroke:#3a3a40 }
-    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 }
-    .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea }
-    .cute-rs-preview .tx-purple { fill:#e9e7fb }
-    .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 }
-    .cute-rs-preview .tx-teal { fill:#dff3ec }
-    .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a }
-    .cute-rs-preview .tx-amber { fill:#fdeed3 }
-    .cute-rs-preview .k-coral { fill:#7d2f1f; stroke:#f08b76 }
-    .cute-rs-preview .tx-coral { fill:#fde7e2 }
+    .cute-rs-preview .bg { fill:#1b1d23 }
+    .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 }
+    .cute-rs-preview .sec { fill:#b8beca }
+    .cute-rs-preview .ts { fill:#cfd4de }
+    .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 }
+    .cute-rs-preview .tx-box { fill:#f5f6f8 }
+    .cute-rs-preview .hair { stroke:#5c6375 }
+    .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 }
+    .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 }
+    .cute-rs-preview .tx-purple { fill:#f6f5ff }
+    .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb }
+    .cute-rs-preview .tx-teal { fill:#f0fdf8 }
+    .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 }
+    .cute-rs-preview .tx-amber { fill:#fff8eb }
+    .cute-rs-preview .k-coral { fill:#6b443e; stroke:#f29b8a }
+    .cute-rs-preview .tx-coral { fill:#fff0ed }
   }
 </style>
 <defs>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/blockscale-gemm-pipeline.svg b/cuda-oxide/cuda-oxide-book/cute/images/blockscale-gemm-pipeline.svg
index a833e0d953..0f6ee5f35f 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/blockscale-gemm-pipeline.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/blockscale-gemm-pipeline.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="460" viewBox="0 0 1040 460" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>Block-scaled MXFP4 GEMM pipeline in cute-rs on SM120a</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .sec { fill:#a3a3a3 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .sec { fill:#b8beca } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-gemm" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="460" rx="10"/>
 <text class="title l" x="36" y="34">Block-scaled MXFP4 GEMM pipeline (blockscale_gemm_cute, SM120a)</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/ctm-rs-at-a-glance.svg b/cuda-oxide/cuda-oxide-book/cute/images/ctm-rs-at-a-glance.svg
index 80ae3a4b83..967c83672d 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/ctm-rs-at-a-glance.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/ctm-rs-at-a-glance.svg
@@ -8,8 +8,8 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-preview-stack-and-flow.svg b/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-preview-stack-and-flow.svg
index 26be864793..01c648b2e3 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-preview-stack-and-flow.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-preview-stack-and-flow.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="672" viewBox="0 0 1040 672" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>The cute-rs-preview stack: cute-rs over ctm-rs, lowered through dialect-cute to CUTLASS MLIR</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .r { text-anchor:end } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11.5px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .k-gray { fill:#e8e6e0; stroke:#a9a69f } .cute-rs-preview .tx-gray { fill:#2b2b2b } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .hair { stroke:#d4d1c9 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .sec { fill:#a3a3a3 } .cute-rs-preview .t { fill:#e6e6e6 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .dash { stroke:#55555c } .cute-rs-preview .hair { stroke:#3a3a40 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } .cute-rs-preview .k-gray { fill:#323236; stroke:#77777d } .cute-rs-preview .tx-gray { fill:#e6e6e6 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .r { text-anchor:end } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11.5px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .k-gray { fill:#e8e6e0; stroke:#a9a69f } .cute-rs-preview .tx-gray { fill:#2b2b2b } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .hair { stroke:#d4d1c9 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .sec { fill:#b8beca } .cute-rs-preview .t { fill:#eceef2 } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .dash { stroke:#606675 } .cute-rs-preview .hair { stroke:#917a58 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } .cute-rs-preview .k-gray { fill:#414654; stroke:#7c8496 } .cute-rs-preview .tx-gray { fill:#f2f4f7 } }</style>
 <defs><marker id="arrow-stack" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="672" rx="10"/>
 <text class="title l" x="36" y="34">The cute-rs-preview stack: cute-rs over ctm-rs, lowered through dialect-cute to CUTLASS MLIR</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-vs-cutedsl.svg b/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-vs-cutedsl.svg
index 2bd74eaacb..4dfa5bbca6 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-vs-cutedsl.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/cute-rs-vs-cutedsl.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="560" viewBox="0 0 1040 560" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>Python CuTeDSL versus Rust cute-rs: runtime tracing of MLIR wrappers versus ahead-of-time type translation</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .r { text-anchor:end } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .hair { stroke:#d4d1c9 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .t { fill:#e6e6e6 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .hair { stroke:#3a3a40 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .r { text-anchor:end } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .hair { stroke:#d4d1c9 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .t { fill:#eceef2 } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .hair { stroke:#5c6375 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-cmp" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="560" rx="10"/>
 <text class="title l" x="36" y="34">Python CuTeDSL vs. Rust cute-rs: runtime tracing vs. type translation</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/host-device-tma-type-agreement.svg b/cuda-oxide/cuda-oxide-book/cute/images/host-device-tma-type-agreement.svg
index f9632c59e0..055b98e307 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/host-device-tma-type-agreement.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/host-device-tma-type-agreement.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="430" viewBox="0 0 1040 430" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>Host and device TMA agreement through a shared Rust layout type</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .t { fill:#e6e6e6 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .t { fill:#eceef2 } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-tma" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="430" rx="10"/>
 <text class="title l" x="36" y="34">One Rust layout type binds host TMA encoding to device TMA &amp; MMA</text>
@@ -30,7 +30,7 @@
 
 <!-- Arrow from Host to Device #[grid_constant] -->
 <line class="arr" x1="488" y1="255" x2="546" y2="255" marker-end="url(#arrow-tma)"/>
-<text class="tm" x="517" y="240" fill="#5c5c5c">128B</text>
+<text class="tm ts" x="517" y="240">128B</text>
 
 <!-- Right: Device Kernel -->
 <rect class="k-teal" x="552" y="198" width="452" height="196" rx="8" stroke-width="0.9"/>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/rust-types-to-cute-ir.svg b/cuda-oxide/cuda-oxide-book/cute/images/rust-types-to-cute-ir.svg
index 9dc8e41e7a..1d3e9faaff 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/rust-types-to-cute-ir.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/rust-types-to-cute-ir.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="520" viewBox="0 0 1040 520" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>How Rust types and runtime values combine into verified dialect-cute operations</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .t { fill:#e6e6e6 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .t { fill:#eceef2 } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-xray" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="520" rx="10"/>
 <text class="title l" x="36" y="34">From Rust types and kernel arguments to verified CuTe IR</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/sm100-two-cta-gemm.svg b/cuda-oxide/cuda-oxide-book/cute/images/sm100-two-cta-gemm.svg
index 7f0ec6ffec..87eb948deb 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/sm100-two-cta-gemm.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/sm100-two-cta-gemm.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="460" viewBox="0 0 1040 460" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>SM100 two-CTA GEMM combining cute-rs and ctm-rs</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .sec { fill:#a3a3a3 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .dash { stroke:#55555c } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .sec { fill:#b8beca } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .dash { stroke:#606675 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-sm100" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="460" rx="10"/>
 <text class="title l" x="36" y="34">Combining cute-rs and ctm-rs in one kernel (fp16_gemm_256x352_cute, SM100a)</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/support-additions.svg b/cuda-oxide/cuda-oxide-book/cute/images/support-additions.svg
index 8d18f992fe..4f8672fa3c 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/support-additions.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/support-additions.svg
@@ -8,8 +8,8 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
  } }
 </style>
 <rect x="0" y="0" width="1240" height="680" style="fill: var(--bg)"/>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/support-matrix.svg b/cuda-oxide/cuda-oxide-book/cute/images/support-matrix.svg
index 675c90a538..673adccf40 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/support-matrix.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/support-matrix.svg
@@ -8,8 +8,8 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
  } }
 </style>
 <rect x="0" y="0" width="1240" height="836" style="fill: var(--bg)"/>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/support-targets.svg b/cuda-oxide/cuda-oxide-book/cute/images/support-targets.svg
index 73776baff6..497921b17e 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/support-targets.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/support-targets.svg
@@ -8,8 +8,8 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
  } }
 </style>
 <rect x="0" y="0" width="1240" height="458" style="fill: var(--bg)"/>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/three-tiers-comparison.svg b/cuda-oxide/cuda-oxide-book/cute/images/three-tiers-comparison.svg
index 3ee6514f19..769e7b0ecb 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/three-tiers-comparison.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/three-tiers-comparison.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="440" viewBox="0 0 1040 440" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>Three kernel authoring tiers in cuda-oxide: cute-rs, ctm-rs, and cuda-device</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .hair { stroke:#d4d1c9 } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .sec { fill:#a3a3a3 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .hair { stroke:#3a3a40 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .hair { stroke:#d4d1c9 } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .sec { fill:#b8beca } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .hair { stroke:#5c6375 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <rect class="bg" width="1040" height="440" rx="10"/>
 <text class="title l" x="36" y="34">Choosing the right layer in cuda-oxide</text>
 <text class="ts l" x="36" y="56">Use cute-rs for tensor layouts, copies, and MMA; drop down to ctm-rs or cuda-device only when you need explicit hardware control.</text>
diff --git a/cuda-oxide/cuda-oxide-book/cute/images/zipped-divide-and-slice.svg b/cuda-oxide/cuda-oxide-book/cute/images/zipped-divide-and-slice.svg
index c1d0e31a60..080b0333b0 100644
--- a/cuda-oxide/cuda-oxide-book/cute/images/zipped-divide-and-slice.svg
+++ b/cuda-oxide/cuda-oxide-book/cute/images/zipped-divide-and-slice.svg
@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <svg class="cute-rs-preview" xmlns="http://www.w3.org/2000/svg" width="1040" height="450" viewBox="0 0 1040 450" role="img" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif">
 <title>1D tensor tiling with zipped_divide and per-thread slicing</title>
-<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#161618 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f2f2f2 } .cute-rs-preview .sec { fill:#a3a3a3 } .cute-rs-preview .t { fill:#e6e6e6 } .cute-rs-preview .ts { fill:#b8b8b8 } .cute-rs-preview .k-box { fill:#242428; stroke:#4a4a50 } .cute-rs-preview .tx-box { fill:#f2f2f2 } .cute-rs-preview .dash { stroke:#55555c } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#a3a3a3 } .cute-rs-preview .k-purple { fill:#3a3490; stroke:#9a93ea } .cute-rs-preview .tx-purple { fill:#e9e7fb } .cute-rs-preview .k-teal { fill:#1f5c47; stroke:#5fc6a0 } .cute-rs-preview .tx-teal { fill:#dff3ec } .cute-rs-preview .k-amber { fill:#6b4100; stroke:#f3b65a } .cute-rs-preview .tx-amber { fill:#fdeed3 } }</style>
+<style>.cute-rs-preview text { dominant-baseline:central; text-anchor:middle } .cute-rs-preview .l { text-anchor:start } .cute-rs-preview .bg { fill:#faf9f5 } .cute-rs-preview .title { font-size:17px; font-weight:700; fill:#1e1e1e } .cute-rs-preview .sec { font-size:11px; font-weight:700; letter-spacing:0.05em; fill:#5c5c5c } .cute-rs-preview .th { font-size:14px; font-weight:600; fill:#1e1e1e } .cute-rs-preview .t { font-size:13px; fill:#2b2b2b } .cute-rs-preview .ts { font-size:12.5px; fill:#5c5c5c } .cute-rs-preview .tm { font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size:12px; font-weight:500 } .cute-rs-preview .k-box { fill:#f1efe9; stroke:#c8c5be } .cute-rs-preview .tx-box { fill:#1e1e1e } .cute-rs-preview .k-purple { fill:#ebe9fb; stroke:#7f77dd } .cute-rs-preview .tx-purple { fill:#3a3490 } .cute-rs-preview .k-teal { fill:#dff3ec; stroke:#3aa47f } .cute-rs-preview .tx-teal { fill:#1f5c47 } .cute-rs-preview .k-amber { fill:#fdeed3; stroke:#ef9f27 } .cute-rs-preview .tx-amber { fill:#6b4100 } .cute-rs-preview .dash { fill:none; stroke:#b8b4ac; stroke-dasharray:5 4 } .cute-rs-preview .arr { fill:none; stroke:#7b7b7b; stroke-width:1.5 } .cute-rs-preview .arrhead { fill:none; stroke:#7b7b7b; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round } @media (prefers-color-scheme: dark) { .cute-rs-preview .bg { fill:#1b1d23 } .cute-rs-preview .title, .cute-rs-preview .th { fill:#f5f6f8 } .cute-rs-preview .sec { fill:#b8beca } .cute-rs-preview .t { fill:#eceef2 } .cute-rs-preview .ts { fill:#cfd4de } .cute-rs-preview .k-box { fill:#2e323c; stroke:#5c6375 } .cute-rs-preview .tx-box { fill:#f5f6f8 } .cute-rs-preview .dash { stroke:#606675 } .cute-rs-preview .arr, .cute-rs-preview .arrhead { stroke:#b6bcc8 } .cute-rs-preview .k-purple { fill:#524e7d; stroke:#bab5f4 } .cute-rs-preview .tx-purple { fill:#f6f5ff } .cute-rs-preview .k-teal { fill:#346357; stroke:#7ed8bb } .cute-rs-preview .tx-teal { fill:#f0fdf8 } .cute-rs-preview .k-amber { fill:#735a3c; stroke:#f4c474 } .cute-rs-preview .tx-amber { fill:#fff8eb } }</style>
 <defs><marker id="arrow-zd" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path class="arrhead" d="M2 1L8 5L2 9"/></marker></defs>
 <rect class="bg" width="1040" height="450" rx="10"/>
 <text class="title l" x="36" y="34">How zipped_divide::&lt;4&gt;() and .slice(tid) partition a 1D tensor</text>
@@ -14,7 +14,7 @@
 <text class="ts tx-box l" x="56" y="122">Flat index: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, ... , 996, 997, 998, 999, 1000, 1001, 1002 ]</text>
 
 <line class="arr" x1="520" y1="140" x2="520" y2="174" marker-end="url(#arrow-zd)"/>
-<text class="tm l" x="534" y="158" fill="#5c5c5c">.zipped_divide::&lt;4&gt;() → .slice(tid)</text>
+<text class="tm ts l" x="534" y="158">.zipped_divide::&lt;4&gt;() → .slice(tid)</text>
 
 <!-- Step 2: Divided tiles -->
 <rect class="k-teal" x="36" y="180" width="212" height="84" rx="8" stroke-width="0.9"/>
diff --git a/cuda-oxide/cuda-oxide-book/getting-started/images/backend-install-by-rename.svg b/cuda-oxide/cuda-oxide-book/getting-started/images/backend-install-by-rename.svg
index 22f5473993..27a7d1e396 100644
--- a/cuda-oxide/cuda-oxide-book/getting-started/images/backend-install-by-rename.svg
+++ b/cuda-oxide/cuda-oxide-book/getting-started/images/backend-install-by-rename.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/gpu-programming/images/diverging-call-lowering.svg b/cuda-oxide/cuda-oxide-book/gpu-programming/images/diverging-call-lowering.svg
index 9da0b71355..9a0932eb90 100644
--- a/cuda-oxide/cuda-oxide-book/gpu-programming/images/diverging-call-lowering.svg
+++ b/cuda-oxide/cuda-oxide-book/gpu-programming/images/diverging-call-lowering.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>
diff --git a/cuda-oxide/cuda-oxide-book/gpu-programming/images/inline-intent-mapping.svg b/cuda-oxide/cuda-oxide-book/gpu-programming/images/inline-intent-mapping.svg
index ecbfc22b84..cd048c5329 100644
--- a/cuda-oxide/cuda-oxide-book/gpu-programming/images/inline-intent-mapping.svg
+++ b/cuda-oxide/cuda-oxide-book/gpu-programming/images/inline-intent-mapping.svg
@@ -8,9 +8,9 @@
   --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }
   @media (prefers-color-scheme: dark) { :root, svg {
-  --bg: #0f151b; --fg: #e4ebf2; --muted: #9fb0c0; --line: #4d5b6a; --panel: #171f28;
-  --meta: #5fe3d2; --meta-fill: #0f3a37; --code: #f6b544; --code-fill: #3b2a0c;
-  --rust: #c9a0f0; --rust-fill: #2b1b3f;
+  --bg: #1b1d23; --fg: #f2f4f7; --muted: #bcc4d0; --line: #5c6475; --panel: #282c36;
+  --meta: #7ed8bb; --meta-fill: #346357; --code: #f4c474; --code-fill: #735a3c;
+  --rust: #d8d4fb; --rust-fill: #524e7d;
  } }
 </style>
 <defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" style="fill: var(--fg)"/></marker></defs>