New: Unaired premieres on calendar are displayed in light blue

src/UI/Calendar/CalendarLayoutTemplate.html

@@ -14,7 +14,7 @@
         <div id="x-calendar" class="calendar"/>
         <div class="legend calendar">
             <ul class='legend-labels'>
-                <li><span class="pink" title="Premiere episode hasn't aired yet"></span>Unaired Premiere</li>
+                <li><span class="premiere" title="Premiere episode hasn't aired yet"></span>Unaired Premiere</li>
                 <li><span class="primary" title="Episode hasn't aired yet"></span>Unaired</li>
                 <li><span class="warning" title="Episode is currently airing"></span>On Air</li>
                 <li><span class="purple" title="Episode is currently downloading"></span>Downloading</li>

src/UI/Calendar/CalendarView.js

@@ -166,7 +166,7 @@ define(
                 }
 
                 else if (element.get('episodeNumber') === 1) {
-                    statusLevel = 'pink';
+                    statusLevel = 'premiere';
                 }
 
                 if (end.isBefore(currentTime.startOf('day'))) {

src/UI/Calendar/calendar.less

@@ -115,6 +115,10 @@
     border-color : @nzbdronePink;
   }
 
+  .premiere {
+    border-color : @droneTeal;
+  }
+
   .episode-title {
     .btn-link;
     .text-overflow;
@@ -176,6 +180,11 @@
     background-color : @nzbdronePink;
   }
 
+  .premiere {
+    border-color     : @droneTeal;
+    background-color : @droneTeal;
+  }
+
   .chart {
     margin-top  : 2px;
     margin-right: 2px;

src/UI/Handlebars/Helpers/Episode.js

@@ -38,7 +38,7 @@ define(
             }
 
             if (this.episodeNumber === 1) {
-                return 'pink';
+                return 'premiere';
             }
 
             if (currentTime.isAfter(start) && currentTime.isBefore(end)) {