sandbox-agent/docs/theme.css
Nicholas Kissel 927e77c7e2 fix(docs): restore dark theme styling with custom CSS
Re-enable theme.css with full custom styling (links, inputs, cards,
code blocks, alerts) and update docs.json color values.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-24 21:25:06 -07:00

72 lines
1.1 KiB
CSS

:root {
color-scheme: dark;
--sa-primary: #ff4f00;
--sa-bg: #000000;
--sa-card: #1c1c1e;
--sa-border: #2c2c2e;
--sa-input-bg: #2c2c2e;
--sa-input-border: #3a3a3c;
--sa-text: #ffffff;
--sa-muted: #8e8e93;
--sa-success: #30d158;
--sa-warning: #ff4f00;
--sa-danger: #ff3b30;
--sa-purple: #bf5af2;
}
html,
body {
background-color: var(--sa-bg);
color: var(--sa-text);
}
a {
color: var(--sa-primary);
}
a:hover {
color: var(--sa-warning);
}
hr {
border-color: var(--sa-border);
}
input,
textarea,
select {
background-color: var(--sa-input-bg);
border: 1px solid var(--sa-input-border);
color: var(--sa-text);
}
code,
pre {
background-color: var(--sa-card);
border: 1px solid var(--sa-border);
color: var(--sa-text);
}
.card,
.mintlify-card,
.docs-card {
background-color: var(--sa-card);
border: 1px solid var(--sa-border);
}
.muted,
.text-muted {
color: var(--sa-muted);
}
.alert-success {
border-color: var(--sa-success);
}
.alert-warning {
border-color: var(--sa-warning);
}
.alert-danger {
border-color: var(--sa-danger);
}