マウスホバー時の背景色

 ホバー時の背景色が薄くて解りにくいのでカスタマイズしてみた。

 1.上記のBootStrapファイルの以下の部分をコピー

5390行目から
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; }

 2.テーマファイルの更新(*/app/webroot/theme/Default/css/style.css)

最終行から修正したいホバー色に変えて追加する。
/* style.css */
/* bodyなど数行のCSSがある */
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover { color: #000; /* 文字色が薄く感じるので濃くしている */ text-decoration: none; background-color: #93a6b8; /* 変更した背景色 */ }