Dark mode fixes

plausible · Aug 16, 2024 · 84f9577 · 84f9577
1 parent e557d33
commit 84f9577
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/lib/plausible_web/components/generic.ex b/lib/plausible_web/components/generic.ex
@@ -379,7 +379,7 @@ defmodule PlausibleWeb.Components.Generic do
   def focus_box(assigns) do
     ~H"""
     <div class={[
-      "bg-white w-full max-w-lg mx-auto dark:bg-gray-800",
+      "bg-white w-full max-w-lg mx-auto dark:bg-gray-800 text-black dark:text-gray-100",
       @outer_markup && "shadow-md  rounded mb-4 mt-8"
     ]}>
       <div class={[@outer_markup && "p-8"]}>
@@ -399,7 +399,10 @@ defmodule PlausibleWeb.Components.Generic do
           <%= render_slot(@inner_block) %>
         </div>
       </div>
-      <div :if={@footer != []} class="flex flex-col dark:text-gray-200 border-t border-gray-300 ">
+      <div
+        :if={@footer != []}
+        class="flex flex-col dark:text-gray-200 border-t border-gray-300 dark:border-gray-700"
+      >
         <div class={[@outer_markup && "p-8"]}>
           <%= render_slot(@footer) %>
         </div>

diff --git a/lib/plausible_web/templates/site/snippet.html.heex b/lib/plausible_web/templates/site/snippet.html.heex
@@ -45,7 +45,7 @@
         <%= textarea(f, :domain,
           id: "snippet_code",
           class:
-            "transition overflow-hidden bg-gray-100 dark:bg-gray-900 appearance-none border border-transparent rounded w-full p-2 pr-6 text-gray-700 dark:text-gray-300 leading-normal appearance-none focus:outline-none focus:bg-white dark:focus:bg-gray-800 focus:border-gray-400 dark:focus:border-gray-500 font-mono mt-4 resize-none",
+            "transition overflow-hidden bg-gray-100 dark:bg-gray-900 appearance-none border border-transparent rounded w-full p-2 pr-6 text-gray-700 dark:text-gray-300 leading-normal appearance-none focus:outline-none focus:bg-white dark:focus:bg-gray-800 focus:border-gray-400 dark:focus:border-gray-500 font-mono mt-4 resize-none text-xs",
           value: render_snippet(@site),
           rows: 3,
           readonly: "readonly"