Buzz Customization Info - Obsolete
The information below will become obsolete as of October 1, 2015. At that time, Agilix will cease using .less files for style sheet control.
Creating .less files for setting variable values for customizing colors
I had to create the customization variables.less file using the NotePad++ free editing tool.The tool can be downloaded for free. Notepad++
Here is a sample of the content of a variables.less file.If the variables.less file is uploaded as a Resource file AND it is specified in the settings.xml, it will over-ride the default values.Here are some sample specifications in the variables.less file@loginTextColor: rgba(242,242,242,1);@loginTopColor: rgba(32, 32, 32, 0.7);@loginStudentColor: rgba(21,68,81,0.7);@loginTeacherColor: rgba(40,79,128,0.73);@loginParentColor: rgba(226,120,56,0.7);@loginAdminColor: rgba(116,116,116,0.7);@mainColor: rgba(93,137,192,1);
Refer to Buzz Styling Training Guide for instructions about what the variables stand for, how to upload the variables.less file and how to specify the file in the settings.xml. Our local copy of the file is here Buzz Styling Training Guide - pdf file
Here are some common variables that can be customized
Login Page Styles
@loginTextColor: Controls the color of the text on the login page @loginTopColor: Controls the color of the top portion of the login page @loginStudentColor: Controls the color of the student tab @loginTeacherColor: Controls the color of the teacher tab @loginParentColor: Controls the color of the parent tab @loginAdminColor: Controls the color of the admin tab
Application Styles
@mainColor: Controls the color of the main top bar among other items @subBarColor: Controls the color of the main navigation bar @defaultCourseColor: Sets a default course color. Teachers can customize this color for each course