diff --git a/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg b/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
index a2de082f..fb2b6bea 100644
--- a/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
+++ b/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
@@ -1426,6 +1426,11 @@
+
+
+
+
+
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts b/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
index 66969d78..32879445 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
@@ -235,6 +235,7 @@ const icons = [
'product-am',
'product-apim',
'product-cockpit',
+ 'product-cloud',
'prohibition',
'puzzle',
'question-mark-circle',
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
index fe659666..7e106bbd 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
@@ -42,7 +42,8 @@ $typography: map.get(gio.$mat-theme, typography);
color: oem.$oem-menu-text;
}
- &.cockpit {
+ &.cockpit,
+ &.cloud {
background: rgb(135 111 236 / 40%);
color: map.get(gio.$mat-accent-palette, default-contrast);
}
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
index d207f0ac..8cf00a32 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
@@ -15,7 +15,7 @@
*/
import { Component, Input } from '@angular/core';
-export type GioTopBarProductTypes = 'am' | 'apim' | 'cockpit';
+export type GioTopBarProductTypes = 'am' | 'apim' | 'cockpit' | 'cloud';
@Component({
selector: 'gio-top-bar-content',