Added channel filter.

assets/components/actors/actor.vue

@@ -296,6 +296,7 @@
 					:items-total="totalCount"
 					:items-per-page="limit"
 					:available-tags="actor.tags"
+					:available-channels="actor.channels"
 				/>
 
 				<Releases :releases="releases" />
@@ -312,7 +313,7 @@
 
 <script>
 import Pagination from '../pagination/pagination.vue';
-import FilterBar from '../header/filter-bar.vue';
+import FilterBar from '../filters/filter-bar.vue';
 import Releases from '../releases/releases.vue';
 import Photos from './photos.vue';
 import Expand from '../expand/expand.vue';
@@ -402,7 +403,7 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    color: var(--highlight-extreme);
+    color: var(--lighten-extreme);
     background: var(--profile);
     padding: .75rem 1rem;
 }
@@ -429,7 +430,7 @@ export default {
 
 .profile {
     background: var(--profile);
-    color: var(--highlight-extreme);
+    color: var(--lighten-extreme);
     width: 100%;
     max-height: 18rem;
     display: flex;
@@ -486,7 +487,7 @@ export default {
     overflow: hidden;
 
     &:not(:last-of-type) {
-        border-bottom: solid 1px var(--highlight-hint);
+        border-bottom: solid 1px var(--lighten-hint);
     }
 }
 
@@ -497,14 +498,14 @@ export default {
 }
 
 .bio-label {
-    color: var(--highlight);
+    color: var(--lighten);
     margin: 0 1rem 0 0;
     flex-shrink: 0;
     font-style: normal;
     font-weight: 400;
 
     .icon {
-        fill: var(--highlight);
+        fill: var(--lighten);
         margin: -.25rem .5rem 0 0;
     }
 }
@@ -538,7 +539,7 @@ export default {
 .age {
     font-weight: bold;
     padding: 0 0 0 .5rem;
-    border-left: solid 1px var(--highlight-weak);
+    border-left: solid 1px var(--lighten-weak);
     margin: 0 0 0 .5rem;
 }
 
@@ -554,7 +555,7 @@ export default {
 .height-imperial,
 .weight-imperial {
     padding: 0 0 0 .5rem;
-    border-left: solid 1px var(--highlight-weak);
+    border-left: solid 1px var(--lighten-weak);
     margin: 0 0 0 .5rem;
 }
 
@@ -571,7 +572,7 @@ export default {
 }
 
 .scraped {
-    color: var(--highlight-weak);
+    color: var(--lighten-weak);
     font-size: .8rem;
 }