chore: added random color to firefox containers

Noovolari · Nov 9, 2022 · a39abb9 · a39abb9
1 parent ef4d1f9
commit a39abb9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/backend/models/container-colors.ts b/src/backend/models/container-colors.ts
@@ -0,0 +1 @@
+export const containerColors = ["toolbar", "pink", "orange", "green", "red", "blue", "purple", "turquoise", "yellow"];
diff --git a/src/backend/services/tab-controller.service.ts b/src/backend/services/tab-controller.service.ts
@@ -1,5 +1,6 @@
 import { ExtensionStateService } from "./extension-state.service";
 import { LeappSessionInfo } from "../models/leapp-session-info";
+import { containerColors } from "../models/container-colors";
 
 export class TabControllerService {
   constructor(private chromeNamespace: typeof chrome, private state: ExtensionStateService) {}
@@ -50,7 +51,12 @@ export class TabControllerService {
   }
 
   private async newFirefoxSessionTab(url: string, containerName: string, sessionId: number) {
-    const container = await this.getBrowser().contextualIdentities.create({ name: containerName, color: "orange", icon: "circle" });
+    const colorIndex = this.state.sessionCounter % containerColors.length;
+    const container = await this.getBrowser().contextualIdentities.create({
+      name: containerName,
+      color: containerColors[colorIndex],
+      icon: "circle",
+    });
     this.state.setCookieStoreId(sessionId, container.cookieStoreId);
     await this.getBrowser().tabs.create({
       url,