Updated Icons

frontend/public/icon-background.svg

@@ -0,0 +1,51 @@
+<svg
+  height="200"
+  viewBox="0 0 200 200"
+  width="200"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <!-- Background Square with Gradient -->
+  <defs>
+    <linearGradient id="bgGradient" x1="0" x2="1" y1="0" y2="1">
+      <stop offset="0%" stop-color="#4A90E2"/>
+      <stop offset="100%" stop-color="#357ABD"/>
+    </linearGradient>
+  </defs>
+  <rect fill="url(#bgGradient)" height="200" rx="20" width="200"/>
+
+  <!-- Stylized Docker Containers -->
+  <g fill="#00BFFF">
+    <rect height="20" rx="3" width="20" x="40" y="70"/>
+    <rect height="20" rx="3" width="20" x="65" y="70"/>
+    <rect height="20" rx="3" width="20" x="90" y="70"/>
+    <rect height="20" rx="3" width="20" x="52.5" y="45"/>
+    <rect height="20" rx="3" width="20" x="77.5" y="45"/>
+  </g>
+
+  <!-- Docker Whale Body -->
+  <path
+    d="M35 110c0 20 30 35 60 35s60-15 60-35v-5H35v5z"
+    fill="#00BFFF"
+    opacity="0.8"
+  />
+  <circle cx="55" cy="115" fill="#fff" r="3"/>
+
+  <!-- Git Branch Path -->
+  <path
+    d="M 97 128 q 155 -125 0 0"
+    fill="none"
+    stroke="#F1502F"
+    stroke-width="4"
+  />
+  <circle cx="175" cy="40" fill="#F1502F" r="6"/>
+  <circle cx="100" cy="125" fill="#F1502F" r="6"/>
+  <circle cx="175" cy="125" fill="#F1502F" r="6"/>
+  <path
+    d="M 175 40 q 0 175 0 0"
+    fill="none"
+    stroke="#F1502F"
+    stroke-linecap="round"
+    stroke-width="4"
+  />
+
+</svg>

frontend/src/app/app.component.html

@@ -1,3 +1,7 @@
 <main class="p-5">
+  <h1 class="text-4xl mb-5">
+    <img alt="Icon" class="inline h-15" src="icon-background.svg"/>
+    Dirigent
+  </h1>
   <router-outlet></router-outlet>
 </main>

frontend/src/app/overview/overview.component.html

@@ -1,5 +1,6 @@
 <div class="space-y-4">
-  <h1 class="text-3xl">Your Deployments</h1>
+
+  <h2 class="text-2xl">Your Deployments</h2>
   <div class="md:grid md:grid-cols-5">
     <mat-form-field class="w-full md:col-span-2">
       <mat-label>Search...</mat-label>

frontend/src/index.html

@@ -5,7 +5,7 @@
   <title>DirigentFrontend</title>
   <base href="/">
   <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-  <link href="icon.svg" rel="icon" type="image/svg+xml">
+  <link href="icon-no-background.svg" rel="icon" type="image/svg+xml">
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>