/* ================================================================ themes.css — テナント着せ替えテーマ v3.0 属性で有効化。 default テーマは既存スタイルをそのまま使用。 ================================================================ */ /* ── chic: Noir Elegance（漆黒 × シャンパンゴールド）────────── */ [data-theme="chic"] body, [data-theme="chic"] .main-wrap { background: #f5f0e8; } [data-theme="chic"] .sidebar { background: #18181b; border-right-color: #3f3f46; } [data-theme="chic"] .sidebar-logo { color: #c9a84c; } [data-theme="chic"] .sidebar-profile { background: #27272a; } [data-theme="chic"] .sidebar-username { color: #e4e0d8; } [data-theme="chic"] .sidebar-username:hover { color: #c9a84c; } [data-theme="chic"] .sidebar-edit-link { color: #a1a1aa; } [data-theme="chic"] .sidebar-edit-link:hover { color: #c9a84c; } [data-theme="chic"] .sidebar-nav-item { color: #d4d4d8; } [data-theme="chic"] .sidebar-nav-item:hover { background: #27272a; color: #c9a84c; } [data-theme="chic"] .sidebar-nav-item.active { background: #3a2c00; color: #c9a84c; } [data-theme="chic"] .sidebar-avatar-letter { background: #c9a84c; color: #1c1c1e; } [data-theme="chic"] .sidebar-divider { border-top-color: #3f3f46; } [data-theme="chic"] .sidebar-logout { background: #27272a; color: #a1a1aa; } [data-theme="chic"] .sidebar-logout:hover { background: #3f3f46; color: #e4e0d8; } [data-theme="chic"] .sidebar-search-form input[type=search] { background: #27272a; border-color: #3f3f46; color: #e4e0d8; } [data-theme="chic"] .sidebar-search-form input[type=search]:focus { border-color: #c9a84c; background: #18181b; } [data-theme="chic"] .sidebar-search-form button { background: #c9a84c; color: #1c1c1e; } [data-theme="chic"] .sidebar-search-form button:hover { background: #b8963e; } [data-theme="chic"] .mobile-search-bar { background: #18181b; border-bottom-color: #3f3f46; } [data-theme="chic"] .mobile-search-bar input[type=search] { background: #27272a; border-color: #3f3f46; color: #e4e0d8; } [data-theme="chic"] .mobile-search-bar button { background: #c9a84c; color: #1c1c1e; } [data-theme="chic"] .btn-post, [data-theme="chic"] .btn-primary-blue, [data-theme="chic"] .btn-save, [data-theme="chic"] .btn-edit-save { background: #c9a84c !important; color: #1c1c1e !important; border-color: #c9a84c !important; } [data-theme="chic"] .btn-post:hover, [data-theme="chic"] .btn-primary-blue:hover, [data-theme="chic"] .btn-save:hover, [data-theme="chic"] .btn-edit-save:hover { background: #b8963e !important; } [data-theme="chic"] .btn-post:disabled { background: #e8d9a0 !important; } [data-theme="chic"] .card-header { background: linear-gradient(90deg,#c9a84c1a,#c9a84c0d) !important; border-bottom-color: #c9a84c44 !important; } [data-theme="chic"] .btn-action.liked { color: #c9a84c; } [data-theme="chic"] .sidebar-register { background: #c9a84c !important; color: #1c1c1e !important; } /* ── natural: Organic Harmony（フォレストグリーン × ベージュ）─ */ [data-theme="natural"] body, [data-theme="natural"] .main-wrap { background: #f4f1ec; } [data-theme="natural"] .sidebar { background: #f4f1ec; border-right-color: #d9cfc3; } [data-theme="natural"] .sidebar-logo { color: #2e7d32; } [data-theme="natural"] .sidebar-profile { background: #ede8e1; } [data-theme="natural"] .sidebar-username:hover { color: #2e7d32; } [data-theme="natural"] .sidebar-edit-link:hover { color: #2e7d32; } [data-theme="natural"] .sidebar-nav-item:hover { background: #e6f0e7; color: #2e7d32; } [data-theme="natural"] .sidebar-nav-item.active { background: #e8f5e9; color: #2e7d32; } [data-theme="natural"] .sidebar-avatar-letter { background: #2e7d32; } [data-theme="natural"] .sidebar-divider { border-top-color: #d9cfc3; } [data-theme="natural"] .sidebar-logout { background: #ede8e1; } [data-theme="natural"] .sidebar-logout:hover { background: #d9cfc3; } [data-theme="natural"] .sidebar-search-form input[type=search]:focus { border-color: #2e7d32; } [data-theme="natural"] .sidebar-search-form button { background: #2e7d32; } [data-theme="natural"] .sidebar-search-form button:hover { background: #1b5e20; } [data-theme="natural"] .mobile-search-bar button { background: #2e7d32; } [data-theme="natural"] .btn-post, [data-theme="natural"] .btn-primary-blue, [data-theme="natural"] .btn-save, [data-theme="natural"] .btn-edit-save { background: #2e7d32 !important; border-color: #2e7d32 !important; } [data-theme="natural"] .btn-post:hover, [data-theme="natural"] .btn-primary-blue:hover, [data-theme="natural"] .btn-save:hover, [data-theme="natural"] .btn-edit-save:hover { background: #1b5e20 !important; } [data-theme="natural"] .btn-post:disabled { background: #a5d6a7 !important; } [data-theme="natural"] .card-header { background: #e8f5e9 !important; border-bottom-color: #c8e6c9 !important; } [data-theme="natural"] .btn-action.liked { color: #2e7d32; } [data-theme="natural"] .sidebar-register { background: #2e7d32 !important; } /* ── pop: Energetic Play（サンセットオレンジ × シトラス）──────── */ [data-theme="pop"] body, [data-theme="pop"] .main-wrap { background: #fff8f5; } [data-theme="pop"] .sidebar { background: #fff8f5; border-right-color: #ffccbc; } [data-theme="pop"] .sidebar-logo { color: #ff5722; } [data-theme="pop"] .sidebar-profile { background: #fff3ee; } [data-theme="pop"] .sidebar-username:hover { color: #ff5722; } [data-theme="pop"] .sidebar-edit-link:hover { color: #ff5722; } [data-theme="pop"] .sidebar-nav-item:hover { background: #fff3ee; color: #ff5722; } [data-theme="pop"] .sidebar-nav-item.active { background: #fbe9e7; color: #ff5722; } [data-theme="pop"] .sidebar-avatar-letter { background: #ff5722; } [data-theme="pop"] .sidebar-divider { border-top-color: #ffccbc; } [data-theme="pop"] .sidebar-logout { background: #fff3ee; } [data-theme="pop"] .sidebar-logout:hover { background: #ffccbc; } [data-theme="pop"] .sidebar-search-form input[type=search]:focus { border-color: #ff5722; } [data-theme="pop"] .sidebar-search-form button { background: #ff5722; } [data-theme="pop"] .sidebar-search-form button:hover { background: #e64a19; } [data-theme="pop"] .mobile-search-bar button { background: #ff5722; } [data-theme="pop"] .btn-post, [data-theme="pop"] .btn-primary-blue, [data-theme="pop"] .btn-save, [data-theme="pop"] .btn-edit-save { background: #ff5722 !important; border-color: #ff5722 !important; } [data-theme="pop"] .btn-post:hover, [data-theme="pop"] .btn-primary-blue:hover, [data-theme="pop"] .btn-save:hover, [data-theme="pop"] .btn-edit-save:hover { background: #e64a19 !important; } [data-theme="pop"] .btn-post:disabled { background: #ffab91 !important; } [data-theme="pop"] .card-header { background: #fff3ee !important; border-bottom-color: #ffccbc !important; } [data-theme="pop"] .btn-action.liked { color: #ff5722; } [data-theme="pop"] .sidebar-register { background: #ff5722 !important; }