Override theme variables

lms.static.sass.common-variables.scss

$header-bg: black;
 
$homepage-header-hero-bg: red;
$homepage-header-hero-title-color: blue;
$homepage-header-hero-subtitle-color: brown;
 
$homepage-course-card-border-bottom-color: orange;
$homepage-course-card-title-color: orange;
$homepage-course-card-btn-learn-more-bg: orange;
$homepage-course-card-btn-learn-more-color: red;
 
$btn-sign-in-bg: orange;
$btn-sign-in-color: white;
$btn-sign-in-border-color: white;
 
$btn-sign-in-hover-bg: white;
$btn-sign-in-hover-color: orange;
$btn-sign-in-hover-border-color: orange;
 
$btn-register-bg: orange;
$btn-register-color: white;
$btn-register-border-color: white;
 
$btn-register-hover-bg: white;
$btn-register-hover-color: orange;
$btn-register-hover-border-color: orange;
 
$footer-bg: black;
$footer-color: white;
 
$footer-colophon-link-color: white;
$footer-colophon-link-hover-color: white;
$footer-colophon-link-hover-border-bottom-color: white;
 
$footer-colophon-link-color: white;
$footer-colophon-link-hover-color: white;
$footer-colophon-link-hover-border-bottom-color: white;
 
$footer-legal-link-color: white;
$footer-legal-link-hover-border-bottom-color: white;
 
$header-border-bottom-color: red;
$footer-border-top-color: red;
 
$logistration-form-header-color: orange;
$logistration-form-link-color: orange;
$logistration-form-link-hover-color: red;
 
$logistration-form-btn-primary-bg: orange;
$logistration-form-btn-primary-color: white;
$logistration-form-btn-primary-border-color: orange;
 
$logistration-form-btn-primary-hover-bg: orange;
$logistration-form-btn-primary-hover-color: white;
$logistration-form-btn-primary-hover-border-color: orange;
 
$header-main-nav-active-item-border-bottom-color: orange;
$header-main-nav-item-link-color: white;
 
$header-secondary-nav-item-link-color: white;
 
$dashboard-course-card-title-link-color: orange;
$dashboard-course-card-title-link-hover-color: red;
 
$dashboard-btn-enter-course-bg: orange;
$dashboard-btn-enter-course-color: white;
$dashboard-btn-enter-course-border-color: orange;
 
$dashboard-btn-enter-course-hover-bg: white;
$dashboard-btn-enter-course-hover-color: orange;
$dashboard-btn-enter-course-hover-border-color: orange;
 
$courseware-course-header-color: white;
 
$courseware-course-tab-nav-link-color: orange;
$courseware-course-tab-nav-link-hover-color: red;
$courseware-course-tab-nav-link-hover-border-bottom-color: red;
 
$course-outline-chevron-color: orange;
 
$course-outline-link-color: orange;
$course-outline-link-hover-color: red;
 
$course-sidebar-link-color: red;
$course-sidebar-link-hover-color: orange;
 
$btn-expand-collapse-outline-color: red;
$btn-expand-collapse-outline-border-color: red;
 
$btn-resume-course-bg: orange;
$btn-resume-course-color: white;
$btn-resume-course-border-color: orange;
 
$btn-resume-course-hover-bg: white;
$btn-resume-course-hover-color: orange;
$btn-resume-course-hover-border-color: orange;
 
$wiki-breadcrumb-link-color: red;
 
$wiki-nav-tab-active-link-color: red;
$wiki-nav-tab-active-link-border-color: red;
 
$wiki-nav-tab-link-color: red;
$wiki-nav-tab-link-hover-color: red;
 
$wiki-article-link-color: red;
$wiki-article-link-hover-color: red;
 
$progress-page-link-color: orange;
$progress-page-link-hover-color: red;
 
$progress-auto-cert-message-border-color: red;
 
$account-settings-form-caret-color: pink;
$account-settings-nav-border-bottom-color: purple;
$account-settings-nav-hover-border-bottom-color: fuchsia;
 
$btn-account-settings-bg: red;
$btn-account-settings-color: white;
$btn-account-settings-border-color: red;
 
$btn-account-settings-hover-bg: red;
$btn-account-settings-hover-color: white;
$btn-account-settings-hover-border-color: red;
 
$account-settings-page-link-color: red;
$account-settings-page-link-hover-color: pink;
 
$btn-search-course-bg: red;
$btn-search-course-color: white;
$btn-search-course-border-color: red;
 
$btn-search-course-hover-bg: red;
$btn-search-course-hover-color: white;
$btn-search-course-hover-border-color: red;