はじめに

スケジュールカレンダーが見づらいという声を受けて、検討用にサンプルを作成しました。ご意見をよろしくお願いいたします。

このページは、PCでの閲覧推奨です。

(画像はスクリーンショットのため、スマホでの閲覧はエッジがにじんだりすることがあります)

現行

background-color:#4466bb;
border-color:#4466bb;
color:#fff;
font-weight:100;

背景:赤/文字:白

background-color:#ff0000;
border-color:#ff0000;
color:#fff !important;
font-weight:100;

背景:赤/文字:白・太字

background-color:#ff0000;
border-color:#ff0000;
color:#fff;
font-weight:bold;

背景:濃い青/文字:白

background-color:#004474;
border-color:#004474;
color:#fff;
font-weight:100;

背景:白/文字:黒

background-color:white;
border-color:#004474;
color:#000 !important;
font-weight:100;

背景:白/文字:黒・太字

background-color:white;
border-color:#004474;
color:#000 !important;
font-weight:bold;

背景:薄緑/文字:黒

background-color:#daffd2;
border-color:#71d62e;
color:#000;
font-weight:100;

背景:薄青/文字:黒

background-color:#cae7ff;
border-color:#2e89d6;
color:#000;
font-weight:100;

背景:薄いピンク/文字:黒

background-color:#ffcece;
border-color:#d83232;
color:#000;
font-weight:100;

背景:さらに薄いピンク/文字:黒

background-color:#ffe1e1;
border-color:#d83232;
color:#000;
font-weight:100;

背景:薄い黄色/文字:黒

background-color:#fff8d1;
border-color:#d5bc33;
color:#000;
font-weight:100;