マウスホバー時の背景色
ホバー時の背景色が薄くて解りにくいのでカスタマイズしてみた。
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; /* 変更した背景色 */
}