daniel-gitea/cgr-next-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust user form text colors for light theme

Browse Source
This commit is contained in:
Daniel Schulteis
2026-02-12 17:17:56 +01:00
parent 19a9014f61
commit ac4cdd2f45
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

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

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