Tricktree BoostでBootstrapテーマを変更する

LinktreeライクなBloggerテーマ Tricktree Boost をリリースしました

Tricktree Boost では Bootswatch を採用しています

Bootswatch: Free themes for Bootstrap
https://bootswatch.com/

Code

        <!-- <link crossorigin='anonymous' href='https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css' integrity='sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB' rel='stylesheet'/> -->
        <link href='https://cdn.jsdelivr.net/npm/bootswatch@5.3.8/dist/brite/bootstrap.min.css' rel='stylesheet'/>
        <!-- <link href='https://cdn.jsdelivr.net/npm/bootswatch@5.3.8/dist/quartz/bootstrap.min.css' rel='stylesheet'/> -->
        <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css' rel='stylesheet'/>

6行目からのコード
デフォルトでは Brite になっています

Brite をコメントアウトして Quartz をインするとサムネ画像の様になります

CSS

.facebook {
	color: #fff;
}

.x, .snapchat, .tiktok {
	color: #fff;
}

.instagram {
	color: #fff;
}

.linkedin {
	color: #fff;
}

fff に変更推奨
font-awesome の色部分は流用部分の名残で、個別に色変更ができるようになっています。

ボタンはデフォルトでは Secondary を採用しています(当初 Quartz の使用を前提に考えていた為)

だから標準のBootstrapだとこうなります

理想は標準のBootstrapでボタンのスタイルだけ上書きする感じかなと思いますが

他のBloggerテーマだと BFB でも Bootswatch 適用できるかと思いますが
私が使っている例 > https://flipclock-mods.blogspot.com/