Filament•8mo ago

Custom page color

I have created a livewire page that extends the SimplePage. I have copied the setup from RegisterPage and LoginPage, but my question is how can I set the primary color? You can see the "blue" primary color on the login page, but the simple page I have created to accept a user invite is yellow (the default color I guess). Is there a way I can get the blue primary color I have defined in the provider?

 ->colors([
    'primary' => "#39afd1",
])

 ->colors([
    'primary' => "#39afd1",
])

The component is attached And this is the view

<x-filament-panels::page.simple>

    <x-filament-panels::form wire:submit="create">
        {{ $this->form }}

        <x-filament-panels::form.actions
            :actions="$this->getCachedFormActions()"
            :full-width="true">
        </x-filament-panels::form.actions>
    </x-filament-panels::form>

</x-filament-panels::page.simple>

<x-filament-panels::page.simple>

    <x-filament-panels::form wire:submit="create">
        {{ $this->form }}

        <x-filament-panels::form.actions
            :actions="$this->getCachedFormActions()"
            :full-width="true">
        </x-filament-panels::form.actions>
    </x-filament-panels::form>

</x-filament-panels::page.simple>

Do I need to define in the component which panel this should be connected to? Because what if I have multiple panels and create a custom component to each of them, how can I "inherit" the panel style? Any help is appreciated 🙂 Thanks

AcceptInvitation.php

Solution:

add in the appserviceprovider ```php use Filament\Support\Colors\Color; use Filament\Support\Facades\FilamentColor; FilamentColor::register(['primary' => '#39afd1']);...

Jump to solution

3 Replies

Solution

LeandroFerreira•8mo ago

add in the appserviceprovider

use Filament\Support\Colors\Color;
use Filament\Support\Facades\FilamentColor;
FilamentColor::register(['primary' => '#39afd1']);

use Filament\Support\Colors\Color;
use Filament\Support\Facades\FilamentColor;
FilamentColor::register(['primary' => '#39afd1']);

Joachim StrandOP•8mo ago

That did it 🙂 Thank you! Do you also know if we can get the loading animation on the submit when submitting the form?

LeandroFerreira•8mo ago

It should work if you are using the submit method. You can force it using ->livewireTarget('register')

Gaming

Programming

Custom page color