Bản mẫu:Hướng dẫn bản mẫu/styles.css
Giao diện
div.tj-box { font-family: 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace; padding: 1em; white-space: pre-wrap; overflow-x: hidden; word-wrap: break-word; background-color: var(--background-color-neutral-subtle, #f8f9fa); color: var(--color-emphasized, #000); border: 1px solid var(--border-color-muted, #eaecf0); line-height: 1.3; tab-size: 4; vertical-align: baseline; margin: 0;}div.tj-box span.tj-tn,div.tj-box span.tj-tn a,div.tj-box span.tj-tn a:link,div.tj-box span.tj-tn a:visited,div.tj-box span.tj-tn a:hover { font-weight: bold; color: #4169e1;}div.tj-box span.tj-an { font-weight: bold; color: #2e8b57;}div.tj-box span.tj-ac { font-style: italic; color: #933;}/* Dark mode support */@media screen { html.skin-theme-clientpref-night div.tj-box span.tj-tn, html.skin-theme-clientpref-night div.tj-box span.tj-tn a, html.skin-theme-clientpref-night div.tj-box span.tj-tn a:link, html.skin-theme-clientpref-night div.tj-box span.tj-tn a:visited, html.skin-theme-clientpref-night div.tj-box span.tj-tn a:hover { color: #6383E7; } html.skin-theme-clientpref-night div.tj-box span.tj-an { color: #339a60; } html.skin-theme-clientpref-night div.tj-box span.tj-ac { color: #D07373; }}@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os div.tj-box span.tj-tn, html.skin-theme-clientpref-os div.tj-box span.tj-tn a, html.skin-theme-clientpref-os div.tj-box span.tj-tn a:link, html.skin-theme-clientpref-os div.tj-box span.tj-tn a:visited, html.skin-theme-clientpref-os div.tj-box span.tj-tn a:hover { color: #6383E7; } html.skin-theme-clientpref-os div.tj-box span.tj-an { color: #339a60; } html.skin-theme-clientpref-os div.tj-box span.tj-ac { color: #D07373; }}