How to customize Plesk interface with custom CSS and JavaScript?

[mahesh]

Question
How to customize the Plesk interface with custom CSS and JavaScript?

Answer

Plesk Onyx

Custom CSS directives can be put into the file custom.css:

• On Linux: /usr/local/psa/admin/htdocs/theme/css/custom.css.
• On Windows: %plesk_dir%\admin\htdocs\theme\css\custom.css.

See the following documentation for details: Using Custom Themes.

Plesk Obsidian

For adding custom JavaScript (CSS also can be added), an extension for Plesk should be developed. For more information on that, check the following resources:

• Developing Extensions for Plesk.
• Example extensions in our GitHub account: https://github.com/plesk/ext-example, https://github.com/plesk/ext-embed-js.

For all questions on developing Plesk extensions, please contact our development team directly by sending an email to plesk-extensions@plesk.com.