cmdbox 0.5.1.1__py3-none-any.whl → 0.5.2__py3-none-any.whl

cmdbox/web/assets/cmdbox/color_mode.css

@@ -0,0 +1,516 @@
+/* ライトモード (基本) - 必要に応じて調整 */
+[data-bs-theme="light"] {
+    --bs-body-bg: #fff;
+    --bs-body-color: #212529;
+    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --bs-body-font-size: 1rem;
+    --bs-body-font-weight: 400;
+    --bs-body-line-height: 1.5;
+    --bs-body-text-align: left;
+    --bs-body-text-decoration: none;
+  
+    --bs-emphasis-color: #000;
+    --bs-secondary-color: #6c757d;
+    --bs-secondary-bg: #e2e3e5;
+    --bs-tertiary-color: #6c757d;
+    --bs-tertiary-bg: #f8f9fa;
+    --bs-link-color: #0d6efd;
+    --bs-link-hover-color: #0a58ca;
+    --bs-code-color: #d63384;
+    --bs-highlight-bg: #fff3cd;
+    --bs-highlight-border-color: #ffeeba;
+  
+    --bs-primary: #0d6efd;
+    --bs-primary-rgb: 13, 110, 253;
+    --bs-primary-text: #fff;
+    --bs-primary-bg-subtle: #cfe2ff;
+    --bs-primary-border-subtle: #b6d4fe;
+    --bs-secondary: #6c757d;
+    --bs-secondary-rgb: 108, 117, 125;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #e2e3e5;
+    --bs-secondary-border-subtle: #d3d6d8;
+    --bs-success: #198754;
+    --bs-success-rgb: 25, 135, 84;
+    --bs-success-text: #fff;
+    --bs-success-bg-subtle: #d1e7dd;
+    --bs-success-border-subtle: #badbcc;
+    --bs-info: #0dcaf0;
+    --bs-info-rgb: 13, 202, 240;
+    --bs-info-text: #000;
+    --bs-info-bg-subtle: #cff4fc;
+    --bs-info-border-subtle: #b6effb;
+    --bs-warning: #ffc107;
+    --bs-warning-rgb: 255, 193, 7;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #fff3cd;
+    --bs-warning-border-subtle: #ffeeba;
+    --bs-danger: #dc3545;
+    --bs-danger-rgb: 220, 53, 69;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #f8d7da;
+    --bs-danger-border-subtle: #f5c2c7;
+    --bs-light: #f8f9fa;
+    --bs-light-rgb: 248, 249, 250;
+    --bs-light-text: #000;
+    --bs-light-bg-subtle: #fdfdfe;
+    --bs-light-border-subtle: #fcfcfd;
+    --bs-dark: #212529;
+    --bs-dark-rgb: 33, 37, 41;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #ced4da;
+    --bs-dark-border-subtle: #adb5bd;
+  
+    --bs-white: #fff;
+    --bs-black: #000;
+    --bs-blue: #0d6efd;
+    --bs-indigo: #6610f2;
+    --bs-purple: #6f42c1;
+    --bs-pink: #d63384;
+    --bs-red: #dc3545;
+    --bs-orange: #fd7e14;
+    --bs-yellow: #ffc107;
+    --bs-green: #198754;
+    --bs-teal: #20c997;
+    --bs-cyan: #0dcaf0;
+    --bs-gray: #6c757d;
+    --bs-gray-dark: #343a40;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
+  
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #dee2e6;
+    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+    --bs-border-radius: 0.375rem;
+    --bs-border-radius-sm: 0.25rem;
+    --bs-border-radius-lg: 0.5rem;
+    --bs-border-radius-pill: 50rem;
+  
+    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
+    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
+    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
+  
+    --bs-component-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, filter .15s ease-in-out, backdrop-filter .15s ease-in-out;
+    --bs-form-control-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    --bs-button-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    --bs-modal-transition: transform .3s ease-out;
+    --bs-collapse-transition: height .35s ease;
+    --bs-dropdown-transition: transform .15s ease-in-out;
+    --bs-alert-transition: opacity .15s ease-in-out, margin .15s ease-in-out;
+    --bs-tooltip-transition: opacity .15s ease-in-out;
+    --bs-popover-transition: opacity .15s ease-in-out;
+    --bs-carousel-transition: transform .6s ease-in-out;
+}
+  
+/* ダークモード - 必要に応じて調整 */
+[data-bs-theme="dark"] {
+    --bs-body-bg: #212529;
+    --bs-body-color: #fff;
+    --bs-emphasis-color: #fff;
+    --bs-secondary-color: #6c757d;
+    --bs-secondary-bg: #343a40;
+    --bs-tertiary-color: #6c757d;
+    --bs-tertiary-bg: #212529;
+    --bs-link-color: #0d6efd;
+    --bs-link-hover-color: #0a58ca;
+    --bs-code-color: #d63384;
+    --bs-highlight-bg: #fff3cd;
+    --bs-highlight-border-color: #ffeeba;
+  
+    --bs-primary: #0d6efd;
+    --bs-primary-rgb: 13, 110, 253;
+    --bs-primary-text: #fff;
+    --bs-primary-bg-subtle: #162e51;
+    --bs-primary-border-subtle: #0c1a30;
+    --bs-secondary: #6c757d;
+    --bs-secondary-rgb: 108, 117, 125;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #41464b;
+    --bs-secondary-border-subtle: #2b3035;
+    --bs-success: #198754;
+    --bs-success-rgb: 25, 135, 84;
+    --bs-success-text: #fff;
+    --bs-success-bg-subtle: #142b1e;
+    --bs-success-border-subtle: #0a1913;
+    --bs-info: #0dcaf0;
+    --bs-info-rgb: 13, 202, 240;
+    --bs-info-text: #000;
+    --bs-info-bg-subtle: #11303b;
+    --bs-info-border-subtle: #081c22;
+    --bs-warning: #ffc107;
+    --bs-warning-rgb: 255, 193, 7;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d3b08;
+    --bs-warning-border-subtle: #302406;
+    --bs-danger: #dc3545;
+    --bs-danger-rgb: 220, 53, 69;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #361114;
+    --bs-danger-border-subtle: #1e0b0d;
+    --bs-light: #f8f9fa;
+    --bs-light-rgb: 248, 249, 250;
+    --bs-light-text: #000;
+    --bs-light-bg-subtle: #fdfdfe;
+    --bs-light-border-subtle: #fcfcfd;
+    --bs-dark: #212529;
+    --bs-dark-rgb: 33, 37, 41;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #ced4da;
+    --bs-dark-border-subtle: #adb5bd;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+    --bs-border-color: #495057;
+    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+}
+
+/* ミッドナイトモード */
+[data-bs-theme="midnight"] {
+    --bs-body-bg: #1a233a; /* ダークネイビー */
+    --bs-body-color: #d7dbe8; /* ライトブルーグレー */
+    --bs-emphasis-color: #fff;
+    --bs-secondary-color: #283552; /* ディープネイビー */
+    --bs-secondary-bg: #131a2c;
+    --bs-tertiary-color: #546e7a; /* ブルーグレー */
+    --bs-tertiary-bg: #283552;
+    --bs-link-color: #64b5f6; /* ライトブルー */
+    --bs-link-hover-color: #42a5f5; /* ブルー */
+    --bs-code-color: #ffb300; /* アンバー */
+    --bs-highlight-bg: #25324e;
+    --bs-highlight-border-color: #1a233a;
+  
+    --bs-primary: #64b5f6; /* ライトブルー */
+    --bs-primary-rgb: 100, 181, 246;
+    --bs-primary-text: #000;
+    --bs-primary-bg-subtle: #2d4263;
+    --bs-primary-border-subtle: #1e2b40;
+    --bs-secondary: #283552; /* ディープネイビー */
+    --bs-secondary-rgb: 40, 53, 82;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #141b2d;
+    --bs-secondary-border-subtle: #0d111f;
+    --bs-success: #66bb6a; /* ライトグリーン */
+    --bs-success-rgb: 102, 187, 106;
+    --bs-success-text: #000;
+    --bs-success-bg-subtle: #2a402e;
+    --bs-success-border-subtle: #1b291f;
+    --bs-info: #b0bec5; /* ブルーグレー */
+    --bs-info-rgb: 176, 190, 197;
+    --bs-info-text: #000;
+    --bs-info-bg-subtle: #32373a;
+    --bs-info-border-subtle: #212426;
+    --bs-warning: #ffca28; /* イエローアンバー */
+    --bs-warning-rgb: 255, 202, 40;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d3e10;
+    --bs-warning-border-subtle: #332a0b;
+    --bs-danger: #ef5350; /* ライトレッド */
+    --bs-danger-rgb: 239, 83, 80;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #451e1d;
+    --bs-danger-border-subtle: #2e1312;
+    --bs-light: #e0e0e0; /* ライトグレー */
+    --bs-light-rgb: 224, 224, 224;
+    --bs-light-text: #000;
+    --bs-light-bg-subtle: #37474f;
+    --bs-light-border-subtle: #263238;
+    --bs-dark: #283552; /* ディープネイビー */
+    --bs-dark-rgb: 40, 53, 82;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #141b2d;
+    --bs-dark-border-subtle: #0d111f;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #37474f;
+    --bs-border-color-translucent: rgba(40, 53, 82, 1);
+
+    --bs-emphasis-color-rgb: var(--bs-card-title-color);
+    --bs-warning-text-emphasis: var(--bs-code-color);
+    --bs-body-color-rgb: var(--bs-body-color);
+    --bs-secondary-rgb: var(--bs-btn-color);
+    --bs-table-bg: var(--bs-tertiary-bg);
+    --bs-tertiary-bg-rgb: var(--bs-tertiary-bg);
+}
+
+/* バーダントモード */
+[data-bs-theme="verdant"] {
+    --bs-body-bg: #001a00; /* 濃い緑 */
+    --bs-body-color: #90ee90; /* ライトグリーン */
+    --bs-emphasis-color: #00ff00; /* ライム */
+    --bs-secondary-color: #006400; /* ダークグリーン */
+    --bs-secondary-bg: #000d00;
+    --bs-tertiary-color: #228b22; /* フォレストグリーン */
+    --bs-tertiary-bg: #285235;
+    --bs-link-color: #32cd32; /* ライムグリーン */
+    --bs-link-hover-color: #008000; /* 緑 */
+    --bs-code-color: #fafad2; /* ライトゴールデンロッドイエロー */
+    --bs-highlight-bg: #003300;
+    --bs-highlight-border-color: #001a00;
+  
+    --bs-primary: #32cd32; /* ライムグリーン */
+    --bs-primary-rgb: 50, 205, 50;
+    --bs-primary-text: #000;
+    --bs-primary-bg-subtle: #004d00;
+    --bs-primary-border-subtle: #003300;
+    --bs-secondary: #006400; /* ダークグリーン */
+    --bs-secondary-rgb: 0, 100, 0;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #001900;
+    --bs-secondary-border-subtle: #000d00;
+    --bs-success: #00ff00; /* ライム */
+    --bs-success-rgb: 0, 255, 0;
+    --bs-success-text: #000;
+    --bs-success-bg-subtle: #004d00;
+    --bs-success-border-subtle: #003300;
+    --bs-info: #4682b4; /* スティールブルー (コントラスト用) */
+    --bs-info-rgb: 70, 130, 180;
+    --bs-info-text: #fff;
+    --bs-info-bg-subtle: #0b141d;
+    --bs-info-border-subtle: #070c11;
+    --bs-warning: #ffd700; /* ゴールド (コントラスト用) */
+    --bs-warning-rgb: 255, 215, 0;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d4300;
+    --bs-warning-border-subtle: #332b00;
+    --bs-danger: #ff4500; /* オレンジレッド (コントラスト用) */
+    --bs-danger-rgb: 255, 69, 0;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #4d1100;
+    --bs-danger-border-subtle: #330b00;
+    --bs-light: #003300; /* 濃い緑 */
+    --bs-light-rgb: 0, 51, 0;
+    --bs-light-text: #fff;
+    --bs-light-bg-subtle: #001a00;
+    --bs-light-border-subtle: #000d00;
+    --bs-dark: #006400; /* ダークグリーン */
+    --bs-dark-rgb: 0, 100, 0;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #001900;
+    --bs-dark-border-subtle: #000d00;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(0, 255, 0, 0.15), rgba(0, 255, 0, 0));
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #006400;
+    --bs-border-color-translucent: rgba(0, 100, 0, 1);
+
+    --bs-emphasis-color-rgb: var(--bs-card-title-color);
+    --bs-warning-text-emphasis: var(--bs-code-color);
+    --bs-body-color-rgb: var(--bs-body-color);
+    --bs-secondary-rgb: var(--bs-btn-color);
+    --bs-table-bg: var(--bs-tertiary-bg);
+    --bs-tertiary-bg-rgb: var(--bs-tertiary-bg);
+}
+
+/* ディープシーモード */
+[data-bs-theme="deepsea"] {
+    --bs-body-bg: #0a1128; /* 濃いネイビー */
+    --bs-body-color: #a7bcd4; /* ライトブルーグレー */
+    --bs-emphasis-color: #fff;
+    --bs-secondary-color: #001f54; /* ディープブルー */
+    --bs-secondary-bg: #050b17;
+    --bs-tertiary-color: #415a77; /* スティールブルー */
+    --bs-tertiary-bg: #001f54;
+    --bs-link-color: #6a994e; /* オリーブグリーン */
+    --bs-link-hover-color: #386641; /* ダークオリーブグリーン */
+    --bs-code-color: #feca57; /* イエロー */
+    --bs-highlight-bg: #141d37;
+    --bs-highlight-border-color: #0a1128;
+
+    --bs-primary: #6a994e; /* オリーブグリーン */
+    --bs-primary-rgb: 106, 153, 78;
+    --bs-primary-text: #fff;
+    --bs-primary-bg-subtle: #2a3d1f;
+    --bs-primary-border-subtle: #1b2814;
+    --bs-secondary: #001f54; /* ディープブルー */
+    --bs-secondary-rgb: 0, 31, 84;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #000a1a;
+    --bs-secondary-border-subtle: #00060f;
+    --bs-success: #43aa8b; /* シーグリーン */
+    --bs-success-rgb: 67, 170, 139;
+    --bs-success-text: #fff;
+    --bs-success-bg-subtle: #1a372e;
+    --bs-success-border-subtle: #10251f;
+    --bs-info: #4cc9f0; /* シアン */
+    --bs-info-rgb: 76, 201, 240;
+    --bs-info-text: #000;
+    --bs-info-bg-subtle: #1d3845;
+    --bs-info-border-subtle: #13252f;
+    --bs-warning: #ffbe0b; /* アンバー */
+    --bs-warning-rgb: 255, 190, 11;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d3b05;
+    --bs-warning-border-subtle: #332703;
+    --bs-danger: #f94144; /* レッドオレンジ */
+    --bs-danger-rgb: 249, 65, 68;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #4a191a;
+    --bs-danger-border-subtle: #301011;
+    --bs-light: #e9ecef; /* ライトグレー */
+    --bs-light-rgb: 233, 236, 239;
+    --bs-light-text: #000;
+    --bs-light-bg-subtle: #1e2533;
+    --bs-light-border-subtle: #131822;
+    --bs-dark: #001f54; /* ディープブルー */
+    --bs-dark-rgb: 0, 31, 84;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #000a1a;
+    --bs-dark-border-subtle: #00060f;
+
+    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #1e2533;
+    --bs-border-color-translucent: rgba(0, 31, 84, 1);
+
+    --bs-emphasis-color-rgb: var(--bs-card-title-color);
+    --bs-warning-text-emphasis: var(--bs-code-color);
+    --bs-body-color-rgb: var(--bs-body-color);
+    --bs-secondary-rgb: var(--bs-btn-color);
+    --bs-table-bg: var(--bs-tertiary-bg);
+    --bs-tertiary-bg-rgb: var(--bs-tertiary-bg);
+}
+
+/* クリムゾンモード */
+[data-bs-theme="crimson"] {
+    --bs-body-bg: #1a0000; /* 濃いマルーン */
+    --bs-body-color: #f08080; /* ライトコーラル */
+    --bs-emphasis-color: #ff0000; /* 赤 */
+    --bs-secondary-color: #8b0000; /* ダークレッド */
+    --bs-secondary-bg: #0d0000;
+    --bs-tertiary-color: #b22222; /* ファイアブリック */
+    --bs-tertiary-bg: #522835;
+    --bs-link-color: #ff4d4d; /* 明るい赤 */
+    --bs-link-hover-color: #cc0000; /* より濃い赤 */
+    --bs-code-color: #ffdab9; /* ピーチパフ */
+    --bs-highlight-bg: #330000;
+    --bs-highlight-border-color: #1a0000;
+  
+    --bs-primary: #ff4d4d; /* 明るい赤 */
+    --bs-primary-rgb: 255, 77, 77;
+    --bs-primary-text: #fff;
+    --bs-primary-bg-subtle: #4d0000;
+    --bs-primary-border-subtle: #330000;
+    --bs-secondary: #8b0000; /* ダークレッド */
+    --bs-secondary-rgb: 139, 0, 0;
+    --bs-secondary-text: #fff;
+    --bs-secondary-bg-subtle: #220000;
+    --bs-secondary-border-subtle: #140000;
+    --bs-success: #556b2f; /* ダークオリーブグリーン (コントラスト用) */
+    --bs-success-rgb: 85, 107, 47;
+    --bs-success-text: #fff;
+    --bs-success-bg-subtle: #11170b;
+    --bs-success-border-subtle: #0a0e07;
+    --bs-info: #4682b4; /* スティールブルー (コントラスト用) */
+    --bs-info-rgb: 70, 130, 180;
+    --bs-info-text: #fff;
+    --bs-info-bg-subtle: #0b141d;
+    --bs-info-border-subtle: #070c11;
+    --bs-warning: #ffa07a; /* ライトサーモン (コントラスト用) */
+    --bs-warning-rgb: 255, 160, 122;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d2012;
+    --bs-warning-border-subtle: #33140b;
+    --bs-danger: #ff0000; /* 赤 */
+    --bs-danger-rgb: 255, 0, 0;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #4d0000;
+    --bs-danger-border-subtle: #330000;
+    --bs-light: #4d0000; /* 濃いマルーン */
+    --bs-light-rgb: 77, 0, 0;
+    --bs-light-text: #fff;
+    --bs-light-bg-subtle: #1a0000;
+    --bs-light-border-subtle: #0d0000;
+    --bs-dark: #8b0000; /* ダークレッド */
+    --bs-dark-rgb: 139, 0, 0;
+    --bs-dark-text: #fff;
+    --bs-dark-bg-subtle: #220000;
+    --bs-dark-border-subtle: #140000;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(255, 0, 0, 0.15), rgba(255, 0, 0, 0));
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #8b0000;
+    --bs-border-color-translucent: rgba(139, 0, 0, 1);
+
+    --bs-emphasis-color-rgb: var(--bs-card-title-color);
+    --bs-warning-text-emphasis: var(--bs-code-color);
+    --bs-body-color-rgb: var(--bs-body-color);
+    --bs-secondary-rgb: var(--bs-btn-color);
+    --bs-table-bg: var(--bs-tertiary-bg);
+    --bs-tertiary-bg-rgb: var(--bs-tertiary-bg);
+}
+
+/* バンブルビーモード */
+[data-bs-theme="bumblebee"] {
+    --bs-body-bg: #1a1a00; /* 濃いオリーブ */
+    --bs-body-color: #ffff00; /* 黄 */
+    --bs-emphasis-color: #ffff00; /* 黄 */
+    --bs-secondary-color: #b8860b; /* ダークゴールデンロッド */
+    --bs-secondary-bg: #0d0d00;
+    --bs-tertiary-color: #ffd700; /* ゴールド */
+    --bs-tertiary-bg: #525235;
+    --bs-link-color: #ffcc00; /* 明るい黄 */
+    --bs-link-hover-color: #e6b800; /* より濃い黄 */
+    --bs-code-color: #f0f8ff; /* アリスブルー */
+    --bs-highlight-bg: #333300;
+    --bs-highlight-border-color: #1a1a00;
+  
+    --bs-primary: #ffcc00; /* 明るい黄 */
+    --bs-primary-rgb: 255, 204, 0;
+    --bs-primary-text: #000;
+    --bs-primary-bg-subtle: #4d4000;
+    --bs-primary-border-subtle: #332b00;
+    --bs-secondary: #b8860b; /* ダークゴールデンロッド */
+    --bs-secondary-rgb: 184, 134, 11;
+    --bs-secondary-text: #000;
+    --bs-secondary-bg-subtle: #2e2103;
+    --bs-secondary-border-subtle: #1f1602;
+    --bs-success: #008000; /* 緑 (コントラスト用) */
+    --bs-success-rgb: 0, 128, 0;
+    --bs-success-text: #fff;
+    --bs-success-bg-subtle: #001900;
+    --bs-success-border-subtle: #000d00;
+    --bs-info: #008b8b; /* ダークシアン (コントラスト用) */
+    --bs-info-rgb: 0, 139, 139;
+    --bs-info-text: #fff;
+    --bs-info-bg-subtle: #001a1a;
+    --bs-info-border-subtle: #000d0d;
+    --bs-warning: #ffff00; /* 黄 */
+    --bs-warning-rgb: 255, 255, 0;
+    --bs-warning-text: #000;
+    --bs-warning-bg-subtle: #4d4d00;
+    --bs-warning-border-subtle: #333300;
+    --bs-danger: #ff4500; /* オレンジレッド (コントラスト用) */
+    --bs-danger-rgb: 255, 69, 0;
+    --bs-danger-text: #fff;
+    --bs-danger-bg-subtle: #4d1100;
+    --bs-danger-border-subtle: #330b00;
+    --bs-light: #333300; /* 濃いオリーブ */
+    --bs-light-rgb: 51, 51, 0;
+    --bs-light-text: #fff;
+    --bs-light-bg-subtle: #1a1a00;
+    --bs-light-border-subtle: #0d0d00;
+    --bs-dark: #b8860b; /* ダークゴールデンロッド */
+    --bs-dark-rgb: 184, 134, 11;
+    --bs-dark-text: #000;
+    --bs-dark-bg-subtle: #2e2103;
+    --bs-dark-border-subtle: #1f1602;
+  
+    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 0, 0.15), rgba(255, 255, 0, 0));
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #b8860b;
+    --bs-border-color-translucent: rgba(184, 134, 11, 1);
+
+    --bs-emphasis-color-rgb: var(--bs-card-title-color);
+    --bs-warning-text-emphasis: var(--bs-code-color);
+    --bs-body-color-rgb: var(--bs-body-color);
+    --bs-secondary-rgb: var(--bs-btn-color);
+    --bs-table-bg: var(--bs-tertiary-bg);
+    --bs-tertiary-bg-rgb: var(--bs-tertiary-bg);
+}

cmdbox/web/assets/cmdbox/common.js

@@ -10,6 +10,25 @@ cmdbox.change_dark_mode = (dark_mode) => {
   else html.attr('data-bs-theme','dark');
   $('body').css('background-color', '');
 };
+cmdbox.change_color_mode = (color_mode) => {
+  const html = $('html');
+  color_mode = !color_mode ? localStorage.getItem('color_mode') : color_mode;
+  if(color_mode == 'light') html.attr('data-bs-theme','light');
+  else if(color_mode == 'midnight') html.attr('data-bs-theme','midnight');
+  else if(color_mode == 'deepsea') html.attr('data-bs-theme','deepsea');
+  else if(color_mode == 'verdant') html.attr('data-bs-theme','verdant');
+  else if(color_mode == 'bumblebee') html.attr('data-bs-theme','bumblebee');
+  else if(color_mode == 'crimson') html.attr('data-bs-theme','crimson');
+  else html.attr('data-bs-theme','dark');
+  localStorage.setItem('color_mode', color_mode);
+  if (color_mode) {
+    const elem = $('.change_color_mode');
+    elem.val(color_mode);
+    elem.css('background-color', 'var(--bs-body-bg)');
+    elem.css('color', 'var(--bs-body-color)');
+  }
+  $('body').css('background-color', '');
+};
 /**
  * ローディング表示
  */