-
Notifications
You must be signed in to change notification settings - Fork 51
Customizing the UI
Avalon Media System's UI uses Bootstrap (currently v3) for its style guide. It is possible to completely customize the UI, however for a minimal approach in applying your organization's branding to the existing UI, here are some pointers:
The file app/assets/stylesheets/branding.scss is a great start for doing some overriding of primary colors, fonts, and Bootstrap styled components. The file is divided roughly into 2 sections:
Here you can create helper variables which may come in handy when applying override values to multiple Bootstrap variables. Adjust Avalon default custom variables, or create your own.
This section contains some Bootstrap Sass variable equivalents, which Avalon (by default) overrides in its UI. Feel free to expand your overrides here, to potentially override everything Bootstrap makes available. A list of possible values can be found at:
https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss