From 943fba32c32f8b1159042656b495f893ddbfbd9f Mon Sep 17 00:00:00 2001
From: duskflower <bummtschack@mail.de>
Date: Fri, 24 Jan 2025 18:51:48 +0100
Subject: [PATCH 1/2] fix: readability in dark mode privacy policy

---
 src/pages/privacy.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
index 97564c6..0dd80e1 100644
--- a/src/pages/privacy.tsx
+++ b/src/pages/privacy.tsx
@@ -80,7 +80,7 @@ export const Privacy: Component<RouteSectionProps> = () => {
         I run this website as an individual. If you have any questions or complaints regarding my privacy and data
         practices, you can reach out to the data controller:
       </p>
-      <p class="bg-info p-4">
+      <p class="bg-info p-4 text-info-foreground">
         duskflower
         <br />
         privacy(at)duskflower.dev

From 9e09e144b5389aea77aff66b44c4100767c337f9 Mon Sep 17 00:00:00 2001
From: duskflower <bummtschack@mail.de>
Date: Fri, 24 Jan 2025 18:52:01 +0100
Subject: [PATCH 2/2] feat: add show passphrase button

---
 src/pages/home.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 4d79e75..834f07b 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -1,6 +1,7 @@
 import { createDropzone, createFileUploader } from "@solid-primitives/upload";
 import { Title } from "@solidjs/meta";
 import { type RouteSectionProps, useNavigate } from "@solidjs/router";
+import { Eye, EyeClosed } from "lucide-solid";
 import { type Component, type JSX, Show, createSignal } from "solid-js";
 import { Portal } from "solid-js/web";
 import { Button } from "~/components/ui/button";
@@ -66,6 +67,8 @@ export const Home: Component<RouteSectionProps> = () => {
     }
   };
 
+  const [showPassphrase, setShowPassphrase] = createSignal(false);
+
   return (
     <>
       <Portal>
@@ -113,10 +116,17 @@ export const Home: Component<RouteSectionProps> = () => {
       </Portal>
       <Title>Signal stats</Title>
       <form class="mx-auto flex w-full flex-col gap-y-8 p-8 md:w-fit" onSubmit={onSubmit}>
-        <TextField onChange={(value) => setPassphrase(value)}>
-          <TextFieldLabel>Passphrase</TextFieldLabel>
-          <TextFieldInput type="password" class="w-full md:w-sm" />
-        </TextField>
+        <Flex flexDirection="row" class="w-full gap-x-2 md:w-sm" alignItems="end">
+          <TextField onChange={(value) => setPassphrase(value)} class="grow">
+            <TextFieldLabel>Passphrase</TextFieldLabel>
+            <TextFieldInput type={showPassphrase() ? "text" : "password"} />
+          </TextField>
+          <Button variant="ghost" onClick={() => setShowPassphrase((oldValue) => !oldValue)}>
+            <Show when={showPassphrase()} fallback={<EyeClosed />}>
+              <Eye />
+            </Show>
+          </Button>
+        </Flex>
         <Flex
           ref={dropzone.setRef}
           justifyContent="center"