Branding und Theming — Nextcloud im eigenen Look · xaweho-Wissen

einfach · Stand 8. Mai 2026

Nextcloud kommt out-of-the-box im klassischen Nextcloud-Blau. Für Firmen-, Vereins- oder einfach geschmackvolle Privat-Setups lohnt sich das Theming — eigenes Logo, eigene Farben, eigene Slogans. Hier was als Nextcloud-Admin geht und wo die Grenzen liegen.

Wo Du Theming einstellst

In Verwaltungs-Einstellungen → Theming (Standard-App, immer aktiv).

Erforderliche Berechtigung: Admin-Account.

Welche Optionen es gibt

Name

Default: „Nextcloud”. Änderbar zu „Verein-Cloud”, „Müller GmbH”, „Familie Schmidt-Cloud” — was auch immer.

Erscheint im Browser-Tab-Titel, in Mail-Benachrichtigungen, im Login-Screen.

Webadresse

URL Deiner Webseite — wird im Footer-Link angezeigt.

Slogan

Untertitel auf der Login-Seite. Default: „Eine sichere Datenheimat”.

Praktisch für Vereine: „Die Cloud des Pegasus-Vereins”. Oder Firmen: „Datenheimat der Müller GmbH”.

Farbe

Hex-Code Deiner Hauptfarbe. Wird genutzt für:

Header-Bar
Login-Screen-Akzente
Buttons (Primary)
Verschiedene UI-Elemente

Tipp: bei Firmen-Setups die Marken-Hauptfarbe nehmen. Achte auf ausreichend Kontrast — sehr dunkle Farben können weiße Schrift unleserlich machen, sehr helle Farben zu wenig Kontrast.

Empfohlene Farbtöne: Hex-Code mit Helligkeit 25–60% funktioniert meist gut.

Hintergrund-Logo

Logo-Datei für die Login-Seite. PNG mit transparentem Hintergrund. Sinnvolle Größe: 256×256 px oder größer.

Wir empfehlen ein quadratisches Logo, weil das Layout dafür ausgelegt ist.

Hintergrundbild

Foto auf der Login-Seite hinter dem Login-Form. JPEG oder PNG. Empfohlene Auflösung: 1920×1080 oder höher.

Dezente Bilder funktionieren am besten — überdrehte Bilder lenken vom Login-Form ab.

Favicon

Icon im Browser-Tab. PNG, mind. 32×32 px (oder Multi-Resolution-ICO).

App-Icon (für Mobile-Apps und Desktop-Client)

Wird teilweise in den Apps angezeigt, wenn die Apps das unterstützen.

Custom-Links im Footer der Login-Seite und in der Status-Bar. Gut für Impressum, Datenschutz, AGB.

Imprint und Datenschutz-URL

Wichtig für DSGVO und TMG-Compliance: Theming hat dafür dedizierte Felder.

Impressum-URL: zeigt einen „Impressum”-Link an
Datenschutz-URL: zeigt einen „Datenschutzerklärung”-Link an

Bei Firmen / Vereinen: pflichtig für Mitarbeiter-Logins. Privat unwichtig.

Vorschau und Speichern

Beim Editieren in der Theming-Page siehst Du nicht direkt die Preview — Du musst die Änderung speichern und dann z.B. in einem Inkognito-Fenster die Login-Seite aufrufen.

Ein einmal gesetztes Setting bleibt, bis Du es überschreibst. Mit „Zurücksetzen”-Button (X neben jedem Feld) gehst Du zur Default zurück.

Was Theming nicht ändert

App-Icons innerhalb der Cloud (Files-Icon, Talk-Icon, etc.): bleiben wie Standard-Nextcloud
Detail-UI wie Buttons, Schriften: nur Akzente, kein vollständiges Re-Design
Mobile-Apps: nutzen Standard-Nextcloud-Branding (außer Du hast Enterprise-Edition mit White-Label-Apps)
Mail-Body von System-Mails (z.B. Sharing-Notifications): teilweise anpassbar, aber nur in Limited-Form

Für tiefere Branding-Anpassung (komplett eigenes UI) bräuchtest Du eigene Theme-Apps oder Custom-CSS-Injection — bei xaweho machen wir das auf Anfrage als Custom-Auftrag.

Beispiel-Konfiguration

Ein typischer Verein-Setup:

Feld	Wert
Name	„Sportverein-Cloud”
Webadresse	`https://sportverein-musterstadt.de`
Slogan	„Daten und Termine für unseren Verein”
Farbe	`#0E5C3F` (Vereinsfarbe Grün)
Logo	Vereins-Logo PNG quadratisch
Hintergrundbild	Foto vom Sportplatz
Favicon	Vereins-Icon
Impressum-URL	`https://sportverein-musterstadt.de/impressum`
Datenschutz-URL	`https://sportverein-musterstadt.de/datenschutz`

Resultat: User sehen beim Login klar, dass sie auf der Vereins-Cloud sind. Wirkt seriös, fördert Vertrauen.

Custom-CSS für tiefere Anpassungen

Theming-App hat ein Erweitert-Feld für Custom-CSS. Damit kannst Du z.B. spezifische UI-Elemente nachverändern:

#header {
  border-bottom: 3px solid #ffd700;
}
.app-navigation {
  font-family: "Helvetica Neue", sans-serif;
}

Vorsicht: schlechtes CSS kann das UI brechen. Nur nutzen, wenn Du CSS verstehst und vorher in einer Test-Cloud probiert hast.

Bei xaweho: schreib uns ein Ticket, wenn Du komplexere CSS-Anpassungen willst — wir können das mit Test-Setup und Review machen.

White-Label-Mobile-Apps

Standard: User sehen in Apple App Store / Google Play „Nextcloud” als App-Name.

Mit Enterprise-Lizenz und White-Label-Setup: eigene App im App Store mit eigenem Namen, Logo, Farben. Klassischer Use Case für Firmen, die ihren Mitarbeitern eine „Firmen-App” geben wollen.

Aufwand: ~1.500€ einmaliger Setup-Cost plus ~200€/Jahr App-Store-Gebühren. Bei xaweho: Anfrage stellen, wir machen Angebot.

Häufige Fragen

Sehen normale User die Theming-Einstellungen? Nein, nur Admins. User bekommen das gerenderte Theme zu sehen, können aber nichts ändern.

Kann ich pro User unterschiedliche Themes haben? In Standard-Nextcloud nein — Theming ist global. Mit speziellen Apps (z.B. Multi-Theme) ginge das, ist aber selten genutzt.

Mein Logo wird verzerrt angezeigt — was tun? Logo-Datei prüfen: quadratisch ist optimal, transparenter Hintergrund. Bei sehr schmalen Logos hilft Vergrößerung mit Padding.

Hintergrundbild ist zu unscharf / zu kontrastreich? Bild bearbeiten: Helligkeit reduzieren, leichten Blur, nicht zu viel Kontrast — Login-Form muss gut lesbar bleiben.

Werden Theming-Einstellungen mitgesichert in unserem Backup? Ja. Bei xaweho läuft täglich Server-Backup, da sind die Theming-Konfig-Files mit drin.

Theming bricht etwas — wie zurück? Pro Feld den X-Button („Auf Default zurücksetzen”) nutzen. Oder in der Theming-App den globalen „Alle Einstellungen zurücksetzen”.

Kann ich Login-Seite ganz ohne Logo / Hintergrund? Ja, einfach Default belassen — Standard-Nextcloud-Look.

Wirken Theming-Änderungen sofort? Ja, im Browser nach F5-Reload. Bei aggressivem Browser-Cache: hartes Reload (Cmd+Shift+R / Ctrl+Shift+R).

Weiter geht’s

Passende Produkte

Nextcloud → Nextcloud Server →

Branding und Theming — Nextcloud im eigenen Look