Copy the code below and paste it in place of the code in the stylesheet in order to make these changes affect all your pages.
{% color "melody" color="#5191CC", export_to_template_context=True %} /* change your site's color here */
{% color "harmony" color="#5191CC", export_to_template_context=True %} /* change your site's secondary color here */
{% set topHeaderColor = "#1F3F6C" %} /* This color is solely used on the top bar of the website. */
{% set baseFontFamily = "Open Sans" %} /* Add the font family you wish to use. You may need to import it above. */
{% set headerFontFamily = "Open Sans" %} /* This affects only headers on the site. Add the font family you wish to use. You may need to import it above. */
{% set textColor = "#565656" %} /* This sets the universal color of dark text on the site */
{% set pageCenter = "1200px" %} /* This sets the width of the website */
{% set headerType = "fixed" %} /* To make this a fixed header, change the value to "fixed" - otherwise, set it to "static" */
{% set lightGreyColor = "#f7f7f7" %} /* This affects all grey background sections */
{% set baseFontWeight = "normal" %} /* More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
{% set headerFontWeight = "normal" %} /* For Headers; More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
{% set buttonRadius = '10px' %} /* "0" for square edges, "10px" for rounded edges, "40px" for pill shape; This will change all buttons */
.png?width=100&name=Cloud-Payroll-Icon-Black-(100).png "Cloud Payroll Icon"){kind=icon}
.png?width=100&name=Time%20%26%20Attendance%20-%20Black%20(100).png "Cloud Time and Labor Icon")
.png?width=100&name=Human%20Resources%20%20-%20Black%20(100).png "Cloud Based HR Solutions Icon")
.png?width=100&name=Recruiting%20%20-%20Black%20(100).png "Talent Cloud Icon")
.png?width=100&name=Scheduling%20%20-%20Black%20(100).png "Cloud Scheduling Icon")
