Add transparency for key input background

README.deployment.md

@@ -8,4 +8,7 @@ yarn run vite build --base /latest --sourcemap true --minify terser && \
     dist s3://jsdos/latest --delete 
 ```
 
-Clear the CDN cache (v8.js-dos.com) in dashboard.
+Clear the CDN cache (v8.js-dos.com) in dashboard, pattern:
+```
+/latest,/latest/*
+```

index.html

@@ -51,6 +51,7 @@
           // loginUrl: "http://localhost:8080/subscription.html",
           // autoStart: true,
           // kiosk: true,
+          // background: "https://dos.zone/images/http/original/2X/f/f833b147609640191342f555d70eb07261f53c03.png/0a94af564ab81a14a27d6a67671e5416.webp",
           pathPrefix: "/emulators/",
           server: params.get("server"),
           room: params.get("room"),

src/window/prerun-window.tsx

@@ -119,7 +119,7 @@ function SecretKey() {
                 {warnMark}
                 <input maxLength={5} value={token} onChange={(e) => setToken(e.currentTarget.value)}
                     placeholder="-----"
-                    class={"input input-xs input-bordered mt-4 mb-4 text-center w-20" +
+                    class={"input input-xs input-bordered mt-4 mb-4 text-center w-20 bg-blend-multiply bg-opacity-40" +
                         (warnOnKey ? " input-warning animate-pulse" : "")}></input>
             </div>}
     </div>;

tailwind.config.cjs

@@ -15,6 +15,10 @@ module.exports = {
         "text-success-content",
         "text-error-content",
         "text-warning-content",
+        "input-bordered",
+        "input-xs",
+        "bg-blend-multiply",
+        "bg-opacity-40",
     ],
     daisyui: {
         themes: [