Modèle:Preload/Documentation/styles.css

.nef-doc-preload-container {
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 4px;
    padding: 1.5em;
    margin-bottom: 1em;
}

:root {
    --nef-preload-bg: #f8f9fa;
    --nef-preload-border: #a2a9b1;
    --nef-preload-code-bg: #282c34;
    --nef-preload-code-text: #abb2bf;
    --nef-preload-code-keyword: #c678dd;
    --nef-preload-code-string: #98c379;
    --nef-preload-table-header: #4b6584;
    --nef-preload-table-border: #748594;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-preload-container {
        background-color: #22272e;
        border-color: #444c56;
    }

    :root {
        --nef-preload-bg: #22272e;
        --nef-preload-border: #444c56;
        --nef-preload-code-bg: #282c34;
        --nef-preload-code-text: #abb2bf;
    }
}

/* Style pour les blocs de code */
.nef-doc-codeblock {
    background-color: var(--nef-preload-code-bg);
    color: var(--nef-preload-code-text);
    border: 1px solid var(--nef-preload-border);
    border-radius: 4px;
    padding: 0.8em;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    tab-size: 2;
    overflow-x: auto;
}

/* Mise en forme des paramètres */
.nef-param-table {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
}

.nef-param-table th {
    background-color: var(--nef-preload-table-header);
    color: white;
    padding: 0.5em;
    text-align: left;
}

.nef-param-table td {
    border: 1px solid var(--nef-preload-table-border);
    padding: 0.5em;
}

/* Instructions pour l'utilisateur */
.nef-doc-instructions {
    background-color: #d8e6f3;
    color: #000;
    padding: 0.8em;
    border-left: 3px solid #2c7be5;
    margin: 1em 0;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-instructions {
        background-color: #0a1e32;
        color: #e1ecf9;
        border-left-color: #4d94ff;
    }
}

/* Placeholders visuels */
.nef-doc-placeholder {
    color: #797d85;
    font-style: italic;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-placeholder {
        color: #9aa1ab;
    }
}