【Vue+Vuetify】v-btn-toggleの選択状態の色を変更したい

Question

やりたいこと

v-btn-toggleのボタン押下時（選択時）の色をデフォルト（グレー？）から任意の色に変更したいのですが、どのようにやるのが良いのでしょうか？
（v-btnを使う場合は、ボタンの形状がわかるように（デフォルトの背景色がグレー）で選択されたときに任意の色になる）

試したこと

colorでの指定

指定した色に変更されませんでした…(以下、参考にした公式サイトのサンプルコード)
https://next.vuetifyjs.com/en/components/bottom-navigation#toggle

     <v-btn
        text
        color="deep-purple"
        @click="showNav = !showNav"
      >

上記のコードではボタンの枠が見えなくなってしまいました。。。

どのようにすればよいのか、ご助言いただけますと幸いです。

Answer 1

これはどうでしょうか？

<v-btn-toggle
    color="red"
>
    <v-btn>
        A
    </v-btn>
    <v-btn>
        B
    </v-btn>
</v-btn-toggle>

Answer 2

公式通りでうまくいきませんでしょうか？

      <v-bottom-navigation
        v-model="activeBtn"
        :input-value="showNav"
        color="blue"
      >
        <v-btn>
          <span>Recents</span>
          <v-icon>mdi-history</v-icon>
        </v-btn>
  
        <v-btn>
          <span>Favorites</span>
          <v-icon>mdi-heart</v-icon>
        </v-btn>
  
        <v-btn>
          <span>Nearby</span>
          <v-icon>mdi-map-marker</v-icon>
        </v-btn>
      </v-bottom-navigation>

Comments

[sszkks]

ご助言いただきありがとうございます。
タップ時の色は上記のコードで対応できるのですが、
今回はタップした後（選択済みの状態を表す色）を変更する方法を調べております。

なにかご存知でしたら教えていただけますと幸いです。