Template:GlossaryGraph/styles.css

.glossary-graph {
    background-color: #000000; /* Black background */
    color: #00FF00; /* Green text */
    font-family: "Courier New", monospace; /* Fallback font */
    border: 1px solid #00FF00; /* Green border */
    padding: 0.5em;
    box-shadow: 0 0 5px #00FF00; /* CRT glow */
    margin-top: 1em;
    width: 400px; /* Fixed width */
    height: 300px; /* Fixed height */
}
.glossary-graph svg {
    background-color: #000000;
    width: 100%;
    height: 100%;
}
@media screen {
    html.skin-theme-clientpref-night .glossary-graph,
    html.skin-theme-clientpref-night .glossary-graph svg {
        background-color: #111111; /* Near-black for dark mode */
        color: #00FF00;
        box-shadow: 0 0 5px #00FF00;
    }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .glossary-graph,
    html.skin-theme-clientpref-os .glossary-graph svg {
        background-color: #111111;
        color: #00FF00;
        box-shadow: 0 0 5px #00FF00;
    }
}