対象

以下記事で対応した QuuQデザイン が対象
※ 過去記事：デザイン変更

Blogger Prismの表示改善

Bloggerにソースコード等を表示する際 Prism を使用しているが (過去記事：Blogger #10：ソースコードをきれいに載せたい(2))、以下の表示が見づらくなっている。

lang-bash指定時の
・オプション（-F, -P, -A, -i など）

・ダブルクォーテーション "" やシングルクォーテーション '' で囲まれた文字列部分

対応

Prism.jsでコマンドのオプション（-F, -P, -A, -i など）に .token.parameter クラスが割り当てられ、背景色が灰色または反転表示のスタイルが適用されている。
CSSで .token.parameter のスタイル（背景色や文字色）を上書きすることで見やすく調整する。

/* パラメータの反転（背景色）を解除し、適度な文字色を設定 */
.token.parameter {
  background: none !important; /* 背景色の反転を削除 */
  color: #a6e22e !important;   /* お好みの文字色を指定（例: 黄緑色） */
}

ダブルクォーテーション "" やシングルクォーテーション '' で囲まれた文字列部分は、Prism.js では .token.string というクラスが割り当てられている。
こちらも同様に、背景色の解除と文字色の設定をCSSに追加することで調整する。

/* 文字列（" " や ' ' で囲まれた部分）の反転を解除し、見やすい色に変更 */
.token.string {
  background: none !important; /* 背景色の反転を削除 */
  color: #e6db74 !important;   /* お好みの文字色（例: 黄色・ベージュ系） */
}