Module:Documentation/styles.css

/* Base styling with glowing text effect */
.documentation,
.documentation-metadata {
    border: 1px solid #a2a9b1;
    background-color: #D4213D; /* Poland's flag red */
    clear: both;
    color: black; /* Black text by default */
    text-shadow: 0 0 8px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF; /* Glowing effect */
}

/* Redlinks: Colors for unvisited and visited redlinks */
.documentation a.new,
.documentation a.new:visited {
    color: #b20000; /* Dark red for redlinks (both unvisited and visited) */
}

/* Light background areas (no glow) */
.documentation pre,
.documentation code,
.documentation table {
    color: black; /* Black text */
    background-color: #E9E8E7; /* Light background */
    border: 1px solid #ddd;
    text-shadow: none; /* Disable glow for clean look */
}

/* Structural styling */
.documentation-startbox {
    padding-bottom: 3px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 1ex;
}

.documentation-heading {
    font-weight: bold;
    font-size: 125%;
}

.documentation-clear {
    clear: both;
}

.documentation-toolbar {
    font-style: normal;
    font-size: 85%;
}

/* Night/Dark mode adjustments */
@media screen {
    html.skin-theme-clientpref-night .documentation,
    html.skin-theme-clientpref-night .documentation-metadata {
        background-color: #0b1e1c;
        color: white; /* Light text for contrast */
        text-shadow: none; /* No glow for light text */
    }
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata {
        background-color: #0b1e1c;
        color: white; /* Light text for contrast */
        text-shadow: none; /* No glow for light text */
    }
}

/* Light mode overrides */
html:not(.skin-theme-clientpref-night):not(.skin-theme-clientpref-os) .documentation,
html:not(.skin-theme-clientpref-night):not(.skin-theme-clientpref-os) .documentation-metadata {
    color: black; /* Black text */
    text-shadow: 0 0 8px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF; /* Glowing effect */
}