Ensure original terminal theme is respected inside iframe embeds

asciinema · May 9, 2024 · 41328c4 · 41328c4
1 parent 7215ca6
commit 41328c4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/lib/asciinema_web/controllers/recording/head_for_show.html.heex b/lib/asciinema_web/controllers/recording/head_for_show.html.heex
@@ -31,15 +31,4 @@
   <meta name="referrer" content="origin" />
 <% end %>
 
-<style :for={theme <- original_theme(@asciicast)}>
-  /* Keep the poster theme consistent with the playback theme */
-
-  div.ap-player {
-    --term-color-foreground: <%= theme.fg %>;
-    --term-color-background: <%= theme.bg %>;
-
-    <%= for {c, i} <- theme.palette do %>
-    --term-color-<%= i %>: <%= c %>;
-    <% end %>
-  }
-</style>
+<.original_theme_style asciicast={@asciicast} />
diff --git a/lib/asciinema_web/controllers/recording/iframe.html.heex b/lib/asciinema_web/controllers/recording/iframe.html.heex
@@ -1,3 +1,5 @@
+<.original_theme_style asciicast={@asciicast} />
+
 <div id="player" style="width: 100%"></div>
 
 <p class="powered">

diff --git a/lib/asciinema_web/controllers/recording/original_theme_style.html.heex b/lib/asciinema_web/controllers/recording/original_theme_style.html.heex
@@ -0,0 +1,12 @@
+<style :for={theme <- original_theme(@asciicast)}>
+  /* Keep the poster theme consistent with the playback theme */
+
+  div.ap-player {
+    --term-color-foreground: <%= theme.fg %>;
+    --term-color-background: <%= theme.bg %>;
+
+    <%= for {c, i} <- theme.palette do %>
+    --term-color-<%= i %>: <%= c %>;
+    <% end %>
+  }
+</style>