From c53699ac996517a7310c03d8a2f4d4196522fb10 Mon Sep 17 00:00:00 2001
From: Mark <mark@does.work>
Date: Fri, 3 May 2024 09:31:43 -0400
Subject: [PATCH] Code example buttons are dark mode

---
 .../app/components/playbook/pb_docs/kit_example.html.erb    | 6 +++---
 playbook/app/pb_kits/playbook/pb_docs/kit_example.html.erb  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/playbook-website/app/components/playbook/pb_docs/kit_example.html.erb b/playbook-website/app/components/playbook/pb_docs/kit_example.html.erb
index edca0235ff..0a3265f249 100644
--- a/playbook-website/app/components/playbook/pb_docs/kit_example.html.erb
+++ b/playbook-website/app/components/playbook/pb_docs/kit_example.html.erb
@@ -23,11 +23,11 @@
         <ul>
           <% hide_button = type == "rails" ? 'flex' : 'none' %>
             <li>
-            <%= pb_rails("button", props: { id:"copy-html-#{example_key}", icon: "copy", text: "Copy HTML", variant: "link", size: "sm", display: hide_button }) %>
+            <%= pb_rails("button", props: { id:"copy-html-#{example_key}", icon: "copy", text: "Copy HTML", classname: dark ? "dark" : "", variant: "link", size: "sm", display: hide_button }) %>
             </li>
           <li>
-            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-opened", text: "Close Code", variant: "link", size: "sm", display: "none" }) %>
-            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-closed", text: "Show Code", variant: "link", size: "sm" }) %>
+            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-opened", classname: dark ? "dark" : "", text: "Close Code", variant: "link", size: "sm", display: "none" }) %>
+            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-closed", classname: dark ? "dark" : "", text: "Show Code", variant: "link", size: "sm" }) %>
           </li>
         </ul>
       </div>
diff --git a/playbook/app/pb_kits/playbook/pb_docs/kit_example.html.erb b/playbook/app/pb_kits/playbook/pb_docs/kit_example.html.erb
index edca0235ff..0114476eac 100644
--- a/playbook/app/pb_kits/playbook/pb_docs/kit_example.html.erb
+++ b/playbook/app/pb_kits/playbook/pb_docs/kit_example.html.erb
@@ -23,11 +23,11 @@
         <ul>
           <% hide_button = type == "rails" ? 'flex' : 'none' %>
             <li>
-            <%= pb_rails("button", props: { id:"copy-html-#{example_key}", icon: "copy", text: "Copy HTML", variant: "link", size: "sm", display: hide_button }) %>
+            <%= pb_rails("button", props: { id:"copy-html-#{example_key}", icon: "copy", text: "Copy HTML", classname: dark ? "dark" : "", variant: "link", size: "sm", display: hide_button }) %>
             </li>
           <li>
-            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-opened", text: "Close Code", variant: "link", size: "sm", display: "none" }) %>
-            <%= pb_rails("button", props: { icon: "code", id:"toggle-open-closed", text: "Show Code", variant: "link", size: "sm" }) %>
+            <%= pb_rails("button", props: { icon: "code", classname: dark ? "dark" : "", id:"toggle-open-opened", text: "Close Code", variant: "link", size: "sm", display: "none" }) %>
+            <%= pb_rails("button", props: { icon: "code", classname: dark ? "dark" : "", id:"toggle-open-closed", text: "Show Code", variant: "link", size: "sm" }) %>
           </li>
         </ul>
       </div>