/* ============================================================================
   LespaceFiles テーマ色設定ファイル
   ----------------------------------------------------------------------------
   置き場所 : <SFTPGoのstaticフォルダ>\branding\lespace-theme.css
              本番なら C:\ProgramData\SFTPGo\static\branding\lespace-theme.css
   読み込み : sftpgo.json の httpd.bindings[].branding.*.extra_css に
              "/branding/lespace-theme.css" を指定してある（設定済み）

   変更方法 : 下の「ここだけ書き換える」の数値（R, G, B）を書き換えて保存 →
              ブラウザで Ctrl+F5（強制再読込）。サービス再起動でも反映されます。
              ※ 数値は 0〜255 のカンマ区切り。#RRGGBB ではなく「R, G, B」で書くこと

   注意     : このファイルは deploy.ps1 が static を差し替えるときも
              自動で引き継がれます（サーバ上の内容が優先）。
              色を確定したら deploy_v2.7.5_custom\static\branding\ にも
              同じ内容をコピーしておくと、次のクリーン配置でも同じ色になります。
   ============================================================================ */

/* ========================= ここだけ書き換える ========================= */
:root {
  /* ---------- ノーマル（ライト）モード ---------- */
  --lespace-light-page:    255, 255, 255;  /* ログイン画面・共有ログイン画面の背景 */
  --lespace-light-app:     255, 255, 255;  /* ログイン後の画面全体の背景 */
  --lespace-light-surface: 255, 255, 255;  /* カード（白い枠）の面 */
  --lespace-light-panel:   249, 249, 249;  /* 表のヘッダなど薄いパネル */
  --lespace-light-header:  255, 255, 255;  /* 上部ヘッダー */

  /* ---------- ダークモード ---------- */
  /* SFTPGo既定の #151521 は青みが強いので、無彩色のグレーにしている */
  --lespace-dark-page:     26, 26, 26;     /* ログイン画面・共有ログイン画面の背景 */
  --lespace-dark-app:      18, 18, 18;     /* ログイン後の画面全体の背景 */
  --lespace-dark-surface:  30, 30, 30;     /* カードの面 */
  --lespace-dark-panel:    38, 38, 38;     /* 表のヘッダなど薄いパネル */
  --lespace-dark-sidebar:  12, 12, 12;     /* 左サイドバー */
  --lespace-dark-header:   18, 18, 18;     /* 上部ヘッダー */
}
/* ===================================================================== */


/* ---- 以下は書き換え不要（上の値をSFTPGo/Metronicの変数へ流し込む） ---- */

:root,
:root[data-bs-theme="light"] {
  --bs-app-blank-bg-color: rgb(var(--lespace-light-page));
  --bs-app-bg-color: rgb(var(--lespace-light-app));
  --bs-body-bg: rgb(var(--lespace-light-surface));
  --bs-body-bg-rgb: var(--lespace-light-surface);
  --bs-light: rgb(var(--lespace-light-panel));
  --bs-light-rgb: var(--lespace-light-panel);
  --bs-gray-100: rgb(var(--lespace-light-panel));
  --bs-app-header-base-bg-color: rgb(var(--lespace-light-header));
}

:root[data-bs-theme="dark"] {
  --bs-app-blank-bg-color: rgb(var(--lespace-dark-page));
  --bs-app-bg-color: rgb(var(--lespace-dark-app));
  --bs-body-bg: rgb(var(--lespace-dark-surface));
  --bs-body-bg-rgb: var(--lespace-dark-surface);
  --bs-light: rgb(var(--lespace-dark-panel));
  --bs-light-rgb: var(--lespace-dark-panel);
  --bs-gray-100: rgb(var(--lespace-dark-panel));
  --bs-app-sidebar-base-bg-color: rgb(var(--lespace-dark-sidebar));
  --bs-app-header-base-bg-color: rgb(var(--lespace-dark-header));
}

/* ブランクページ（ログイン等）は body に直接色が乗るので明示的に上書きする */
body.app-blank {
  background-color: var(--bs-app-blank-bg-color);
}

:root[data-bs-theme="dark"] body.app-blank {
  background-color: rgb(var(--lespace-dark-page));
}