🔒 Images
Body Image
main-body-image
Upload Image or URL
Login Box Logo
login-logo
Upload Image or URL
Login Box Logo Width
login-logo-width
200px
Login Box Logo Height
login-logo-height
75px
Logo Top Margin
logo-margin
(input field)
🎨 Main Login Colors
Background Color
main-body-bg
#ffffff
Login Box Background
main-login-bg
#008cf4
Login Heading Color
login-heading-color
#ffffff
Input Background
login-input-bg
transparent
Input Border
login-input-border
#eeeeee
Input Color
login-input-color
#ffffff
Error Color
login-error-color
#ffffff
Forgot Password Color
login-forgot-pass-color
#ffffff
Login Button Background
login-button-bg
#a6cc38
Login Button Background (Hover)
login-button-hover-bg
#99c41c
Login Button Color
login-button-color
#ffffff
Login Button Color (Hover)
login-button-hover-color
#ffffff
Footer Note Color
login-foot-note-color
#ffffff
Footer Note Link Color
login-foot-note-link-color
#ffffff
Input Fields Rounded Borders
login-input-border-radius
30px
Submit Button Rounded Borders
login-btn-border-radius
30px
Black Check Mark
Toggle: Off
🏷️ Labels & Input/Button Radius
Show Email and Password Labels
Toggle: Off
Label Color
login-label-color
#333333
Input Fields Border Radius
5px
Submit Button Border Radius
5px
📄 Extra Footer and/or Header Instructions
Header Note
header-note
(text field)
Header Note Color
header-note-color
#ffffff
Footer Note
footer-note
(text field)
Footer Note Color
footer-note-color
#ffffff
🌈 Theme Specific Variables
Hide Header Section (Theme E, F)
Toggle: Off
Secondary Background Color (Themes G, H, I)
secondary-bg-tone
(input field)
Third Background Color for Ribbon (Themes H, I)
third-bg-tone
#e5e5e5
Background Image Overlay (Theme A)
main-body-image-overlay
(input field)
Input Icon Background (Theme J)
login-icon-bg
#008cf4
Input Icon Color (Themes I, J)
login-icon-color
#008cf4
Header Logo (Themes D, E)
main-header-logo
Upload Image
Header Logo Width
header-logo-width
175px
Header Logo Height
header-logo-height
75px
Made with Bullet