Keep the poster theme consistent with the playback theme

asciinema · Mar 15, 2024 · ea189d2 · ea189d2
1 parent 420e7c8
commit ea189d2
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 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
@@ -30,3 +30,16 @@
   <meta name="robots" content="noindex, nofollow" />
   <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>
diff --git a/lib/asciinema_web/controllers/recording_html.ex b/lib/asciinema_web/controllers/recording_html.ex
@@ -51,6 +51,16 @@ defmodule AsciinemaWeb.RecordingHTML do
     url(~p"/oembed?#{%{url: url(~p"/a/#{asciicast}"), format: format}}")
   end
 
+  def original_theme(asciicast) do
+    case Media.original_theme(asciicast) do
+      nil ->
+        []
+
+      theme ->
+        [%{fg: theme.fg, bg: theme.bg, palette: Enum.with_index(Tuple.to_list(theme.palette))}]
+    end
+  end
+
   def duration(asciicast) do
     if d = asciicast.duration do
       d = round(d)

diff --git a/lib/media.ex b/lib/media.ex
@@ -19,6 +19,16 @@ defmodule Asciinema.Media do
     end
   end
 
+  def original_theme(medium) do
+    case theme_name(medium) do
+      nil ->
+        Themes.custom_theme(medium.theme_fg, medium.theme_bg, medium.theme_palette)
+
+      _name ->
+        nil
+    end
+  end
+
   def font_family(medium) do
     case medium.terminal_font_family || Accounts.default_font_family(medium.user) do
       "default" -> nil