ブログの背景色を白からグレーっぽい白になおしてみた

Powered by はてなブログ

最近、Webページの白い背景色をまぶしく感じてしまい(ディスプレイの輝度は下げている)、このブログの背景色も白(#ffffff)からグレーっぽい白(#f4f5f7)に変更しました。

また、この背景色に合うように各記事のアイキャッチ画像の一部を透過pngのものと差し替えました。カテゴリー一覧などのアイキャッチ画像の背景は白のままですが。
それと、ブログの両サイドの区切り線を立体感が出るようにCSSで細工しました。

body {
    background: #f4f5f7;
}

#container {
    border-right: 1px solid #fff;
    border-left: 1px solid #ddd;
}

#container-inner {
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
}

そのほか、すべての記事にカスタムURLを設定しなおしました。
Googleなどの検索結果に影響しますが、ほとんどの記事が検索結果に出てきませんし、元々アクセス数がとても少ないブログなので、あまり気にしなくてもいいんじゃないかと。

参考:degitekunote2 - しっくりくる白色背景色「#F4F5F7」を知っているか?
参考:しらさかブログ - 【WEBデザイン】背景を薄いグレーにする理由のひとつ「区切り線の立体感を簡単に出せる」