From 15375b9799ad15bfeefbf3bcac3cba133bde7152 Mon Sep 17 00:00:00 2001
From: Chris Zetter <253059100+zetter-rpf@users.noreply.github.com>
Date: Fri, 25 Sep 2026 12:14:11 +0100
Subject: [PATCH 1/2] Add missing mapping for list blocks

This meant the blocks had a dark grey background instead of the lovely peachy-coral.
---
 src/assets/stylesheets/_scratch_colours.scss                     | 1 +
 .../InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/assets/stylesheets/_scratch_colours.scss b/src/assets/stylesheets/_scratch_colours.scss
index e3cde868e..f4c77f437 100644
--- a/src/assets/stylesheets/_scratch_colours.scss
+++ b/src/assets/stylesheets/_scratch_colours.scss
@@ -7,6 +7,7 @@ $scratch-block-categories: (
   "control": "control",
   "events": "events",
   "extensions": "pen",
+  "lists": "data-lists",
   "looks": "looks",
   "motion": "motion",
   "myblocks": "more",
diff --git a/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx b/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
index 5d8685bdd..9c5ab7b2c 100644
--- a/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
+++ b/src/components/Menus/Sidebar/InstructionsPanel/InstructionsStep/InstructionsStep.test.jsx
@@ -85,6 +85,7 @@ describe("When markdown attaches a class to inline code", () => {
     "block3control",
     "block3events",
     "block3extensions",
+    "block3lists",
     "block3looks",
     "block3motion",
     "block3myblocks",

From 16d045b4616b58d4a35ca4cf6499403c0e54dab6 Mon Sep 17 00:00:00 2001
From: Chris Zetter <253059100+zetter-rpf@users.noreply.github.com>
Date: Fri, 25 Sep 2026 12:21:20 +0100
Subject: [PATCH 2/2] Set a default background for blocks in instructions

Previously if the block type wasn't defined correctly or you had made a typo the block would be hard to read as it would use a dark text on a dark background. Give a default background that is readable.
---
 src/assets/stylesheets/Instructions.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss
index 5f529141d..32c680570 100644
--- a/src/assets/stylesheets/Instructions.scss
+++ b/src/assets/stylesheets/Instructions.scss
@@ -11,16 +11,17 @@
     block-size: 100%;
   }
 
+  code[class*="block3"] {
+    color: var(--rpf-black);
+    background-color: var(--rpf-grey-150);
+  }
+
   @each $block, $category in $scratch-block-categories {
     code.block3#{$block} {
       background-color: var(--scratch-#{$category}-primary);
     }
   }
 
-  code[class*="block3"] {
-    color: var(--rpf-black);
-  }
-
   &__content {
     padding-block-end: var(--project-instructions-padding, var(--space-2));
   }