<!-- component -->
<style>
  .nav-link.active {
    background-color: #2d473e; /* Contoh perubahan warna */
    color: rgb(1, 3, 1); /* Contoh perubahan warna teks */
    border-radius: 7px;
}
</style>
<nav
style="background-color:rgb(65, 130, 109); " class="relative select-none lg:flex  w-full">
    <div class="flex flex-no-shrink items-stretch h-9">
      <a class="nav-link {{ Request::routeIs('transaksi') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white no-underline flex items-center hover:bg-grey-dark" href="{{ route('transaksi') }}">Transaksi baru</a>
      <a class="nav-link {{ Request::routeIs('list-transaksi-lunas') ? 'active' : '' }} flex-no-grow flex-no-shrink relative py-2 px-4 leading-normal text-white  no-underline flex items-center hover:bg-grey-dark" href="{{ route('list-transaksi-lunas') }}">List Transaksi</a>
  </nav>