Your primary brand color. Used for the header and other accents throughout the administration area. Individual sections can override this. Dark mode colors are derived automatically.
Text and icon color used on top of the brand color, e.g. the header title and header buttons.
Rounding applied throughout the administration area: buttons, form fields, dropdowns and alerts.
Enter a custom border radius, e.g. 10px.
Shadow applied to surfaces throughout the administration area: the header, sidebar, cards and content panels.
Enter a custom box-shadow, e.g. 0 0 10px rgba(0,0,0,0.5).

Thank you!

I'm grateful for every user; without you Joomill Extensions simply wouldn't exist! Please take a minute to write a review on the Joomla! Extensions Directory or leave a Google review, so others can find us too. Not happy about something? Please contact me first.
Choose the background for the login page. You can either set a color or an image. If you set an image, you can also set its position, repeat and size.
Choose the color of the body background on the login page.
How the background image is displayed. Fill covers the whole area, Tile repeats the image, Original shows it at its actual size. Choose Custom to set position, repeat and size manually.
Set the position of the background image.
Set how the background image should repeat.
Set the size of the background image.
Choose the color of the login box on the login page.
Choose the text color for the introtext displayed in the login box.
Show or hide the language selection dropdown in the login box.
Choose the background color of the login button in the login box.
Show or hide the header on the login page.
Show or hide the Joomla logo in the header on the login page.
Set the width of the header logo background. You may use px, % or vw.
Show or hide the button in the header on the login page. This button can be used to link to a specific page or perform an action.
By default the header follows your Branding settings. Enable this to set specific colors for this header.
Choose the color of the header on the login page.
Choose the background color of the header logo on the login page.
Choose the background color of the button in the header on the login page.
Show or hide the sidebar on the login page.
Choose the position of the sidebar (left or right)
Set the width of the sidebar. You may use px, % or vw.
Choose the background for the sidebar on the login page. You can either set a color or an image. If you set an image, you can also set its position, repeat and size.
Choose the color of the sidebar on the login page.
How the background image is displayed. Fill covers the whole area, Tile repeats the image, Original shows it at its actual size. Choose Custom to set position, repeat and size manually.
Set the position of the background image in the sidebar.
Set how the background image in the sidebar should repeat.
Set the size of the background image in the sidebar.
Show or hide the sitename in the sidebar on the login page.
Show or hide the Joomla Administrator Login link in the sidebar on the login page.
Show or hide the login support module in the sidebar on the login page. If enabled, you can also set the module text.
Choose the background for the login page. You can either set a color or an image. If you set an image, you can also set its position, repeat and size.
Choose the color of the body background on the login page.
How the background image is displayed. Fill covers the whole area, Tile repeats the image, Original shows it at its actual size. Choose Custom to set position, repeat and size manually.
Set the position of the background image.
Set how the background image should repeat.
Set the size of the background image.
Show or hide the header on the login page.
Shadow for this element. Default follows the shadow style from the Branding tab.
Enter a custom box-shadow, e.g. 0 0 10px rgba(0,0,0,0.5).
Show or hide the Joomla logo in the header on the login page.
Show or hide the button in the header on the login page. This button can be used to link to a specific page or perform an action.
By default the header follows your Branding settings. Enable this to set specific colors for this header.
Choose the color of the header on the login page.
Choose the font color of the header title on the login page.
Choose the background color of the header logo on the login page.
Choose the background color of the button in the header on the login page.
Choose the font color of the button in the header on the login page.
Choose the background color of the button icon in the header on the login page.
Choose the position of the sidebar (left or right)
Choose the background for the sidebar on the login page. You can either set a color or an image. If you set an image, you can also set its position, repeat and size.
Choose the color of the sidebar on the login page.
Color used for menu hover and active states. Automatic derives neutral shades from the sidebar color; Brand Color tints them with your brand color.
Shadow for this element. Default follows the shadow style from the Branding tab.
Enter a custom box-shadow, e.g. 0 0 10px rgba(0,0,0,0.5).
How the background image is displayed. Fill covers the whole area, Tile repeats the image, Original shows it at its actual size. Choose Custom to set position, repeat and size manually.
Set the position of the background image in the sidebar.
Set how the background image in the sidebar should repeat.
Set the size of the background image in the sidebar.
By default all dark mode colors are derived automatically from your light mode settings. Enable this to set specific dark mode colors. Fields left empty keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Overrides the automatically derived dark mode color. Leave empty to keep the automatic color.
Select the font to be used for headings in the admin area. This will only work if you have entered a valid Google Fonts API Key. The font files are downloaded once and served from your own server; visitors' browsers never contact Google (GDPR-friendly).
Set the font weight for headings in the admin area. e.g. 700
Select the font to be used for the body text in the admin area. This will only work if you have entered a valid Google Fonts API Key. The font files are downloaded once and served from your own server; visitors' browsers never contact Google (GDPR-friendly).