Display: Set learning path table of contents to use primary/secondary colors - refs BT#19044

assets/css/app.scss

@@ -209,6 +209,40 @@
     @apply font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-ch-primary to-ch-primary-light
   }
 
+  // Learning paths menu brought in to use primary/secondary colors
+  .scorm_highlight .item {
+    background: url("../../public/img/scorm/scorm_highlight.png") no-repeat 10px center !important;
+    @apply bg-ch-secondary;
+  }
+  .scorm_highlight.scorm_completed .item {
+    background: url("../../public/img/scorm/scorm_current.png") no-repeat 10px center !important;
+    @apply bg-ch-secondary;
+  }
+  .scorm_highlight.scorm_failed .item {
+    background: url("../../public/img/scorm/scorm_failed.png") no-repeat 10px center !important;
+    @apply bg-ch-secondary;
+  }
+  .scorm_item_normal.scorm_highlight {
+    @apply bg-ch-secondary;
+  }
+  .scorm_item_normal.scorm_highlight.scorm_not_attempted {
+    background: url(../../public/img/icons/svg/check-not-attempted.svg) right center no-repeat;
+    @apply bg-ch-secondary;
+  }
+  .scorm_item_normal.scorm_highlight.scorm_completed {
+    background: url(../../public/img/icons/svg/check-highlight.svg) right center no-repeat;
+    @apply bg-ch-secondary;
+  }
+  .scorm_item_normal.scorm_highlight a {
+    color: #FFFFFF;
+  }
+  #learning_path_toc .root_item.lp_item_type_document.scorm_highlight{
+    background-color: #f1f4f9;
+  }
+  #learning_path_toc .child_item.lp_item_type_document.scorm_highlight{
+    background-color: #f1f4f9;
+  }
+
   @import "scss/index.scss";
 }
 

assets/css/scorm.css

@@ -285,31 +285,6 @@ body {
     background: url("../../public/img/scorm/scorm_not_attempted.png") no-repeat 10px center;
 }
 
-.scorm_highlight .item {
-    background: url("../../public/img/scorm/scorm_highlight.png") no-repeat 10px center !important;
-    color: #009AB8;
-}
-
-.scorm_highlight.scorm_completed .item {
-    background: url("../../public/img/scorm/scorm_current.png") no-repeat 10px center !important;
-}
-
-.scorm_highlight.scorm_failed .item {
-    background: url("../../public/img/scorm/scorm_failed.png") no-repeat 10px center !important;
-}
-
-.scorm_highlight a {
-    /* color: #FFFFFF !important;*/
-}
-
-.scorm_item_normal.scorm_highlight {
-    background-color: #00829C;
-}
-
-.scorm_item_normal.scorm_highlight a {
-    /* color: #FFFFFF; once again this make links invisible!! */
-}
-
 /* END SCORM CSS BASE*/
 #scorm-info {
     padding: 0;
@@ -667,14 +642,6 @@ body {
     background: url(../../public/img/icons/svg/check-not-attempted.svg) #FFFFFF right center no-repeat;
 }
 
-.scorm_item_normal.scorm_highlight.scorm_not_attempted {
-    background: url(../../public/img/icons/svg/check-not-attempted.svg) #00829C right center no-repeat;
-}
-
-.scorm_item_normal.scorm_highlight.scorm_completed {
-    background: url(../../public/img/icons/svg/check-highlight.svg) #00829C right center no-repeat;
-}
-
 .sidebar-scorm {
     border-right: 1px solid #e6e6e6;
 }
@@ -695,9 +662,6 @@ body {
     padding-left: 20px;
 }
 
-.scorm_item_normal.scorm_highlight a {
-    color: #FFFFFF;
-}
 .tab-none-forum{
     top: 0 !important;
 }
@@ -739,12 +703,7 @@ body {
 #learning_path_toc .root_item.lp_item_type_document.scorm_not_attempted{
     background: url(../../public/img/icons/svg/check-not-attempted.svg) #FFFFFF right center no-repeat;
 }
-#learning_path_toc .root_item.lp_item_type_document.scorm_highlight{
-    background-color: #f1f4f9;
-}
-#learning_path_toc .child_item.lp_item_type_document.scorm_highlight{
-    background-color: #f1f4f9;
-}
+
 .status-heading .panel-heading .item-action{
     padding: 10px 15px;
     display: inline-block;

src/CoreBundle/Resources/views/LearnPath/view.html.twig

@@ -7,7 +7,7 @@
             <div id="learning_path_left_zone" class="sidebar-scorm">
                 <div class="lp-view-zone-container">
                     <div id="scorm-info">
-                        <div id="panel-scorm" class="panel-body">
+                        <div id="panel-scorm" class="bg-ch-primary panel-body">
                             <div class="image-avatar">
                                 {% if lp_author == '' %}
                                     <div class="text-center">