CSS personalizado

Use el contrato público de temas, mantenga la compatibilidad y recupere una interfaz dañada.

Abra Configuración → Desarrollador → CSS personalizado. Esta función es estrictamente de apariencia: no añade capacidades al servidor y no modifica los permisos.

Contrato recomendado

Utilice las variables públicas --nd-*. Las clases internas .nd-* pueden cambiar y no constituyen un contrato estable.

:root {
  --nd-accent: #7c3aed;
  --nd-accent-glow: rgba(124, 58, 237, 0.18);
  --nd-card-radius: 16px;
  --nd-card-border: rgba(124, 58, 237, 0.24);
}

Colores y superficies

Variables	Uso
`--nd-bg`, `--nd-bg-surface`, `--nd-bg-gradient`	Fondo global
`--nd-card-bg-rgb`, `--nd-card-bg-opacity`, `--nd-card-bg`	Superficies de tarjetas
`--nd-subcard-bg`, `--nd-card-border`, `--nd-card-hover-border`, `--nd-card-shadow`	Tarjetas anidadas, bordes y sombras
`--nd-text`, `--nd-text-muted`, `--nd-text-dimmed`	Jerarquía tipográfica
`--nd-accent`, `--nd-accent-glow`, `--nd-accent-dim`	Color de acento
`--nd-green`, `--nd-yellow`, `--nd-orange`, `--nd-red`	Estados
`--nd-blue`, `--nd-purple`	Colores complementarios
`--nd-progress-bg`, `--nd-progress-fill`	Indicadores de progreso
`--nd-icon-bg`, `--nd-icon-border`	Contenedores de iconos

Formas y movimiento

--nd-card-radius controla los radios de las esquinas, --nd-blur controla el desenfoque del fondo y --nd-transition controla la duración estándar.

Móvil y accesibilidad

:root {
  --nd-card-radius: 18px;
}

@media (max-width: 700px) {
  :root {
    --nd-card-radius: 10px;
    --nd-blur: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --nd-transition: 0ms;
  }
}

Mantenga un contraste suficiente, indicadores de foco visibles y tamaños de objetivos táctiles cómodos. Pruebe en modo claro, modo oscuro, móvil, tableta y escritorio.

Recuperación segura

Si el CSS oculta la navegación, abra:

https://votre-nasdash.example/?safe-css=1

El parámetro desactiva el CSS guardado para esta carga sin eliminarlo. Abra la configuración, corrija o restablezca el CSS y luego recargue la URL normal.

Limitaciones de seguridad

Tamaño máximo: 256 KiB;
Los scripts, protocolos peligrosos, escapes de HTML/estilo, expression(), comportamientos históricos y @import remotos se neutralizan;
Se eliminan los comentarios de CSS;
Un url(...) externo ordinario puede contactar un servidor de terceros y revelar la dirección IP del visitante.

La sanitización es una protección complementaria, no una razón para otorgar privilegios de administración a una persona no confiable.