Fix turnstile placeholder darkmode toggle

OpenShock · Oct 29, 2024 · 360d042 · 360d042
1 parent 5568641
commit 360d042
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/lib/components/Turnstile.svelte b/src/lib/components/Turnstile.svelte
@@ -98,8 +98,12 @@
   }
   #placeholder {
     @apply flex h-full select-none items-center justify-center gap-3 p-3;
-    @apply bg-[#fafafa] dark:bg-[#222];
-    @apply border border-[#e0e0e0] dark:border-[#666];
+    @apply bg-[#fafafa];
+    @apply border border-[#e0e0e0];
+  }
+  :global(.dark) #placeholder {
+    @apply bg-[#222];
+    @apply border-[#666];
   }
   #logo {
     @apply mb-auto ml-auto h-7 w-auto;

diff --git a/src/lib/components/svg/CloudflareLogo.svelte b/src/lib/components/svg/CloudflareLogo.svelte
@@ -58,7 +58,7 @@
   #char {
     fill: #000;
   }
-  :is(.dark #char) {
+  :global(.dark) #char {
     fill: #fff;
   }
 </style>