From b52ba42da1f27508c6b5b72c731b6ad410617d5e Mon Sep 17 00:00:00 2001
From: PMKuipers <pm@miqra.nl>
Date: Mon, 3 Jul 2023 22:47:34 +0200
Subject: [PATCH] Changed a number of colors to bootstrap css variables

---
 css/devstyles.css | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

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