homarr-dashboard/LEMONLINK_THEME.md

🍋 LemonLink.eu Theme for Homarr

Based on your website lemonlink.eu, here's the matching theme configuration.

🎨 Color Scheme

From your website's dark theme:

/* Primary Colors */
--primary: #6366f1;        /* Indigo */
--secondary: #8b5cf6;      /* Purple */
--accent: #fbbf24;         /* Amber/Gold */

/* Background */
--bg-dark: #0a0a0f;        /* Near black */
--bg-card: rgba(255,255,255,0.03);  /* Glass effect */

/* Text */
--text-primary: #e2e8f0;   /* Light gray */
--text-secondary: #94a3b8; /* Muted gray */

🖼️ Favicon & Logo

Option 1: Direct from lemonlink.eu

Favicon URL: https://lemonlink.eu/favicon.ico
Logo URL: https://lemonlink.eu/logo.png (or .svg)

Option 2: Upload Custom

If you have the logo files locally, upload them to Homarr:

Settings → Appearance → Logo
Settings → Appearance → Favicon

⚙️ Homarr Settings

Appearance Settings:

Colors:

Primary Color: #6366f1
Secondary Color: #8b5cf6
Background Color: #0a0a0f
Text Color: #e2e8f0

Custom CSS: Use the full CSS from config/custom-boards.css - it matches lemonlink.eu style!

Board Names (Matching Your Site Sections):

Based on your website's "Infrastructure" section:

Board Name	Content
🏠 Infrastructure	Proxmox, Portainer, TrueNAS, Network
📊 Monitoring	Grafana, Prometheus, Dash.
💾 Storage	TrueNAS details
🖧 Network	UniFi, Tailscale, VPN

🚀 Quick Setup

Step 1: Set Favicon & Logo

1. Go to Settings (gear icon)
2. Appearance tab
3. Favicon: Enter https://lemonlink.eu/favicon.ico
   OR upload your favicon file
4. Logo: Enter https://lemonlink.eu/logo.svg (if exists)
   OR upload your logo

Step 2: Apply Theme Colors

Settings → Appearance

Primary: #6366f1
Secondary: #8b5cf6
Background: #0a0a0f

Step 3: Add Custom CSS

Copy the entire CSS from config/custom-boards.css and paste into Custom CSS box.

📝 Matching Your Website Structure

Your website shows these sections - we can mirror in Homarr:

Main Dashboard (Public)

🏠 Infrastructure
- Proxmox, Docker, TrueNAS icons
- Quick stats widgets

System Board (Private)

📊 System Overview  
- Full Dash. monitoring
- CPU, RAM, Storage, Network

Network Board (Private)

🖧 Network Stack
- UniFi, Tailscale, VPN status
- 1 Gbps indicator

🎨 Logo Ideas

If you want to create a logo for Homarr:

Option A: Text Logo

Font: Modern sans-serif (Inter, Roboto)
Text: "lemonlink" or "LL"
Color: White on indigo background

Option B: Icon Logo

Icon: Lemon 🍋 or Chain link 🔗
Style: Minimalist, outlined
Colors: Indigo/Purple gradient

Option C: Use Your Existing Just reference your current favicon/logo from lemonlink.eu!

🔗 Resources

• Your website: https://lemonlink.eu
• Favicon: https://lemonlink.eu/favicon.ico
• Logo: Check if https://lemonlink.eu/logo.svg exists

Want me to create a branded import package with lemonlink.eu styling? 🍋