Homarr

Homarr ist ein intuitives und anpassbares Dashboard, das eine zentrale Übersicht und Kontrolle über zahlreiche Anwendungen und Dienste bietet. Mit einer modernen und übersichtlichen Benutzeroberfläche ermöglicht es die einfache Verwaltung und Organisation von Links, Widgets und Integrationen. Homarr ist besonders bei Anwendern beliebt, die Self-Hosting-Lösungen nutzen, da es die Verwaltung verschiedener Services und deren Status an einem Ort vereinfacht. Dank der offenen Architektur lässt es sich flexibel konfigurieren und an individuelle Bedürfnisse anpassen.

Projektseite
GitHub Homarr

Nützliche Tipps

Titelleiste ausblenden

Falls man die Titelleiste nicht haben möchte, da man Homarr z.B als SmartHome Dashboard verwendet, kann man diese über mithilfe von benutzerdefinierten CSS Code ausblenden.

Durch die Anwendung des CSS-Codes verschwinden die Buttons für den Zugriff auf die Einstellungen sowie zum Hinzufügen neuer Funktionen (z. B. Apps oder Widgets). Änderungen können dann nur noch über die direkte Eingabe der entsprechenden URL vorgenommen werden. Es empfiehlt sich daher, die URL vorab zu speichern oder sich zu merken, damit der Code bei Bedarf wieder entfernt werden kann.

Standardpfad:

Den CSS Code kann man hier einfügen: Board anpassen (Button) → Feld Benutzerdefiniertes CSS

Hier dann den folgenden Code einfügen:

.mantine-Header-root {
display: none;
}

Um den gewonnenen Platz freizumachen, also die ganze Seite nach oben zu schieben, kann man die Ränder mit folgendem CSS Code anpassen (Empfehlung 5px):

.mantine-AppShell-main {
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}

Scrollbalken ausblenden

Falls man die Scrollbalken im Browser ausblenden möchte, kann man dies ebenfalls mit benutzerdefinierten CSS Code ausblenden.

Für Chrome, Edge und Safari

body::-webkit-scrollbar {
display: none;
}

Für Firefox

body {
overflow: auto;
scrollbar-width: none; /* Für Firefox */
}