diff --git a/aider/website/examples/recording.md b/aider/website/examples/recording.md
index 233b0b010..fa697db42 100644
--- a/aider/website/examples/recording.md
+++ b/aider/website/examples/recording.md
@@ -8,6 +8,31 @@ layout: minimal
 
 <link rel="stylesheet" type="text/css" href="/assets/asciinema/asciinema-player.css" />
 
+.asciinema-player-theme-aider {
+  /* Foreground (default text) color */
+  --term-color-foreground: #f8f8f2;
+
+  /* Background color */
+  --term-color-background: #282a36;
+
+  /* Palette of 16 standard ANSI colors */
+  --term-color-0: #21222c;
+  --term-color-1: #ff5555;
+  --term-color-2: #50fa7b;
+  --term-color-3: #f1fa8c;
+  --term-color-4: #bd93f9;
+  --term-color-5: #ff79c6;
+  --term-color-6: #8be9fd;
+  --term-color-7: #f8f8f2;
+  --term-color-8: #6272a4;
+  --term-color-9: #ff6e6e;
+  --term-color-10: #69ff94;
+  --term-color-11: #ffffa5;
+  --term-color-12: #d6acff;
+  --term-color-13: #ff92df;
+  --term-color-14: #a4ffff;
+  --term-color-15: #ffffff;
+}
 
 <div id="demo" style="max-height: 80vh; overflow: hidden;"></div>
 <script src="/assets/asciinema/asciinema-player.min.js"></script>
@@ -20,6 +45,7 @@ AsciinemaPlayer.create(
      {
          speed: 1.25,
          idleTimeLimit: 1,
+         theme : "auto/solarized-light",
      }
  );
 </script>