Tabler & color mode

[blondie63]

I'm using theme-tabler and i've a livewire component in my dashboard
I need to set some colors according with theme color mode (dark or light)
What is the correct method to use for my blades?

Thanks for help

[karandatwani92]

Hey @blondie63

There is nothing to do for it; just continue using tabler theme classes. For example:

I created a counter livewire component and used class="btn":
Blade:

<div>
    <h1>{{ $count }}</h1>
    <button class="btn" wire:click="increment">+</button>
    <button class="btn" wire:click="decrement">-</button>
</div>

Dashboard:

{{-- resources/views/vendor/backpack/theme-tabler/dashboard.blade.php --}}
@extends(backpack_view('blank'))
@section('content')
    <livewire:counter/>
@endsection

Result(Notice counter buttons & text color):

[karandatwani92]

And if you want to customize the theme colors. Check this comment

[blondie63]

Thanks