wip: changed default input bg color

tabarra · Dec 27, 2023 · 41aef87 · 41aef87
1 parent af68d52
commit 41aef87
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/panel/src/components/PromptDialog.tsx b/panel/src/components/PromptDialog.tsx
@@ -58,7 +58,6 @@ export default function PromptDialog() {
                         placeholder={dialogState.placeholder}
                         autoComplete="off"
                         required={dialogState.required}
-                        className="bg-black/10 dark:bg-black/40"
                     />
                     <DialogFooter className="gap-2 flex-col">
                         <div className="flex flex-col sm:flex-row sm:justify-start gap-2 w-full flex-wrap">

diff --git a/panel/src/components/ui/input.tsx b/panel/src/components/ui/input.tsx
@@ -12,6 +12,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         type={type}
         className={cn(
           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 placeholder:opacity-50",
+          "bg-black/5 dark:bg-black/30", //TX CUSTOM
           className
         )}
         ref={ref}

diff --git a/panel/src/components/ui/select.tsx b/panel/src/components/ui/select.tsx
@@ -18,6 +18,7 @@ const SelectTrigger = React.forwardRef<
     ref={ref}
     className={cn(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "bg-black/5 dark:bg-black/30", //TX CUSTOM
       className
     )}
     {...props}

diff --git a/panel/src/components/ui/textarea.tsx b/panel/src/components/ui/textarea.tsx
@@ -11,6 +11,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       <textarea
         className={cn(
           "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          "bg-black/5 dark:bg-black/30", //TX CUSTOM
           className
         )}
         ref={ref}

diff --git a/panel/src/layout/playerModal/InfoTab.tsx b/panel/src/layout/playerModal/InfoTab.tsx
@@ -31,9 +31,9 @@ function PlayerNotesBox() {
             <span className="text-muted-foreground">Last modified by <InlineCode>tabarra</InlineCode> in October 18, 2003.</span>
         </Label>
         <Textarea
-            placeholder="Type your notes about the player."
             id="playerNotes"
-            className="w-full mt-1 bg-black/10 dark:bg-black/40"
+            placeholder="Type your notes about the player."
+            className="w-full mt-1"
         />
     </>
 }