fix: Enhance filter opacity and color (#4901)

Author: maze-runnar

app/styles/components/extras.scss

@@ -3,10 +3,10 @@ a.link-item {
   display: table;
 
   &.active {
-    background-color: rgba(0, 0, 0, .05);
+    background-color: rgba(0, 0, 0, .1);
   }
 
   &:hover {
-    background-color: rgba(0, 0, 0, .025);
+    background-color: rgba(0, 0, 0, .05);
   }
 }

app/templates/public.hbs

@@ -48,7 +48,7 @@
               <h4>
                 {{t 'Tracks'}}
                 <LinkTo @route="public.sessions" @models={{array this.model.id}} @query={{hash track=null}} data-tooltip="{{t 'Clear Track Filter'}}">
-                  <i class="minus circle icon" style={{css color='#f00'}}></i>
+                  <i class="minus circle icon" style={{css color='#555'}}></i>
                 </LinkTo>
               </h4>
               {{#each this.model.tracks as |track|}} 
@@ -63,7 +63,7 @@
               <h4>
                 {{t 'Rooms'}}
                 <LinkTo @route="public.sessions" @models={{array this.model.id}} @query={{hash room=null}} data-tooltip="{{t 'Clear Room Filter'}}">
-                  <i class="minus circle icon" style={{css color='#f00'}}></i>
+                  <i class="minus circle icon" style={{css color='#555'}}></i>
                 </LinkTo>
               </h4>
               {{#each this.model.microlocations as |room|}}