Entwicklung

Eigenes CSS

Verwenden Sie den öffentlichen Theme-Vertrag, stellen Sie die Kompatibilität sicher und beheben Sie eine fehlerhafte Benutzeroberfläche.

Öffnen Sie Einstellungen → Entwickler → Eigenes CSS. Diese Funktion dient ausschließlich der Darstellung: Sie fügt keine Serverfunktionen hinzu und ändert keine Berechtigungen.

Empfohlener Vertrag

Verwenden Sie die öffentlichen Variablen --nd-*. Interne Klassen .nd-* können sich ändern und stellen keinen stabilen Vertrag dar.

: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);
}

Farben und Flächen

VariablenVerwendung
--nd-bg, --nd-bg-surface, --nd-bg-gradientGlobaler Hintergrund
--nd-card-bg-rgb, --nd-card-bg-opacity, --nd-card-bgKartenflächen
--nd-subcard-bg, --nd-card-border, --nd-card-hover-border, --nd-card-shadowVerschachtelte Karten, Ränder und Schatten
--nd-text, --nd-text-muted, --nd-text-dimmedTypografische Hierarchie
--nd-accent, --nd-accent-glow, --nd-accent-dimAkzentfarbe
--nd-green, --nd-yellow, --nd-orange, --nd-redZustände
--nd-blue, --nd-purpleErgänzende Farben
--nd-progress-bg, --nd-progress-fillFortschrittsanzeigen
--nd-icon-bg, --nd-icon-borderIcon-Container

Formen und Animationen

--nd-card-radius steuert die Eckenradien, --nd-blur steuert die Hintergrundunschärfe und --nd-transition steuert die Standarddauer.

Mobil und Barrierefreiheit

: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;
  }
}

Wahren Sie einen ausreichenden Kontrast, sichtbare Fokusanzeigen und komfortable Touch-Größen. Testen Sie im hellen Modus, im dunklen Modus, auf Mobilgeräten, Tablets und Desktops.

Sichere Wiederherstellung

Wenn das CSS die Navigation ausblendet, öffnen Sie:

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

Der Parameter deaktiviert das gespeicherte CSS für diesen Ladevorgang, ohne es zu löschen. Öffnen Sie die Einstellungen, beheben oder setzen Sie das CSS zurück und laden Sie anschließend die normale URL neu.

Sicherheitsbeschränkungen

  • Maximale Größe: 256 KiB;
  • Skripte, gefährliche Protokolle, HTML/CSS-Ausbrüche, expression(), historische Verhaltensweisen und externe @import werden neutralisiert;
  • CSS-Kommentare werden entfernt;
  • Eine gewöhnliche externe url(...) kann einen Drittanbieter-Server kontaktieren und die IP-Adresse des Besuchers offenlegen.

Die Sanitisierung ist eine ergänzende Schutzmaßnahme und kein Grund, einer unzuverlässigen Person Administrationsrechte zu erteilen.