@charset "UTF-8";

/*テーマにより変更する値をCSS変数*/
:root {
    --theme_color: #333; /*テーマメイン色（サイドバー）*/
    --theme_background: whitesmoke; /*ページの背景色*/
    --command_bar_background: #dde; /*コマンドバー背景色*/
    --theme_header_color: rgba(98,98,98); /*ページ上部の領域*/
    --theme_border_color: var(--theme_color); /*ボーダーカラー*/
    /* 戻るボタン */
    --preview_button_color: var(--theme_color);
    --preview_button_background: white;
    --preview_button_border: 2px solid var(--theme_color);
    --preview_button_arrow_color: var(--theme_color);
    /* 選択行 背景色 */
    --current_background: gainsboro;
    /* 塊感のある項目のセパレータの背景色 */
    --separater1_background: dimgray;
    --separater2_background: gray;
    --separater3_background: darkgray;
    /* 一覧 */
    --flex-list_border_color: var(--theme_color); /*一覧の枠線*/
    --flex-item_separater_color: lightgray; /*レスポンシブ時の項目間の下線*/
    --flex-list_background_color_header: silver; /* ヘッダ行背景色（テーマに準じる）*/
    --flex-list_background_color_odd: whitesmoke; /* 奇数行背景色（テーマに準じる）*/
    /*下部背景（最後の定義のみ使用）*/
    /* basic.css の内容を書き換えたい場合に定義する */
}