menu

Customize Login Screen

You can customize the login screen by editing your Settings.yaml

You can replace the background image or add your own custom styles.

Customize the background image

Neos:
  Neos:
    userInterface:
      backendLoginForm:
        backgroundImage: 'resource://Your.Package/Public/Images/LoginScreen.jpg'

Customize the css styles

Or alternatively add a custom stylesheet:

Neos:
  Neos:
    userInterface:
      backendLoginForm:
        stylesheets:
          'Your.Package:CustomStyles': 'resource://Your.Package/Public/Styles/Login.css'

Note

In this case Your.Package:CustomStyles is a simple key, used only internally.
How to disable the existing stylesheet?

You can disable existing stylesheets, by setting the value to FALSE, the following snippet will disable the stylesheet provided by Neos, so your are free to implement your own:

Neos:
  Neos:
    userInterface:
      backendLoginForm:
        stylesheets:
          'Neos.Neos:DefaultStyles': false
          'Your.Package:CustomStyles': 'resource://Your.Package/Public/Styles/Login.css'