[Bootstrap]カードで境界の色を設定する

Dark Themeを別ブログ用に組み直していますが、まぁ面倒なので力技ですね

CSS

.border-custom {
  border-color: #3ddc84 !important;
}

HTML

<div class="card mb-3 border-custom">
  <div class="row g-0">
    <div class="col-md-4">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6hObGjorRkgRBzpTtacMqzc5h78JhdqaXQ1HqVvl98D6ViQPFYvkD0krPH4fdmd2WM3j6YTVPW8USsOfI5MFS_YBXZQ5W6sOq1V1_SN2R-wUKXv47C27f7uagws4mV2ZW9ORwW6iuVahn7ZkzXiRRdwTUUXHkpyBiz1MXB2XB5YQXosMtrlXngPZqrxgc/s0/magicstudio-art%20-%202025-10-28T183700.414.jpg" class="img-fluid rounded-start" alt="...">
    </div>
    <div class="col-md-8">
      <div class="card-body">
        <h3 class="card-title">Card title</h3>
        <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
        <p class="card-text"><small class="text-body-secondary">Last updated 3 mins ago</small></p>
      </div>
    </div>
  </div>
</div>

結果

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

アヒルは「フィード」ガジェット も設定しなきゃならないので面倒ですけどね
まぁ新テーマベースで組み直してもいいんだけどやらないと思う