Laravel Nova 4 change login layout

I am also having difficulty figuring out how to best override/change Vue components that come with Nova 4

Found a solution for this ?

Found any solution?

Now can't create a new theme in nova, it looks like it's been deleted

php artisan nova:theme example/miami-ice

Command "nova:theme" is not defined.

and this code is not working:

use Illuminate\Support\Facades\Event;
use Illuminate\Support\ServiceProvider;
use Laravel\Nova\Events\NovaServiceProviderRegistered;
use Laravel\Nova\Nova;

class ThemeServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        // Nova::serving(function (ServingNova $event) {
        Event::listen(NovaServiceProviderRegistered::class, function ($event) {
            Nova::theme(asset('/vendor/theme/theme.css'));
        });
...

@jacktoncatrina , Even though Nova 4 has no blades to publish in the resource/views/vendor, you can still do it manually, you need to create resource/views/vendor/nova/auth/login.blade.php and if you want to extend the nova layouts you can. this worked for me. but when you update nova, make sure you have these files updated as well.

Here is my solution

I need to use the username column to log in, so I override the controller and view.

# app/Http/Controllers/NovaLoginController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Contracts\View\View;

class NovaLoginController extends \Laravel\Nova\Http\Controllers\LoginController
{
    public function showLoginForm(): View
    {
        return view('nova.login');
    }

    public function username()
    {
        return 'username';
    }
}

# app/Providers/NovaServiceProvider.php

use Illuminate\Routing\Router;
use Illuminate\Support\Facades\Route;
// ...


protected function routes()
{
        Nova::routes()
                ->withAuthenticationRoutes()
                ->withPasswordResetRoutes()
                ->register();

        Route::namespace('Laravel\Nova\Http\Controllers')
            ->domain(config('nova.domain', null))
            ->middleware(['nova'])
            ->prefix(Nova::path())
            ->group(function (Router $router) {
                $router->get('/login', [\App\Http\Controllers\NovaLoginController::class, 'showLoginForm'])->name('nova.pages.login');
                $router->post('/login', [\App\Http\Controllers\NovaLoginController::class, 'login'])->name('nova.login');
            });
}

# resources/views/nova/login.blade.php

<form class="space-y-6" action="{{ route('nova.login') }}" method="POST">
    @csrf

    @if ($errors->any())
    <p class="text-center font-semibold text-red-500 my-3">
        @if ($errors->has('username'))
        {{ $errors->first('username') }}
        @else
        {{ $errors->first('password') }}
        @endif
    </p>
    @endif

    <div>
        <label for="username">Username</label>
        <div>
            <input id="username" name="username" type="text" autocomplete="username" required value="{{ old('username') }}">
        </div>
    </div>

    <div>
        <label for="password">Password</label>
        <div>
            <input id="password" name="password" type="password" autocomplete="current-password" required>
        </div>
    </div>

    <div>
        <div>
            <input id="remember" name="remember" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
            <label for="remember">Remember me</label>
        </div>
    </div>

    <div>
        <button type="submit">Sign in</button>
    </div>
</form>