body{background:#363636;color:#f3f6f4}
.card{border:1px solid #555;background:#2b2b2b;color:#f3f6f4}
.navbar-dark.bg-dark{background:#222 !important}
a, .btn-link{color:#8fd3ff}
.form-control{background:#1f1f1f;border-color:#555;color:#f3f6f4}
.form-control::placeholder{color:#9aa0a6}
.table{color:#f3f6f4}
<style>
  .chips { display:flex; gap:.4rem; flex-wrap:wrap }
  .chip { display:inline-block; padding:.2rem .5rem; border-radius:12px; background:#2f3542; color:#fff; font-size:.8rem; }
  .chip.active { background:#0ea5e9; }
  .chip.danger { background:#ef4444; }
  .chip.danger.active { background:#b91c1c; }
</style>

/* static/style.css */
.bg-panel { background: #1d222b; border: 1px solid #2a2f38; border-radius: .75rem; }
.card.bg-panel .card-title { color: #e4e7ec; }
.table.pretty-table { border-radius:.5rem; overflow:hidden; }