.json-highlighter {
  background-color: #1e1e1e;
  color: #d4d4d4;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 0.875rem;
  padding: 1rem;
  border-radius: 6px;
  overflow-x: auto;
  line-height: 1.5;
}

.json-highlighter .json-key {
  color: #9cdcfe;
}

.json-highlighter .json-string {
  color: #ce9178;
}

.json-highlighter .json-number {
  color: #b5cea8;
}

.json-highlighter .json-boolean {
  color: #569cd6;
}

.json-highlighter .json-null {
  color: #569cd6;
}

.json-highlighter .json-bracket {
  color: #ffd700;
}

[data-theme="light"] .json-highlighter {
  background-color: #f5f5f5;
  color: #333;
}

[data-theme="light"] .json-highlighter .json-key {
  color: #0451a5;
}

[data-theme="light"] .json-highlighter .json-string {
  color: #a31515;
}

[data-theme="light"] .json-highlighter .json-number {
  color: #098658;
}

[data-theme="light"] .json-highlighter .json-boolean {
  color: #0000ff;
}

[data-theme="light"] .json-highlighter .json-bracket {
  color: #d63e28;
}