/* Custom styles for Sperax MCP documentation */
/* Neutral Black & White Theme */
:root {
--sperax-primary: #000000;
--sperax-secondary: #333333;
--sperax-accent: #666666;
--sperax-dark: #111111;
}
/* Override MkDocs Material primary color for neutral theme */
[data-md-color-scheme="default"] {
--md-primary-fg-color: #000000;
--md-primary-fg-color--light: #333333;
--md-primary-fg-color--dark: #000000;
--md-accent-fg-color: #555555;
}
[data-md-color-scheme="slate"] {
--md-primary-fg-color: #ffffff;
--md-primary-fg-color--light: #e0e0e0;
--md-primary-fg-color--dark: #ffffff;
--md-accent-fg-color: #aaaaaa;
}
/* Header - solid black */
.md-header {
background: #000000;
}
/* Hero section on home page */
.md-typeset .hero {
text-align: center;
padding: 2rem 0;
}
/* Card grid enhancements */
.md-typeset .grid.cards > ul > li {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.md-typeset .grid.cards > ul > li:hover {
transform: translateY(-4px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
/* Code block styling */
.md-typeset pre > code {
font-size: 0.85em;
}
/* Mermaid diagram styling */
.mermaid {
text-align: center;
margin: 1.5rem 0;
}
/* Table improvements */
.md-typeset table:not([class]) {
font-size: 0.85rem;
}
.md-typeset table:not([class]) th {
font-weight: 600;
white-space: nowrap;
}
/* Admonition tweaks */
.md-typeset .admonition {
font-size: 0.9rem;
}
/* Command/tool name styling */
.md-typeset code.command {
background-color: var(--md-code-bg-color);
padding: 0.1em 0.4em;
border-radius: 0.2em;
font-weight: 500;
}
/* Version badge */
.md-typeset .version-badge {
display: inline-block;
padding: 0.2em 0.6em;
font-size: 0.75em;
font-weight: 600;
border-radius: 1em;
background-color: var(--md-primary-fg-color);
color: white;
}
/* Status indicators */
.md-typeset .status-ok {
color: #4caf50;
}
.md-typeset .status-warning {
color: #ff9800;
}
.md-typeset .status-error {
color: #f44336;
}
/* Ethereum colors */
.md-typeset .eth-purple {
color: #627EEA;
}
/* Feature list with icons */
.md-typeset .feature-list {
list-style: none;
padding-left: 0;
}
.md-typeset .feature-list li {
padding-left: 1.5em;
position: relative;
margin-bottom: 0.5em;
}
.md-typeset .feature-list li::before {
content: "✓";
position: absolute;
left: 0;
color: #4caf50;
font-weight: bold;
}
/* Terminal output styling */
.md-typeset .terminal-output {
background-color: #1e1e1e;
color: #d4d4d4;
padding: 1rem;
border-radius: 0.4rem;
font-family: "JetBrains Mono", monospace;
font-size: 0.85rem;
overflow-x: auto;
}
/* Navigation improvements */
.md-nav__link--active {
font-weight: 600;
}
/* Footer customization */
.md-footer-meta {
background-color: var(--md-footer-bg-color);
}
/* Mobile responsiveness */
@media screen and (max-width: 76.1875em) {
.md-typeset .grid.cards > ul > li {
padding: 1rem;
}
}
/* Print styles */
@media print {
.md-typeset .admonition {
break-inside: avoid;
}
.md-typeset pre {
break-inside: avoid;
}
}
