fix: adjust user form text colors for light theme

app/[locale]/(backend)/users/components/UserForm/index.tsx

@@ -62,7 +62,7 @@ export default function UserForm() {
           name="email"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Email</FormLabel>
+              <FormLabel className="text-muted-foreground">Email</FormLabel>
               <FormControl>
                 <Input placeholder="example@mail.com" {...field} />
               </FormControl>
@@ -77,14 +77,14 @@ export default function UserForm() {
           name="role"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Role (Rollenbezeichnung)</FormLabel>
+              <FormLabel className="text-muted-foreground">Role (Rollenbezeichnung)</FormLabel>
               <Select onValueChange={field.onChange} defaultValue={field.value}>
-                <FormControl>
+                <FormControl className="text-muted-foreground">
                   <SelectTrigger>
                     <SelectValue placeholder="Select a role" />
                   </SelectTrigger>
                 </FormControl>
-                <SelectContent>
+                <SelectContent className="text-muted-foreground">
                   <SelectItem value="admin">Admin</SelectItem>
                   <SelectItem value="editor">Editor</SelectItem>
                   <SelectItem value="user">User</SelectItem>
@@ -102,7 +102,7 @@ export default function UserForm() {
           render={({ field }) => (
             <FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm">
               <div className="space-y-0.5">
-                <FormLabel>Active Status</FormLabel>
+                <FormLabel className="text-muted-foreground">Active Status</FormLabel>
               </div>
               <FormControl>
                 <Switch
@@ -120,7 +120,7 @@ export default function UserForm() {
           name="password"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Password</FormLabel>
+              <FormLabel className="text-muted-foreground">Password</FormLabel>
               <FormControl>
                 <Input type="password" placeholder="••••••••" {...field} />
               </FormControl>

app/[locale]/(backend)/users/components/UserFormWrapper.tsx

@@ -47,7 +47,7 @@ export function UserFormWrapper() {
         </DialogTrigger>
         <DialogContent className="sm:max-w-106.25 bg-card text-white border-border">
           <DialogHeader>
-            <DialogTitle>Add New User</DialogTitle>
+            <DialogTitle className="text-muted-foreground">Add New User</DialogTitle>
           </DialogHeader>
           <UserForm />
         </DialogContent>

app/[locale]/(backend)/users/page.tsx

@@ -54,7 +54,7 @@ export default function UsersPage() {
         {/* Header: Title + Button for Desktop only */}
         <div className="hidden items-center justify-between md:flex">
           <div className="space-y-1">
-            <h1 className="text-4xl font-bold tracking-tight text-white">
+            <h1 className="text-4xl font-bold tracking-tight">
               {t("title")}
             </h1>
             <p className="text-muted-foreground mt-3 hidden max-w-2xl text-lg md:block">
@@ -78,7 +78,7 @@ export default function UsersPage() {
               <Button
                 variant="ghost"
                 size="icon"
-                className="hover:bg-muted text-muted-foreground size-8 transition-colors hover:text-white md:size-10"
+                className="hover:bg-muted text-muted-foreground size-8 transition-colors md:size-10"
               >
                 <Filter className="size-4 md:size-5" />
                 <span className="sr-only">Filters</span>