versatile-bannerのためのCSSの使い方

[Don]

こんにちは

これらのボタンの色を変更する方法の例を次に示します。

.banner-box {
  .button-container {
    .btn {
      .d-icon,
      .d-button-label {
        color: var(--tertiary); // ここを希望の色に変更してください
      }
      // ホバー時とフォーカス時の色
      .discourse-no-touch & {
        &:hover,
        &:focus {
          .d-icon,
          .d-button-label {
            color: var(--tertiary-hover); // ここを希望の色に変更してください
          }
        }
      }
    }
  }
}