fix ciphers routing

src/popup2/vault/groupings.component.html

@@ -63,7 +63,7 @@
             </div>
             <div class="box-content">
                 <a *ngFor="let c of collections" href="#" class="box-content-row" appStopClick appBlurClick
-                   (click)="selectCollection(f)">
+                   (click)="selectCollection(c)">
                     {{c.name}}
                     <span>{{collectionCounts.get(c.id) || 0}}</span>
                 </a>

src/popup2/vault/groupings.component.ts

@@ -77,16 +77,16 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
 
     selectType(type: CipherType) {
         super.selectType(type);
-        this.router.navigate(['/ciphers', { queryParams: { type: type } }]);
+        this.router.navigate(['/ciphers'], { queryParams: { type: type } });
     }
 
     selectFolder(folder: FolderView) {
         super.selectFolder(folder);
-        this.router.navigate(['/ciphers', { queryParams: { folderId: folder.id } }]);
+        this.router.navigate(['/ciphers'], { queryParams: { folderId: folder.id } });
     }
 
     selectCollection(collection: CollectionView) {
         super.selectCollection(collection);
-        this.router.navigate(['/ciphers', { queryParams: { collectionId: collection.id } }]);
+        this.router.navigate(['/ciphers'], { queryParams: { collectionId: collection.id } });
     }
 }

src/scss/variables.scss

@@ -23,7 +23,7 @@ $brand-info: #555555;
 $brand-warning: #bf7e16;
 $brand-primary-accent: #286090;
 
-$background-color: #f9fafc;
+$background-color: #efeff4;
 $background-color-alt: #ecf0f5;
 
 $box-background-color: white;