Add favicon guide and import package

This commit is contained in:
Roberth Rajala 2026-02-03 11:32:58 +01:00
parent fabdc5069a
commit 2005f2f49b
4 changed files with 126 additions and 0 deletions

57
FAVICON.md Normal file
View File

@ -0,0 +1,57 @@
# 🎨 Favicon for Homarr
## Option 1: Use Homarr's Default Favicon
Homarr comes with its own favicon - nothing to do!
## Option 2: Custom Favicon
### Upload Custom Favicon in Homarr:
```
Settings → Appearance → Favicon
Upload your favicon file
```
### Recommended Favicon Sources:
**Homarr Logo (Official):**
- Use the default - it looks great!
**Custom Logo:**
Create an SVG or use an icon from:
- https://fontawesome.com/
- https://heroicons.com/
- https://iconoir.com/
### Quick Custom Favicon
1. Go to: https://favicon.io/favicon-generator/
2. Text: "H" or "L" (for lemonlink)
3. Background: Rounded
4. Font: Bold
5. Colors:
- Background: #6366f1 (Indigo)
- Text: White
6. Download and upload to Homarr
## Option 3: Use lemonlink.eu Favicon
If you have a favicon at lemonlink.eu:
```
Settings → Appearance → Favicon URL
Enter: https://lemonlink.eu/favicon.ico
```
---
## 🚀 I Can Generate One For You
Want me to create a custom favicon command?
```bash
# Create a simple favicon using ImageMagick
convert -size 128x128 xc:'#6366f1' \
-pointsize 80 -fill white -gravity center \
-annotate +0+0 "H" favicon.png
```
Or use an online generator and upload it!

58
import-package/README.txt Normal file
View File

@ -0,0 +1,58 @@
Homarr 1.0 Import Package
=========================
This package contains pre-configured boards for Homarr 1.0+.
HOW TO IMPORT:
==============
1. In Homarr, go to the onboarding screen or:
Profile → Manage → Tools → Migrate to 1.0
2. Select "Import from Homarr before 1.0"
3. Upload this ZIP file
4. Select what to import:
☑ Boards
☑ Apps
☑ Settings
5. Complete the import
BOARDS INCLUDED:
================
1. Main Dashboard (Public)
- Clock with date
- Weather widget
- 3 RSS feed widgets (Homelab, Cyber, Tech)
- 10 quick link apps
2. System Overview (Private)
- Full-screen Dash. system monitor
3. Infrastructure (Private)
- System monitor widget
- 13 infrastructure apps
AFTER IMPORT:
=============
1. Update your server IP in System Overview board:
- Edit the iFrame widget
- Change URL from YOUR-SERVER-IP to your actual IP
2. Update weather location:
- Edit Weather widget in Main Dashboard
- Change from "Stockholm, Sweden" to your location
3. Update app URLs:
- Edit each app to match your domain/subdomains
- Change "lemonlink.eu" to your domain
4. Apply custom CSS:
- Go to each board → Settings → Appearance
- Paste CSS from config/custom-boards.css
Enjoy your dashboard! 🚀

View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="100" height="100" rx="20" fill="url(#grad)"/>
<text x="50" y="70" font-family="Arial, sans-serif" font-size="50" font-weight="bold" text-anchor="middle" fill="white">H</text>
</svg>

After

Width:  |  Height:  |  Size: 510 B

1
import-package/logo.png Normal file
View File

@ -0,0 +1 @@
PNG