Objectives
This article describes how to adjust UI to your needs by
- updating the top left logo,
- setting the right color scheme.
Steps to adjust UI
1) Adjust logo
Upload logo to: /opt/systran/apps-node/enterprise-server/web/public/custom/logo
Ensure owner is systran:systran
chown systran:systran /opt/systran/apps-node/enterprise-server/web/public/custom/logo/new_logo.png
Declare logo in /opt/systran/apps-node/enterprise-server/web/public/custom/customizationConfig.json
"logo": "new_logo.png",
Restart Frontend & Console:
systemctl restart systran-ses-frontend
2) Adjust colors
Create new theme file from /opt/systran/apps-node/enterprise-server/web/public/custom/theme/translate_server_theme.json
cp /opt/systran/apps-node/enterprise-server/web/public/custom/theme/translate_server_theme.json /opt/systran/apps-node/enterprise-server/web/public/custom/theme/my_theme.json
Update /opt/systran/apps-node/enterprise-server/web/public/custom/theme/my_theme.json
{
"palette": {
"primary": {
"extraDark": "#033261",
"dark": "#133F7A",
"main": "#1A519A",
"border": "#8CA8CE",
"light": "#E5F1F8",
"extraLight": "#F1F9FE"
}
}
}
Activate new theme in /opt/systran/apps-node/enterprise-server/web/public/custom/customizationConfig.json
"theme": "my_theme.json",
Restart Frontend & Console:
systemctl restart systran-ses-console
systemctl restart systran-ses-frondent