Appearance

Open the Appearance tab in the plugin. Values are output as CSS variables on the popup container (.jx-lp-root).

Theme & layout

• Popup theme: Modern (2026) or Classic (legacy)
• Show field icons: Font Awesome user/lock icons inside username and password fields
• Show field labels: labels above inputs on Modern theme (Classic always shows labels)
• Registration link position: above or below the login form

Overlay (backdrop)

• Overlay colour and Overlay opacity (0–100)
• Backdrop blur (px): frosted-glass blur on Modern theme (0–24 px)

Popup box

• Background, Body text, Title and greeting
• Accent colour: focus rings, registration links, and Modern highlights
• Shadow (colour) and Shadow opacity
• Corner radius (px) and Width (px)

Close (×) button

• Icon colour and Icon colour (hover)

Form fields

• Field background, Field text, Field border, Field border (focus)
• Field icon colour and Field corner radius (px)

Primary button (Login / Logout)

• Button background, Button text, Button background (hover)
• Button corner radius (px): use 999 for a pill-shaped button

Links

• Link colour and Link colour (hover) for “Forgot password?”, “Register”, etc.

Tip: Change a few colours at a time, save, and refresh your site. Modern defaults use accent #1819ed and a pill button.