Changed a number of colors to bootstrap css variables

This commit is contained in:
PMKuipers 2023-07-03 22:47:34 +02:00
parent d4bb360f9e
commit b52ba42da1

View file

@ -125,11 +125,11 @@ li.t-item-course-gradeinfo img {
} }
i.t-coursecat-list-item { i.t-coursecat-list-item {
color: blue; color: var(--blue);
} }
i.t-course-list-item { i.t-course-list-item {
color: green; color: var(--green);
} }
ul.t-competency-list li { ul.t-competency-list li {
@ -153,15 +153,15 @@ ul.t-competency-list li {
} }
.t-competency-heading i.t-module { .t-competency-heading i.t-module {
color: green; color: var(--green);
} }
.t-competency-heading i.t-domain { .t-competency-heading i.t-domain {
color: blueviolet; color: var(--purple);
} }
.t-framework-heading i { .t-framework-heading i {
color: blue; color: var(--blue);
} }
.t-framework-heading { .t-framework-heading {
@ -775,7 +775,7 @@ table.r-item-course-grade-details td {
.r-timing-invalid, .r-timing-invalid,
.t-timing-invalid { .t-timing-invalid {
color: darkred; color: var(--danger);
} }
.t-timing-past, .t-timing-past,
@ -784,11 +784,11 @@ table.r-item-course-grade-details td {
} }
.t-timing-present, .t-timing-present,
.r-timing-present { .r-timing-present {
color: darkblue; color: var(--blue);
} }
.t-timing-future, .t-timing-future,
.r-timing-future { .r-timing-future {
color: grey; color: var(--gray);
} }
.t-timing-indicator, .t-timing-indicator,
@ -804,7 +804,7 @@ table.r-item-course-grade-details td {
.t-timing-indicator.timing-invalid, .t-timing-indicator.timing-invalid,
.r-timing-indicator.timing-invalid { .r-timing-indicator.timing-invalid {
background-color: #a33; background-color: var(--danger);
} }
.t-timing-indicator.timing-past, .t-timing-indicator.timing-past,
@ -814,12 +814,12 @@ table.r-item-course-grade-details td {
.t-timing-indicator.timing-present, .t-timing-indicator.timing-present,
.r-timing-indicator.timing-present { .r-timing-indicator.timing-present {
background-color: #33f; background-color: var(--blue);
} }
.t-timing-indicator.timing-future, .t-timing-indicator.timing-future,
.r-timing-indicator.timing-future { .r-timing-indicator.timing-future {
background-color: #777; background-color: var(--gray);
} }
.r-course-am-teacher { .r-course-am-teacher {
@ -830,19 +830,19 @@ table.r-item-course-grade-details td {
color: rgb(139, 107, 0); color: rgb(139, 107, 0);
} }
.r-graded-unsubmitted { .r-graded-unsubmitted {
color: #777; color: var(--gray);
} }
.r-graded-ungraded { .r-graded-ungraded {
color: #a33; color: var(--danger);
} }
.r-graded-allgraded { .r-graded-allgraded {
color: #35f; color: var(--blue);
} }
.r-graded-graded { .r-graded-graded {
color: var(--success); color: var(--success);
} }
.r-graded-nogrades { .r-graded-nogrades {
color: #ddd; color: var(--light);
} }
.t-configured-ok { .t-configured-ok {
@ -920,13 +920,13 @@ table.r-item-course-grade-details td {
} }
.card.s-studyplan-card.timing-past .card-header { .card.s-studyplan-card.timing-past .card-header {
background-color: #3a3; background-color: var(--purple);
} }
.card.s-studyplan-card.timing-present .card-header { .card.s-studyplan-card.timing-present .card-header {
background-color: #33f; background-color: var(--blue);
} }
.card.s-studyplan-card.timing-future .card-header { .card.s-studyplan-card.timing-future .card-header {
background-color: #777; background-color: var(--gray);
} }
.s-studyplan-card-title-buttons { .s-studyplan-card-title-buttons {