StreamlitのUIを簡単に改善！デザイン設定とconfig.toml解説

作業ディレクトリ/
├── app.py
└── .streamlit/
    └── config.toml

[theme]
# ボタンやアクティブ要素の色（明るめでアクセントを付ける）
primaryColor = "#00E5FF"

# メイン背景（真っ黒）
backgroundColor = "#000000"

# サイドバーやウィジェットの背景（やや明るい黒）
secondaryBackgroundColor = "#111111"

# 文字色（白）
textColor = "#FFFFFF"

# フォント
font = "monospace"

streamlit run your_app.py

[theme]
primaryColor = "#00E5FF"              # 鮮やかなシアン
backgroundColor = "#000000"           # 黒背景
secondaryBackgroundColor = "#111111"  # サイドバーなどはやや明るめ
textColor = "#FFFFFF"                 # 白文字
font = "monospace"                    # 等幅フォント（開発ツール風）

[theme]
primaryColor = "#4A90E2"               # 柔らかいブルー
backgroundColor = "#FAFAF2"            # 薄いクリーム色
secondaryBackgroundColor = "#FFFFFF"   # カードやサイドバーは白
textColor = "#333333"                  # 黒より優しいダークグレー
font = "sans serif"                    # 読みやすいサンセリフ体

[theme]
backgroundColor = "white"           # 白背景（清潔感）
textColor = "black"                 # 黒文字（標準的）
font = "sans serif"                 # 読みやすいサンセリフ体

[client]
showErrorDetails = "none"           # エラー詳細は非表示
toolbarMode = "minimal"             # ツールバーを最小化

[runner]
magicEnabled = false                # 変数だけでの表示を無効化
fastReruns = false                  # 再実行の高速化を無効化

[server]
enableCORS = true                      # CORS（クロスオリジン）保護を有効に
enableXsrfProtection = true            # XSRF（クロスサイトリクエスト）保護を有効に
cookieSecret = "your-secret-key-here"  # セッション管理用の秘密鍵（任意で設定）
headless = true                        # ブラウザを自動で開かない（SSHなどに便利）

[browser]
gatherUsageStats = false               # 利用統計データを送信しない

[server]
runOnSave = true       # ファイル保存時に自動で再実行（開発が効率的に）
headless = true        # ブラウザを自動で開かない（SSHやサーバー実行向け）
port = 8501            # 利用するポート番号を指定（デフォルトと同じ）

[runner]
fastReruns = true      # ユーザー操作に対して即時に再実行（インタラクティブ性向上）

[theme]
primaryColor = "#FF5733"        # 鮮やかなオレンジ（ボタンやアクティブ要素に適用）
backgroundColor = "#FFFFFF"     # 白背景（明るくクリーンな印象）
textColor = "#000000"           # 黒文字（視認性が高い）
font = "serif"                  # セリフ体フォント（読みやすく伝統的な印象）

[server]
port = 8502                     # アプリのポート番号を変更（複数起動時などに便利）
enableCORS = true               # CORS（外部ドメインからのアクセス）を許可

[client]
toolbarMode = "developer"       # ツールバーに開発者向けメニューを常に表示
showErrorDetails = "stacktrace" # ブラウザにスタックトレースを表示（デバッグしやすい）

[runner]
fastReruns = true               # 操作に対して即時に再実行（レスポンスが速くなる）
magicEnabled = true             # 変数名だけで画面出力（開発中の確認に便利）