diff --git a/app/views/cards/stagings/create.turbo_stream.erb b/app/views/cards/stagings/create.turbo_stream.erb
index 7b2668a2d..ca33c37bb 100644
--- a/app/views/cards/stagings/create.turbo_stream.erb
+++ b/app/views/cards/stagings/create.turbo_stream.erb
@@ -2,5 +2,5 @@
<%= render partial: "cards/stagings/stages", locals: { card: @card } %>
<% end %>
-
-
+<%= turbo_stream.set_css_variable dom_id(@card, :card_container), name: "--card-color", value: @card.color %>
+<%= turbo_stream.set_css_variable dom_id(@card, :ticket), name: "--card-color", value: @card.color %>
diff --git a/lib/rails_ext/turbo_streams_action_helper.rb b/lib/rails_ext/turbo_streams_action_helper.rb
new file mode 100644
index 000000000..001c9706e
--- /dev/null
+++ b/lib/rails_ext/turbo_streams_action_helper.rb
@@ -0,0 +1,7 @@
+module TurboStreamsActionsHelper
+ def set_css_variable(target, name:, value:)
+ tag.turbo_stream target: target, action: "set_css_variable", name:, value:
+ end
+end
+
+Turbo::Streams::TagBuilder.prepend(TurboStreamsActionsHelper)