cmdbox 0.5.1.2__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', '');
+};
 /**
  * ローディング表示
  */

cmdbox/web/assets/cmdbox/list_cmd.js

@@ -93,13 +93,14 @@ const list_cmd_func = async () => {
     };
     // タグボタンを追加
     py_list_cmd.forEach(row => {
+        // タグボタンを追加
         if (!row.tag || !Array.isArray(row.tag)) return;
         row.tag.forEach(tag => {
             if (tag=='') return;
             if (cmd_item_tags.find(`[data-tag="${tag}"]`).length > 0) return;
-            const elem = $(`<button type="button" class="btn btn-outline-secondary btn-sm btn-tag me-2">${tag}</button>`);
+            const elem = $(`<button type="button" class="btn btn-outline-secondary btn-sm btn-tag me-2">` +
+                            `<svg class="bi svg-tag" width="16" height="16" fill="currentColor"><use href="#svg_tag"></use></svg>${tag}</button>`);
             elem.attr('data-tag', tag);
-            elem.text(tag);
             elem.click(tag_bot_click);
             cmd_item_tags.append(elem);
         });
@@ -176,6 +177,8 @@ const list_cmd_func_then = () => {
                     if (next_elem) next_elem.after(elem);
                     else row_content.append(elem);
                     input_elem = elem.find('.row_content_template_input');
+                    if(row.type=='date') input_elem.attr('type', 'date');
+                    else if(row.type=='datetime') input_elem.attr('type', 'datetime-local');
                     input_elem.removeClass('row_content_template_input');
                     input_elem.val(row.default);
                 }
@@ -265,9 +268,7 @@ const list_cmd_func_then = () => {
                 // マルチの場合は追加ボタンを追加
                 if(row.multi){
                     const btn_a = $('<button class="btn btn-secondary add_buton" type="button"></button>');
-                    btn_a.append('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">'
-                                +'<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>'
-                                +'</svg>');
+                    btn_a.append('<svg class="bi bi-plus" width="16" height="16" fill="currentColor"><use href="#btn_plus"></use></svg>');
                     input_elem.parent().append(btn_a);
                     let mk_func = (row, next_elem) => {
                         // row, next_elemの値を残すためにクロージャーにする
@@ -286,10 +287,8 @@ const list_cmd_func_then = () => {
                             return () => del_elem.remove();
                         }
                         const btn_t = $('<button class="btn btn-secondary" type="button"></button>');
-                        btn_t.append('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">'
-                                +'<path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>'
-                                +'<path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>'
-                                +'</svg>');
+                        btn_trash
+                        btn_t.append('<svg class="bi bi-trash" width="16" height="16" fill="currentColor"><use href="#btn_trash"></use></svg>');
                         input_elem.parent().append(btn_t);
                         btn_t.click(mk_func(input_elem.parent().parent(), row));
                     }
@@ -572,7 +571,7 @@ const get_param = (modal_elem) => {
                 $(elem).addClass('is-valid');
             }
         } else if (data_type=='bool') {
-            if(data_val!='true' && data_val!='false') $(elem).addClass('is-invalid');
+            if(data_val!='true' && data_val!='false' && !$(elem).prop('disabled')) $(elem).addClass('is-invalid');
             else {
                 data_val = data_val=='true';
                 $(elem).removeClass('is-invalid');

cmdbox/web/assets/cmdbox/main.js

@@ -1,6 +1,6 @@
 $(() => {
-    // ダークモード対応
-    cmdbox.change_dark_mode(window.matchMedia('(prefers-color-scheme: dark)').matches);
+    // カラーモード対応
+    cmdbox.change_color_mode();
     // コマンド一覧の取得と表示
     list_cmd_func().then(list_cmd_func_then);
     // コマンド一覧の検索

cmdbox/web/assets/cmdbox/result.js

@@ -1,6 +1,6 @@
 $(() => {
-    // ダークモード対応
-    cmdbox.change_dark_mode(window.matchMedia('(prefers-color-scheme: dark)').matches);
+    // カラーモード対応
+    cmdbox.change_color_mode();
     // アイコンを表示
     cmdbox.set_logoicon('.navbar-brand');
     // copyright表示

cmdbox/web/assets/cmdbox/signin.js

@@ -1,6 +1,6 @@
 $(() => {
-    // ダークモード対応
-    cmdbox.change_dark_mode(window.matchMedia('(prefers-color-scheme: dark)').matches);
+    // カラーモード対応
+    cmdbox.change_color_mode();
 
     $('.theme-item').off('click').on('click', (event) => {
         $('.theme-item').removeClass('active');

cmdbox/web/assets/cmdbox/users.js

@@ -552,9 +552,8 @@ users.passsetting_list = async () => {
     mk_card(passsetting_elem, 'Account Lockout', passsetting_root_data['lockout']);
 };
 $(() => {
-    // ダークモード対応
-    cmdbox.change_dark_mode(window.matchMedia('(prefers-color-scheme: dark)').matches);
-
+    // カラーモード対応
+    cmdbox.change_color_mode();
     // アイコンを表示
     cmdbox.set_logoicon('.navbar-brand');
     // copyright表示

cmdbox/web/assets/cmdbox/view_result.js

@@ -24,7 +24,7 @@ const render_result_func = (target_elem, result, res_size) => {
     if (!result || Array.isArray(result) && result.length<=0) return;
     const mk_table_func = () => {
         const table = $('<table class="table table-bordered table-hover table-sm"></table>');
-        const table_head = $('<thead class="table-dark bg-dark"></thead>');
+        const table_head = $('<thead></thead>');
         const table_body = $('<tbody></tbody>');
         table.append(table_head);
         table.append(table_body);

cmdbox/web/assets/filer/main.js

@@ -1,6 +1,6 @@
 $(() => {
-  // ダークモード対応
-  cmdbox.change_dark_mode(window.matchMedia('(prefers-color-scheme: dark)').matches);
+  // カラーモード対応
+  cmdbox.change_color_mode();
   // スプリッター初期化
   $('.split-pane').splitPane();
   // アイコンを表示