/* Dark theme override for blog posts converted from VS Code markdown export. Usage: add this ONE line inside of any post: */ body { background-color: #0d1117 !important; color: #c9d1d9 !important; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #e6edf3 !important; border-bottom-color: #30363d !important; } /* Links */ a { color: #58a6ff !important; } a:hover { color: #79c0ff !important; } /* Code blocks */ pre, code { background-color: #161b22 !important; color: #e6edf3 !important; border: 1px solid #30363d !important; border-radius: 6px; } /* Inline code */ :not(pre) > code { background-color: #1f2937 !important; padding: 0.1em 0.35em; border-radius: 4px; } /* Blockquotes */ blockquote { border-left-color: #3d444d !important; color: #8b949e !important; } /* Tables */ table th, table td { border-color: #30363d !important; } table tr:nth-child(even) { background-color: #161b22 !important; } table tr:hover { background-color: #1c2128 !important; } /* Horizontal rules */ hr { border-color: #30363d !important; } /* ── Responsive / device-friendly ── */ /* Wrap wide tables and pre blocks so they scroll horizontally instead of overflowing off-screen on phones */ pre, table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* Comfortable max reading width on large screens */ body { max-width: 860px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; } /* Tablet (≤768px) */ @media (max-width: 768px) { body { font-size: 15px !important; } h1 { font-size: 1.5rem !important; } h2 { font-size: 1.25rem !important; } h3 { font-size: 1.1rem !important; } pre { font-size: 0.82rem !important; } } /* Phone (≤480px) */ @media (max-width: 480px) { body { font-size: 14px !important; padding-left: 0.9rem !important; padding-right: 0.9rem !important; } h1 { font-size: 1.3rem !important; } pre { font-size: 0.78rem !important; } /* Make table cells wrap text instead of forcing wide layout */ table th, table td { white-space: normal !important; font-size: 0.8rem !important; } }