slp.css

:root {
    --avi-bg-darkblue: #035095;
    --avi-bg-blue: #0563b8;

    --avi-bg-lightblue: #b9daf7;
    --avi-bg-lightgreen: #c1e6d8;
    --avi-bg-red: #ebb0c5;
    --avi-bg-yellow: #fcd79e;

    --avi-tx-lightblue: #0563b8;
    --avi-tx-lightgreen: #008756;
    --avi-tx-red: #a81349;
    --avi-tx-yellow: #f28600;
}

a {
    color: var(--avi-tx-lightblue); /* Not important */
}

.yearline-cap-icon {
    background: var(--avi-bg-blue) !important;
}

.yearline-line {
    border-left-color: var(--avi-bg-blue) !important;
}

.page-menu,
.btn-primary,
.megaphone-controls .btn,
.claro-standard-layout-page .app-page-menu .dropdown-menu,
.claro-standard-layout-page .app-page-menu .dropdown .dropdown-toggle {
    background: var(--avi-bg-blue) !important;
}

.claro-standard-layout-page .app-page-menu ul.app-nav-left li.active > a,
.claro-standard-layout-page .app-page-menu ul.app-nav-left li a:hover {
    background: var(--avi-bg-darkblue) !important;
}

.courserow-list-item-content-default:not(.success):not(.danger),
.focusarea-list-item-content.default,
.sdl-goal-token:not(.sdl-goal-token-completed) .token,
.token.next-opportunity-token,
.notification-item-unread,
.alert-info {
    background: var(--avi-bg-lightblue) !important;
    color: var(--avi-tx-lightblue) !important;
}

.nav-tabs li.active *,
.nav-tabs li *:hover {
    color: var(--avi-tx-lightblue) !important;
    box-shadow: inset 0 -2px 0 var(--avi-tx-lightblue) !important;
}

.loading-indicator-icon {
    border-top-color: var(--avi-tx-lightblue) !important;
}

.project-agenda-timeline-item-icon-background,
.project-agenda-timeline-item-line-1,
.media-circle-background-circle {
    background: var(--avi-bg-lightblue) !important;
}

.claro-standard-layout-page .sdl-time-selector .btn,
.btn-link,
.notification-item-unread .notification-item-title-fragment,
.project-agenda-timeline-item-icon .material-icons.material-icons-default,
.material-icons.material-icons-default.media-circle-content,
.goal-summary-text,
.grading-policy-link,
.token.project-day-to-day-side-nav-item-new-feedback-token,
.token.next-opportunity-token a,
.alert-info .megaphone-title.app-heading,
.sdl-course-grades .current-grade,
.announcement .call-to-action * {
    color: var(--avi-tx-lightblue) !important;
}

.green .media-circle-background-circle,
.project-lesson-media-block-objective .project-lesson-media-block-icon-background-circle {
    background: var(--avi-bg-lightgreen) !important;
}

.green .material-icons.material-icons-default.media-circle-content {
    color: var(--avi-tx-lightgreen) !important;
}

.yellow .media-circle-background-circle {
    background: var(--avi-bg-yellow) !important;
}

.yellow .material-icons.material-icons-default.media-circle-content {
    color: var(--avi-tx-yellow) !important;
}

.red .media-circle-background-circle {
    background: var(--avi-bg-red) !important;
}

.red .material-icons.material-icons-default.media-circle-content,
.sdl-course-grades .incomplete {
    color: var(--avi-tx-red) !important;
}

.courserow-list-item-content-default.success,
.focusarea-list-item-content.success,
.material-icons.icon-green-compare,
.material-icons.icon-green-check,
.sdl-goal-token-completed .token,
.score-token.score-success,
.skill-pill.skill-pill-success {
    background: var(--avi-bg-lightgreen) !important;
    color: var(--avi-tx-lightgreen) !important;
}

.courserow-list-item-content-default.danger,
.focusarea-list-item-content.danger,
.material-icons.icon-red-compare,
.score-token.score-danger,
.skill-pill.skill-pill-danger {
    background: var(--avi-bg-red) !important;
    color: var(--avi-tx-red) !important;
}

.material-icons.icon-yellow-compare {
    background: var(--avi-bg-yellow) !important;
    color: var(--avi-tx-yellow) !important;
}