UI theme & logo

Every LegendScripts UI shares one theme file, so all menus look like one product on your server.

#Change the main color

Open html/ls-theme.css in the script and change the accent variables:

:root {
    --ls-accent: #3b82f6;
    --ls-accent-hover: #60a5fa;
    --ls-accent-soft: rgba(59, 130, 246, 0.14);
    --ls-accent-border: rgba(59, 130, 246, 0.45);
}

Buttons, highlights, active tabs and focus rings follow the accent automatically. The same file holds the surface, text, status colors, radius and font variables.

#Add your logo

Replace html/logo.png with your own logo (a square PNG with transparency works best). If you delete the file, the logo slot simply disappears.