custom.css

/* Pixel Heroes–inspired theme */
body, .gradio-container {
  background: #2b1c3a !important;
  color: #f8f1e7 !important;
  font-family: 'Press Start 2P', monospace !important;
}

button, input, textarea {
  border: 2px solid #7d5a83 !important;
  background: #3e2a4f !important;
  font-size: 12px !important;
  font-family: inherit !important;
}

button:hover {
  background: #5a3d7e !important;
}

.gradio-chatbot {
  border: 4px solid #7d5a83 !important;
  border-radius: 0 !important; /* sharp corners */
}

.gradio-tabs > .tabitem {
  border: 2px solid #7d5a83 !important;
  background: #3e2a4f !important;
  padding: 8px !important;
  margin-right: 4px !important;
}

.gradio-tabs > .tabitem-active {
  background: #5a3d7e !important;
}