/* ========================================================================== 事業ごとの色（admin.css とセットで使う）使い方＝のように1語書くだけ。形は変わらず色だけ変わる。決め方の考え方 - 黒 #111 と生成りの地は全事業で共通（ここが「同じ会社のアプリ」に見える骨） - 事業ごとに「主の色」を1つだけ決め、残り3色は共通のパステルから借りる - 主の色は既存のブランドから引く（あそびのば＝朱、まなびのさき＝水色、など） - 赤（--th-danger）は「本当にまずい」ときだけ。パステルの中で1色だけ強い ========================================================================== */ :root { /* 全テーマ共通の下地 */ --th-ink: #111111; --th-body: #4a463f; --th-soft: #8C8578; --th-card: #ffffff; --th-danger: #E8657A; /* 借りてくるパステル（各テーマで割り当てを変える） */ --p-yellow: #FFD84D; --p-yellow-s: #FFF0BC; --p-pink: #FFB7C3; --p-pink-s: #FFE3E7; --p-mint: #9EDCC2; --p-mint-s: #DDF3EA; --p-blue: #A6D3FF; --p-blue-s: #E1EFFF; --p-coral: #FFA987; --p-coral-s: #FFE6DC; --p-lav: #C4B5F0; --p-lav-s: #EDE8FB; --p-leaf: #A9D97F; --p-leaf-s: #E6F3D8; --p-sand: #D9C9A8; --p-sand-s: #F2EADA; } /* ---- サポーター管理／なんかしたい（会社ぜんたい）＝たまご黄 ---- */ [data-theme="supporter"] { --th-bg: #FBF9F4; --th-line: #ECE7DC; --th-hover: #FAF7EF; --th-track: #F1EDE3; --th-main: var(--p-yellow); --th-main-s: var(--p-yellow-s); --th-pop: var(--p-yellow); --th-a1: var(--p-blue); --th-a1-s: var(--p-blue-s); --th-a2: var(--p-mint); --th-a2-s: var(--p-mint-s); --th-a3: var(--p-pink); --th-a3-s: var(--p-pink-s); } /* ---- まなびのさき（塾）＝水色。運営ハブの水色ベタを淡くしたもの ---- */ [data-theme="manabi"] { --th-bg: #F7FAFD; --th-line: #E2E8EF; --th-hover: #F2F7FC; --th-track: #EAEFF5; --th-main: var(--p-blue); --th-main-s: var(--p-blue-s); --th-pop: var(--p-blue); --th-a1: var(--p-lav); --th-a1-s: var(--p-lav-s); --th-a2: var(--p-mint); --th-a2-s: var(--p-mint-s); --th-a3: var(--p-yellow); --th-a3-s: var(--p-yellow-s); } /* ---- あそびのば（学童）＝珊瑚。ブランドの朱オレンジ #e7481f を淡くしたもの ---- */ [data-theme="asobi"] { --th-bg: #FDF8F5; --th-line: #EFE3DB; --th-hover: #FDF4EE; --th-track: #F4E9E2; --th-main: var(--p-coral); --th-main-s: var(--p-coral-s); --th-pop: var(--p-coral); --th-a1: var(--p-blue); --th-a1-s: var(--p-blue-s); /* ブランドの空色 */ --th-a2: var(--p-yellow); --th-a2-s: var(--p-yellow-s); --th-a3: var(--p-mint); --th-a3-s: var(--p-mint-s); } /* ---- まなあそ食堂＝若葉。野菜とごはんの色。あそびのばの珊瑚と混ざらない ---- */ [data-theme="shokudo"] { --th-bg: #F8FBF6; --th-line: #E4EDDD; --th-hover: #F4F9EF; --th-track: #EBF1E4; --th-main: var(--p-leaf); --th-main-s: var(--p-leaf-s); --th-pop: var(--p-leaf); --th-a1: var(--p-yellow); --th-a1-s: var(--p-yellow-s); --th-a2: var(--p-coral); --th-a2-s: var(--p-coral-s); --th-a3: var(--p-mint); --th-a3-s: var(--p-mint-s); } /* ---- 売上表・経営（お金の全体）＝砂。数字を主役にするため色は最小 ---- */ [data-theme="keiei"] { --th-bg: #FAF8F4; --th-line: #E9E3D8; --th-hover: #F7F3EA; --th-track: #EFE9DD; --th-main: var(--p-sand); --th-main-s: var(--p-sand-s); --th-pop: var(--p-yellow); --th-a1: var(--p-blue); --th-a1-s: var(--p-blue-s); --th-a2: var(--p-coral); --th-a2-s: var(--p-coral-s); --th-a3: var(--p-leaf); --th-a3-s: var(--p-leaf-s); }