MOBILE-3814 course: Add course header background color

src/core/features/course/pages/index/index.html

@@ -16,6 +16,7 @@
         </ion-buttons>
     </ion-toolbar>
 </ion-header>
+<div class="core-course-header">
     <ion-item class="core-format-progress-list ion-text-wrap list-item-limited-width" collapsible>
         <ng-container *ngIf="course">
             <div *ngIf="!course.courseImage" #courseThumb slot="start" class="core-course-thumb">
@@ -34,6 +35,6 @@
                 </core-progress-bar>
             </div>
         </ion-label>
-
     </ion-item>
+</div>
 <core-tabs-outlet [tabs]="tabs" [hideUntil]="loaded" (ionChange)="tabSelected()"></core-tabs-outlet>

src/core/features/course/pages/index/index.scss

@@ -44,4 +44,8 @@
     h1 {
         font-size: 20px;
     }
+
+    .core-course-header {
+        background: var(--ion-item-background);
+    }
 }