Fixed inset chapter list colors

The colors were being overridden by the custom theme color.
Styles added to force color to page and/or page draft.

@@ -16,6 +16,9 @@
     margin: $-s 0 0 0;
     margin: $-s 0 0 0;
     border-left: 5px solid $color-page;
     border-left: 5px solid $color-page;
     padding: $-xs 0 $-xs $-m;
     padding: $-xs 0 $-xs $-m;
+    &.draft {
+      border-left-color: $color-page-draft;
+    }
   }
   }
   hr {
   hr {
     margin-top: 0;
     margin-top: 0;

@@ -206,6 +206,12 @@ p.secondary, p .secondary, span.secondary, .text-secondary {
   &:hover {
   &:hover {
     color: $color-page;
     color: $color-page;
   }
   }
+  &.draft {
+    color: $color-page-draft;
+  }
+  &.draft:hover {
+    color: $color-page-draft;
+  }
 }
 }
 .text-chapter {
 .text-chapter {
   color: $color-chapter;
   color: $color-chapter;

@@ -14,7 +14,7 @@
         <p class="text-muted chapter-toggle"><i class="zmdi zmdi-caret-right"></i> <i class="zmdi zmdi-file-text"></i> <span>{{ count($chapter->pages) }} Pages</span></p>
         <p class="text-muted chapter-toggle"><i class="zmdi zmdi-caret-right"></i> <i class="zmdi zmdi-file-text"></i> <span>{{ count($chapter->pages) }} Pages</span></p>
         <div class="inset-list">
         <div class="inset-list">
             @foreach($chapter->pages as $page)
             @foreach($chapter->pages as $page)
-                <h4><a href="{{$page->getUrl()}}"><i class="zmdi zmdi-file-text"></i>{{$page->name}}</a></h4>
+                <h4 class="@if($page->draft) draft @endif"><a href="{{$page->getUrl()}}" class="text-page @if($page->draft) draft @endif"><i class="zmdi zmdi-file-text"></i>{{$page->name}}</a></h4>
             @endforeach
             @endforeach
         </div>
         </div>
     @endif
     @endif