Theming
Applying different brands to Bero implementations
Last updated
Was this helpful?
Applying different brands to Bero implementations
Last updated
Was this helpful?
Project name
Project logotype and versions
White/light backgrounds
Dark backgrounds
App web domain
In order to override images for different instances of Bero, the front end requires images to be in the same format in both core & the new instance (e.g. .png
s in Bero need to be .png
s in JID; .svg
s in Bero need to be .svg
s in JID).
For that reason, it's a lot easier for designers to provide ALL custom assets in SVG format only (Gs are much easier to convert to other formats than the other way around).
Note: this list gets updated manually. For a more complete reference, image assets are found in the src/img/
folder in the repo ().
All images can be overridden, though we recommend overriding only the .png
files, with a few exceptions (sted at the top). Last updated 21 July 2021
Site logo
App icon for mobile home screen
Favicon &
Loading Screen
Login Screen
Homepage Banner
Logos on the login screen, & settings page
Site Error
Exams:
Exam Review Summary Screen
Retake Exam Screen (at the end of exam review)
Passed Exam
Failed Exam
Course Download
Lesson Completion
Feedback Submitted
Fallback Image for Lesson Start Card (displays lesson image if available)
Discussion Screen is Offline
Tip Completion Screen
Formative Assessment:
Formative Assessment Student Counter Screen
Formative Assessment Complete
Five miscellaneous card fallback images:
Main active color (buttons, ...)
Button border radius
Top and bottom swoosh
Tab and toggle highlights
Confirmation success
Confirmation fail