jetstream 的livewire,创建了个Demo组件用的套件的gust布局,但是暗色显示错误!求助!

1. jetstream 的livewire套件
2. 我的电脑系统默认的是暗色,登录注册都显示暗色
3. make:livewire 创建了组件,然后背景白色,字体也是白色,怎么办

<?php

namespace App\Livewire;

use Livewire\Attributes\Layout;
use Livewire\Component;

#[Layout('layouts.guest')]
class Todos extends Component
{

    public $todo = '';

    public $todos = [
        'first',
        'second',
    ];

    public function add(): void
    {
        $this->todos[] = $this->todo;
    }


}

<div wire:submit="add">
    <ul class="text-red">
        @foreach ($todos as $item)
            <li>{{ $item }}</li>
        @endforeach
    </ul>

    <input wire:model="todo">
</div>

Route::get('todo',\App\Livewire\Todos::class);

我不会了,登录注册都是黑的,为啥这里就全白!

而且文档说回车会加一行,但是我操作发现并没有?