Template:Documentation/styles.css

.documentation,
.documentation-metadata {
    border: 1px solid #00FF00;
    background-color: #000000;
    color: #00FF00;
    font-family: "Courier New", monospace; /* Fallback until font fixed */
    clear: both;
    padding: 0.5em;
    box-shadow: 0 0 5px #00FF00;
}
.documentation {
    margin: 1em 0 0 0;
}
.documentation-metadata {
    margin: 0.2em 0;
    font-style: italic;
    padding: 0.4em 0.5em;
}
.documentation-startbox {
    padding-bottom: 2px;
    border-bottom: 1px solid #00FF00;
    margin-bottom: 0.5ex;
}
.documentation-heading {
    font-weight: bold;
    font-size: 130%;
    text-transform: uppercase;
    color: #00FF00; /* Ensure visibility */
}
.documentation h2, .documentation h3, .documentation h4 {
    color: #00FF00; /* Green for headers like "Usage" */
    font-family: "Courier New", monospace;
    font-weight: bold;
    margin-top: 0.5em;
}
.documentation-clear {
    clear: both;
}
.documentation-toolbar {
    font-style: normal;
    font-size: 80%;
    color: #00CC00;
}
@media screen {
    html.skin-theme-clientpref-night .documentation,
    html.skin-theme-clientpref-night .documentation-metadata,
    html.skin-theme-clientpref-night .documentation h2,
    html.skin-theme-clientpref-night .documentation h3,
    html.skin-theme-clientpref-night .documentation h4 {
        background-color: #111111;
        color: #00FF00;
        box-shadow: 0 0 5px #00FF00;
    }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata,
    html.skin-theme-clientpref-os .documentation h2,
    html.skin-theme-clientpref-os .documentation h3,
    html.skin-theme-clientpref-os .documentation h4 {
        background-color: #111111;
        color: #00FF00;
        box-shadow: 0 0 5px #00FF00;
    }
}