@charset "utf-8"; /* zuzu-ui テーマ色（自動生成・手編集しない） * 生成: php sample/zuzu_color_build.php（開発 sample） * 定義: sample/zuzu_theme_colors.php * 改版: * - 2026-06-04 sample/zuzu_color_build.php から出力 * 使い方: または。既定はクラス無し（default）。 * bootstrap.min.css の直後に読み込む。 */ /* 共通（エラー色は ymir --error に合わせる） */ :root, [data-bs-theme="light"] { --bs-danger: #ba1a1a; --bs-danger-rgb: 186, 26, 26; --bs-danger-text-emphasis: #58151c; --bs-danger-bg-subtle: #f8d7da; --bs-danger-border-subtle: #f1aeb5; } /* Default（白黒） (default) */ :root, [data-bs-theme="light"] { --bs-primary: #212529; --bs-primary-rgb: 33, 37, 41; --bs-primary-text-emphasis: #000000; --bs-primary-bg-subtle: #f8f9fa; --bs-primary-border-subtle: #dee2e6; --bs-link-color: #212529; --bs-link-hover-color: #000000; --bs-focus-ring-color: rgba(33, 37, 41, 0.25); --bs-body-bg: #ffffff; --bs-body-color: #212529; --bs-secondary: #6c757d; --bs-secondary-rgb: 108, 117, 125; --bs-secondary-bg: #f8f9fa; --bs-secondary-color: #6c757d; --zuzu-drawer-bg: #212529; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: rgba(255, 255, 255, 0.22); --zuzu-shell-header-bg: #f1f3f5; --zuzu-shell-footer-bg: #e9ecef; --zuzu-action-bar-bg: #f8f9fa; --zuzu-shell-chrome-bg: #f1f3f5; } /* White (white) */ body.white { --bs-primary: #1565c0; --bs-primary-rgb: 21, 101, 192; --bs-primary-text-emphasis: #001d36; --bs-primary-bg-subtle: #d1e4ff; --bs-primary-border-subtle: #9ecaff; --bs-link-color: #1565c0; --bs-link-hover-color: #0d47a1; --bs-focus-ring-color: rgba(21, 101, 192, 0.25); --bs-body-bg: #fdfcff; --bs-body-color: #1a1c1e; --bs-secondary: #535f70; --bs-secondary-rgb: 83, 95, 112; --bs-secondary-bg: #eef4fc; --bs-secondary-color: #535f70; --zuzu-drawer-bg: #0d47a1; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #1565c0; --zuzu-shell-header-bg: #e8f1fc; --zuzu-shell-footer-bg: #dbeafe; --zuzu-action-bar-bg: #eef4fc; --zuzu-shell-chrome-bg: #e8f1fc; } /* Blue (blue) */ body.blue { --bs-primary: #0061a4; --bs-primary-rgb: 0, 97, 164; --bs-primary-text-emphasis: #001d36; --bs-primary-bg-subtle: #d1e4ff; --bs-primary-border-subtle: #9ecaff; --bs-link-color: #0061a4; --bs-link-hover-color: #004d83; --bs-focus-ring-color: rgba(0, 97, 164, 0.25); --bs-body-bg: #fdfcff; --bs-body-color: #1a1c1e; --bs-secondary: #535f70; --bs-secondary-rgb: 83, 95, 112; --bs-secondary-bg: #e8f1fa; --bs-secondary-color: #535f70; --zuzu-drawer-bg: #001d36; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #0061a4; --zuzu-shell-header-bg: #d1e4ff; --zuzu-shell-footer-bg: #b8d9f5; --zuzu-action-bar-bg: #e8f1fa; --zuzu-shell-chrome-bg: #d1e4ff; } /* Green (green) */ body.green { --bs-primary: #006e1c; --bs-primary-rgb: 0, 110, 28; --bs-primary-text-emphasis: #002204; --bs-primary-bg-subtle: #94f990; --bs-primary-border-subtle: #78dc77; --bs-link-color: #006e1c; --bs-link-hover-color: #005816; --bs-focus-ring-color: rgba(0, 110, 28, 0.25); --bs-body-bg: #fcfdf6; --bs-body-color: #1a1c19; --bs-secondary: #52634f; --bs-secondary-rgb: 82, 99, 79; --bs-secondary-bg: #e8f3e6; --bs-secondary-color: #52634f; --zuzu-drawer-bg: #002204; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #006e1c; --zuzu-shell-header-bg: #d4edcf; --zuzu-shell-footer-bg: #c5e3c0; --zuzu-action-bar-bg: #e8f3e6; --zuzu-shell-chrome-bg: #d4edcf; } /* Purple (purple) */ body.purple { --bs-primary: #6f43c0; --bs-primary-rgb: 111, 67, 192; --bs-primary-text-emphasis: #250059; --bs-primary-bg-subtle: #ebddff; --bs-primary-border-subtle: #d3bbff; --bs-link-color: #6f43c0; --bs-link-hover-color: #5936a0; --bs-focus-ring-color: rgba(111, 67, 192, 0.25); --bs-body-bg: #fffbff; --bs-body-color: #1d1b1e; --bs-secondary: #635b70; --bs-secondary-rgb: 99, 91, 112; --bs-secondary-bg: #f0e8fa; --bs-secondary-color: #635b70; --zuzu-drawer-bg: #250059; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #6f43c0; --zuzu-shell-header-bg: #ebddff; --zuzu-shell-footer-bg: #ded0f5; --zuzu-action-bar-bg: #f0e8fa; --zuzu-shell-chrome-bg: #ebddff; } /* Amber (amber) */ body.amber { --bs-primary: #d97706; --bs-primary-rgb: 217, 119, 6; --bs-primary-text-emphasis: #78350f; --bs-primary-bg-subtle: #fef3c7; --bs-primary-border-subtle: #fcd34d; --bs-link-color: #d97706; --bs-link-hover-color: #b45309; --bs-focus-ring-color: rgba(217, 119, 6, 0.25); --bs-body-bg: #fffef7; --bs-body-color: #1c1917; --bs-secondary: #78716c; --bs-secondary-rgb: 120, 113, 108; --bs-secondary-bg: #fffbeb; --bs-secondary-color: #57534e; --zuzu-drawer-bg: #78350f; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #d97706; --zuzu-shell-header-bg: #fef3c7; --zuzu-shell-footer-bg: #fde68a; --zuzu-action-bar-bg: #fffbeb; --zuzu-shell-chrome-bg: #fef3c7; } /* Brown (brown) */ body.brown { --bs-primary: #7d5800; --bs-primary-rgb: 125, 88, 0; --bs-primary-text-emphasis: #271900; --bs-primary-bg-subtle: #ffdea9; --bs-primary-border-subtle: #f8bc49; --bs-link-color: #7d5800; --bs-link-hover-color: #644600; --bs-focus-ring-color: rgba(125, 88, 0, 0.25); --bs-body-bg: #fffbff; --bs-body-color: #1f1b16; --bs-secondary: #6d5c3f; --bs-secondary-rgb: 109, 92, 63; --bs-secondary-bg: #f5f0e8; --bs-secondary-color: #6d5c3f; --zuzu-drawer-bg: #271900; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #7d5800; --zuzu-shell-header-bg: #ffdea9; --zuzu-shell-footer-bg: #f0dcc0; --zuzu-action-bar-bg: #f5f0e8; --zuzu-shell-chrome-bg: #ffdea9; } /* Orange (orange) */ body.orange { --bs-primary: #ea580c; --bs-primary-rgb: 234, 88, 12; --bs-primary-text-emphasis: #7c2d12; --bs-primary-bg-subtle: #ffedd5; --bs-primary-border-subtle: #fdba74; --bs-link-color: #ea580c; --bs-link-hover-color: #c2410c; --bs-focus-ring-color: rgba(234, 88, 12, 0.25); --bs-body-bg: #fffaf5; --bs-body-color: #1c1917; --bs-secondary: #78716c; --bs-secondary-rgb: 120, 113, 108; --bs-secondary-bg: #fff7ed; --bs-secondary-color: #57534e; --zuzu-drawer-bg: #7c2d12; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #ea580c; --zuzu-shell-header-bg: #ffedd5; --zuzu-shell-footer-bg: #fed7aa; --zuzu-action-bar-bg: #fff7ed; --zuzu-shell-chrome-bg: #ffedd5; } /* Red (red) */ body.red { --bs-primary: #bb1614; --bs-primary-rgb: 187, 22, 20; --bs-primary-text-emphasis: #410001; --bs-primary-bg-subtle: #ffdad5; --bs-primary-border-subtle: #ffb4a9; --bs-link-color: #bb1614; --bs-link-hover-color: #961210; --bs-focus-ring-color: rgba(187, 22, 20, 0.25); --bs-body-bg: #fffbff; --bs-body-color: #201a19; --bs-secondary: #775652; --bs-secondary-rgb: 119, 86, 82; --bs-secondary-bg: #f5e8e7; --bs-secondary-color: #775652; --zuzu-drawer-bg: #410001; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #bb1614; --zuzu-shell-header-bg: #ffdad5; --zuzu-shell-footer-bg: #ffc9c4; --zuzu-action-bar-bg: #f5e8e7; --zuzu-shell-chrome-bg: #ffdad5; } /* Pink (pink) */ body.pink { --bs-primary: #db2777; --bs-primary-rgb: 219, 39, 119; --bs-primary-text-emphasis: #831843; --bs-primary-bg-subtle: #fce7f3; --bs-primary-border-subtle: #f9a8d4; --bs-link-color: #db2777; --bs-link-hover-color: #be185d; --bs-focus-ring-color: rgba(219, 39, 119, 0.25); --bs-body-bg: #fffafb; --bs-body-color: #1c1917; --bs-secondary: #78716c; --bs-secondary-rgb: 120, 113, 108; --bs-secondary-bg: #fdf2f8; --bs-secondary-color: #57534e; --zuzu-drawer-bg: #831843; --zuzu-drawer-color: #ffffff; --zuzu-drawer-link-hover-bg: rgba(255, 255, 255, 0.12); --zuzu-drawer-active-fg: #ffffff; --zuzu-drawer-active-bg: #db2777; --zuzu-shell-header-bg: #fce7f3; --zuzu-shell-footer-bg: #fbcfe8; --zuzu-action-bar-bg: #fdf2f8; --zuzu-shell-chrome-bg: #fce7f3; }