@@ -48,12 +48,12 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
@@ -106,10 +103,7 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
@@ -122,7 +116,7 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
@@ -143,7 +137,7 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
Hussaina:
- Use slack effectively and leverage discuss forum, talk to Meshmates and
+ Use Slack effectively and leverage discuss forum, talk to MeshMates and
maintainers, they are all ears to the issues you face while starting out.
@@ -159,8 +153,8 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
Hussaina:
- Work on the long pending system config CLI improvements and contribute to
- other Meshey projects.
+ Work on the long pending `system config` CLI improvements and contribute to
+ other Meshery projects.
diff --git a/src/collections/events/2024/kubecon-na/index.mdx b/src/collections/events/2024/kubecon-na/index.mdx
index f9b32b86f938..8aab59c53420 100644
--- a/src/collections/events/2024/kubecon-na/index.mdx
+++ b/src/collections/events/2024/kubecon-na/index.mdx
@@ -4,12 +4,12 @@ description: "CNCF Tag Network and Service mesh Working Group Deep Dive"
date: 2024-11-11
thumbnail: ./kubeconna-2024.png
darkthumbnail: ./kubeconna-2024.png
-eurl: https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/
+
type: Event
published: true
upcoming: true
feature: true
-speakers: ["Lee Calcote", "Nic Jackson", "Zack Butcher", "Zhonghu Xu"]
+speakers: ["Lee Calcote", "Nic Jackson", "Shivay Lamba", "Zack Butcher", "Zhonghu Xu"]
---
import Button from "../../../../reusecore/Button";
@@ -20,5 +20,60 @@ Join Layer5 at KubeCon + CloudNativeCon NA, Salt Lake City, Utah!
Join the Meshery project at KubeCon NA 2024 from November 11th to November 16th, 2024 and get introduced to collaborative cloud native management and Meshery open source maintainers.
-{/*
-
*/}
+
+### Session: Meshery - Visualizing Kubernetes Resource Relationships with Meshery
+
+
+Meshery and its extensions empower you to navigate cloud native infrastructure in complex environments. This lighting talk delves into the human-computer interaction (HCI) principles that underpin MeshMap's intuitive visualization of Kubernetes resources and the various forms of inter/relationships with other CNCF projects' resources.
+
+Human-Computer Interaction Principles in Meshery:
+
+
+ Cognitive Load: How Meshery reduces cognitive load by presenting complex information in a structured and visually digestible manner.
+ Mental Models: How Meshery aligns with users' mental models of Kubernetes environments, facilitating comprehension and navigation.
+ Visual Perception: How Meshery leverages visual cues, colors, and layout to guide users' attention and highlight critical information.
+
+
+
+
+
+ Date: November 12, 2024
+ Time: 3:04pm - 3:09pm MST
+
+
+
+
+
+### Session: CNCF TAG Network - Intro & Deep Dive
+
+
+“It’s the network!” is the cry of every engineer. With the increased prevalence of microservices and distributed systems, it’s true - networking as a discipline has never been more critical in the well-architected design and efficient operation of modern infrastructure. Join this talk for an intro to the TAG, its charter and a deeper discussion of current cloud native networking topics being advanced in this TAG.
+
+
+
+
+ Date: November 14, 2024
+ Time: 11:55am - 12:30pm MST
+
+
+
+
+
+### Session: Contribfest - Meshery Contribfest: Extending the Cloud Native Manager
+
+
+Join the Meshery maintainers and community in improving the leading cloud native management plane. This is your chance to get hands-on with the tools shaping the future of collaborative cloud native management. Opportunities: Work on core functionality in the Server (Golang) or UI (React) or extend Meshery by building your own plugin. Contribute to the Meshery documentation by incorporating your own examples of cloud native solution architectures using Meshery Designer.
+
+
+Why Contribute to Meshery? - Gain experience with cloud native technologies, including essentially every CNCF project and open source development practices. As is the 10th fastest growing CNCF project, Meshery has a vibrant community. Work alongside passionate maintainers and contributors. No Prior Experience Needed: We welcome contributions from all levels of experience. Join us at Meshery Contribfest and be part of the growing community shaping the future of collaborative cloud native management.
+
+
+
+
+ Date: November 14, 2024
+ Time: 4:30pm - 6:00pm MST
+
+
+
+
+
diff --git a/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/color/node-feature-group-color.svg b/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/color/node-feature-group-color.svg
new file mode 100644
index 000000000000..b89948f134f2
--- /dev/null
+++ b/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/color/node-feature-group-color.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/white/node-feature-group-white.svg b/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/white/node-feature-group-white.svg
new file mode 100644
index 000000000000..60e1030bc8c8
--- /dev/null
+++ b/src/collections/integrations/amd-gpu/icons/components/node-feature-group/icons/white/node-feature-group-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/collections/integrations/amd-gpu/index.mdx b/src/collections/integrations/amd-gpu/index.mdx
index 1db9aa897dec..282b2813543a 100644
--- a/src/collections/integrations/amd-gpu/index.mdx
+++ b/src/collections/integrations/amd-gpu/index.mdx
@@ -20,6 +20,12 @@ components: [
"colorIcon": "icons/components/node-feature-rule/icons/color/node-feature-rule-color.svg",
"whiteIcon": "icons/components/node-feature-rule/icons/white/node-feature-rule-white.svg",
"description": "",
+},
+{
+"name": "node-feature-group",
+"colorIcon": "icons/components/node-feature-group/icons/color/node-feature-group-color.svg",
+"whiteIcon": "icons/components/node-feature-group/icons/white/node-feature-group-white.svg",
+"description": "",
}]
featureList: [
"Enables GPU acceleration for Kubernetes workloads",
diff --git a/src/collections/integrations/cloud-custodian/icons/color/cloud-custodian-color.svg b/src/collections/integrations/cloud-custodian/icons/color/cloud-custodian-color.svg
index 05129029bcb1..246274fc776c 100644
--- a/src/collections/integrations/cloud-custodian/icons/color/cloud-custodian-color.svg
+++ b/src/collections/integrations/cloud-custodian/icons/color/cloud-custodian-color.svg
@@ -1 +1 @@
-
meshery-logo-light
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/cloud-custodian/icons/white/cloud-custodian-white.svg b/src/collections/integrations/cloud-custodian/icons/white/cloud-custodian-white.svg
index aa9e84b87c10..f5479cc3fd48 100644
--- a/src/collections/integrations/cloud-custodian/icons/white/cloud-custodian-white.svg
+++ b/src/collections/integrations/cloud-custodian/icons/white/cloud-custodian-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/cluster-api-provider-openstack/index.mdx b/src/collections/integrations/cluster-api-provider-openstack/index.mdx
index 7fdb04f6554a..e7cd337b6460 100644
--- a/src/collections/integrations/cluster-api-provider-openstack/index.mdx
+++ b/src/collections/integrations/cluster-api-provider-openstack/index.mdx
@@ -44,6 +44,12 @@ components: [
"colorIcon": "icons/components/open-stack-machine-template/icons/color/open-stack-machine-template-color.svg",
"whiteIcon": "icons/components/open-stack-machine-template/icons/white/open-stack-machine-template-white.svg",
"description": "",
+},
+{
+"name": "open-stack-server",
+"colorIcon": "icons/components/open-stack-server/icons/color/open-stack-server-color.svg",
+"whiteIcon": "icons/components/open-stack-server/icons/white/open-stack-server-white.svg",
+"description": "",
}]
featureList: [
"Automates Kubernetes cluster provisioning",
diff --git a/src/collections/integrations/inlets-operator/icons/color/inlets-operator-color.svg b/src/collections/integrations/inlets-operator/icons/color/inlets-operator-color.svg
index c18fbe907a02..e3850e929f91 100644
--- a/src/collections/integrations/inlets-operator/icons/color/inlets-operator-color.svg
+++ b/src/collections/integrations/inlets-operator/icons/color/inlets-operator-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/color/tunnel-color.svg b/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/color/tunnel-color.svg
index c18fbe907a02..e3850e929f91 100644
--- a/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/color/tunnel-color.svg
+++ b/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/color/tunnel-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/white/tunnel-white.svg b/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/white/tunnel-white.svg
index aa9e84b87c10..e3850e929f91 100644
--- a/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/white/tunnel-white.svg
+++ b/src/collections/integrations/inlets-operator/icons/components/tunnel/icons/white/tunnel-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/inlets-operator/icons/white/inlets-operator-white.svg b/src/collections/integrations/inlets-operator/icons/white/inlets-operator-white.svg
index aa9e84b87c10..5c554c6f501e 100644
--- a/src/collections/integrations/inlets-operator/icons/white/inlets-operator-white.svg
+++ b/src/collections/integrations/inlets-operator/icons/white/inlets-operator-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
diff --git a/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg b/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg
new file mode 100644
index 000000000000..51a8e4df0a5a
--- /dev/null
+++ b/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg
@@ -0,0 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg b/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg
new file mode 100644
index 000000000000..847d97fbace4
--- /dev/null
+++ b/src/collections/integrations/kong-mesh/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg
@@ -0,0 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/color/mesh-tls-color.svg b/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/color/mesh-tls-color.svg
new file mode 100644
index 000000000000..51a8e4df0a5a
--- /dev/null
+++ b/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/color/mesh-tls-color.svg
@@ -0,0 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/white/mesh-tls-white.svg b/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/white/mesh-tls-white.svg
new file mode 100644
index 000000000000..847d97fbace4
--- /dev/null
+++ b/src/collections/integrations/kong-mesh/icons/components/mesh-tls/icons/white/mesh-tls-white.svg
@@ -0,0 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/kong-mesh/index.mdx b/src/collections/integrations/kong-mesh/index.mdx
index 5df0af516c8d..a831cbf1328a 100644
--- a/src/collections/integrations/kong-mesh/index.mdx
+++ b/src/collections/integrations/kong-mesh/index.mdx
@@ -326,6 +326,18 @@ components: [
"colorIcon": "icons/components/mesh-passthrough/icons/color/mesh-passthrough-color.svg",
"whiteIcon": "icons/components/mesh-passthrough/icons/white/mesh-passthrough-white.svg",
"description": "",
+},
+{
+"name": "mesh-multi-zone-service",
+"colorIcon": "icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg",
+"whiteIcon": "icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg",
+"description": "",
+},
+{
+"name": "mesh-tls",
+"colorIcon": "icons/components/mesh-tls/icons/color/mesh-tls-color.svg",
+"whiteIcon": "icons/components/mesh-tls/icons/white/mesh-tls-white.svg",
+"description": "",
}]
featureList: [
"Built on top of Envoy with 50+ observability charts out of the box, you can collect metrics, traces and logs of all L4-L7 traffic.",
diff --git a/src/collections/integrations/kubernetes/icons/components/persistent-volume/icons/white/persistent-volume-white.svg b/src/collections/integrations/kubernetes/icons/components/persistent-volume/icons/white/persistent-volume-white.svg
index 2ed4db357583..e3ed82147324 100644
--- a/src/collections/integrations/kubernetes/icons/components/persistent-volume/icons/white/persistent-volume-white.svg
+++ b/src/collections/integrations/kubernetes/icons/components/persistent-volume/icons/white/persistent-volume-white.svg
@@ -1,3 +1,3 @@
-
+
diff --git a/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg b/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg
new file mode 100644
index 000000000000..103ccbaddd41
--- /dev/null
+++ b/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg b/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg
new file mode 100644
index 000000000000..815eebcb725e
--- /dev/null
+++ b/src/collections/integrations/kuma/icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg
@@ -0,0 +1 @@
+
diff --git a/src/collections/integrations/kuma/icons/components/mesh-tls/icons/color/mesh-tls-color.svg b/src/collections/integrations/kuma/icons/components/mesh-tls/icons/color/mesh-tls-color.svg
new file mode 100644
index 000000000000..103ccbaddd41
--- /dev/null
+++ b/src/collections/integrations/kuma/icons/components/mesh-tls/icons/color/mesh-tls-color.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/collections/integrations/kuma/icons/components/mesh-tls/icons/white/mesh-tls-white.svg b/src/collections/integrations/kuma/icons/components/mesh-tls/icons/white/mesh-tls-white.svg
new file mode 100644
index 000000000000..815eebcb725e
--- /dev/null
+++ b/src/collections/integrations/kuma/icons/components/mesh-tls/icons/white/mesh-tls-white.svg
@@ -0,0 +1 @@
+
diff --git a/src/collections/integrations/kuma/index.mdx b/src/collections/integrations/kuma/index.mdx
index af4b7b74dcd3..a061e7b2b162 100644
--- a/src/collections/integrations/kuma/index.mdx
+++ b/src/collections/integrations/kuma/index.mdx
@@ -290,6 +290,18 @@ components: [
"colorIcon": "icons/components/hostname-generator/icons/color/hostname-generator-color.svg",
"whiteIcon": "icons/components/hostname-generator/icons/white/hostname-generator-white.svg",
"description": "",
+},
+{
+"name": "mesh-multi-zone-service",
+"colorIcon": "icons/components/mesh-multi-zone-service/icons/color/mesh-multi-zone-service-color.svg",
+"whiteIcon": "icons/components/mesh-multi-zone-service/icons/white/mesh-multi-zone-service-white.svg",
+"description": "",
+},
+{
+"name": "mesh-tls",
+"colorIcon": "icons/components/mesh-tls/icons/color/mesh-tls-color.svg",
+"whiteIcon": "icons/components/mesh-tls/icons/white/mesh-tls-white.svg",
+"description": "",
}]
featureList: [
"Lightweight and flexible service mesh",
diff --git a/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/color/pen-terminal-color.svg b/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/color/pen-terminal-color.svg
index 05bc4b31a3a9..367744d04583 100644
--- a/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/color/pen-terminal-color.svg
+++ b/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/color/pen-terminal-color.svg
@@ -1,3 +1,11 @@
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/white/pen-terminal-white.svg b/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/white/pen-terminal-white.svg
index b29670dc82e6..367744d04583 100644
--- a/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/white/pen-terminal-white.svg
+++ b/src/collections/integrations/meshery-core/icons/components/pen-terminal/icons/white/pen-terminal-white.svg
@@ -1,3 +1,11 @@
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/meshery-core/icons/components/picture/icons/color/picture-color.svg b/src/collections/integrations/meshery-core/icons/components/picture/icons/color/picture-color.svg
index 05bc4b31a3a9..12cd9fbb1587 100644
--- a/src/collections/integrations/meshery-core/icons/components/picture/icons/color/picture-color.svg
+++ b/src/collections/integrations/meshery-core/icons/components/picture/icons/color/picture-color.svg
@@ -1,3 +1 @@
-
-
-
+
\ No newline at end of file
diff --git a/src/collections/integrations/meshery-core/icons/components/picture/icons/white/picture-white.svg b/src/collections/integrations/meshery-core/icons/components/picture/icons/white/picture-white.svg
index b29670dc82e6..12cd9fbb1587 100644
--- a/src/collections/integrations/meshery-core/icons/components/picture/icons/white/picture-white.svg
+++ b/src/collections/integrations/meshery-core/icons/components/picture/icons/white/picture-white.svg
@@ -1,3 +1 @@
-
-
-
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-aws-adapter/icons/color/nirmata-aws-adapter-color.svg b/src/collections/integrations/nirmata-aws-adapter/icons/color/nirmata-aws-adapter-color.svg
index c18fbe907a02..f77fce0cdae3 100644
--- a/src/collections/integrations/nirmata-aws-adapter/icons/color/nirmata-aws-adapter-color.svg
+++ b/src/collections/integrations/nirmata-aws-adapter/icons/color/nirmata-aws-adapter-color.svg
@@ -1,33 +1,13 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/color/aws-config-color.svg b/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/color/aws-config-color.svg
index c18fbe907a02..7c0a52435815 100644
--- a/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/color/aws-config-color.svg
+++ b/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/color/aws-config-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/white/aws-config-white.svg b/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/white/aws-config-white.svg
index aa9e84b87c10..7c0a52435815 100644
--- a/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/white/aws-config-white.svg
+++ b/src/collections/integrations/nirmata-aws-adapter/icons/components/aws-config/icons/white/aws-config-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-aws-adapter/icons/white/nirmata-aws-adapter-white.svg b/src/collections/integrations/nirmata-aws-adapter/icons/white/nirmata-aws-adapter-white.svg
index aa9e84b87c10..f77fce0cdae3 100644
--- a/src/collections/integrations/nirmata-aws-adapter/icons/white/nirmata-aws-adapter-white.svg
+++ b/src/collections/integrations/nirmata-aws-adapter/icons/white/nirmata-aws-adapter-white.svg
@@ -1 +1,13 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-venafi-adapter/icons/color/nirmata-venafi-adapter-color.svg b/src/collections/integrations/nirmata-venafi-adapter/icons/color/nirmata-venafi-adapter-color.svg
index 05129029bcb1..f77fce0cdae3 100644
--- a/src/collections/integrations/nirmata-venafi-adapter/icons/color/nirmata-venafi-adapter-color.svg
+++ b/src/collections/integrations/nirmata-venafi-adapter/icons/color/nirmata-venafi-adapter-color.svg
@@ -1 +1,13 @@
-meshery-logo-light
\ No newline at end of file
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/color/image-key-color.svg b/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/color/image-key-color.svg
index 05129029bcb1..7c0a52435815 100644
--- a/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/color/image-key-color.svg
+++ b/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/color/image-key-color.svg
@@ -1 +1 @@
-meshery-logo-light
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/white/image-key-white.svg b/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/white/image-key-white.svg
index 05129029bcb1..7c0a52435815 100644
--- a/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/white/image-key-white.svg
+++ b/src/collections/integrations/nirmata-venafi-adapter/icons/components/image-key/icons/white/image-key-white.svg
@@ -1 +1 @@
-meshery-logo-light
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/nirmata-venafi-adapter/icons/white/nirmata-venafi-adapter-white.svg b/src/collections/integrations/nirmata-venafi-adapter/icons/white/nirmata-venafi-adapter-white.svg
index 05129029bcb1..f77fce0cdae3 100644
--- a/src/collections/integrations/nirmata-venafi-adapter/icons/white/nirmata-venafi-adapter-white.svg
+++ b/src/collections/integrations/nirmata-venafi-adapter/icons/white/nirmata-venafi-adapter-white.svg
@@ -1 +1,13 @@
-meshery-logo-light
\ No newline at end of file
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/color/openelb-color.svg b/src/collections/integrations/openelb/icons/color/openelb-color.svg
index c18fbe907a02..eeb8f1233ce2 100644
--- a/src/collections/integrations/openelb/icons/color/openelb-color.svg
+++ b/src/collections/integrations/openelb/icons/color/openelb-color.svg
@@ -1,33 +1,30 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/src/collections/integrations/openelb/icons/components/bgp-conf/icons/color/bgp-conf-color.svg b/src/collections/integrations/openelb/icons/components/bgp-conf/icons/color/bgp-conf-color.svg
index c18fbe907a02..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/bgp-conf/icons/color/bgp-conf-color.svg
+++ b/src/collections/integrations/openelb/icons/components/bgp-conf/icons/color/bgp-conf-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/components/bgp-conf/icons/white/bgp-conf-white.svg b/src/collections/integrations/openelb/icons/components/bgp-conf/icons/white/bgp-conf-white.svg
index aa9e84b87c10..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/bgp-conf/icons/white/bgp-conf-white.svg
+++ b/src/collections/integrations/openelb/icons/components/bgp-conf/icons/white/bgp-conf-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/components/bgp-peer/icons/color/bgp-peer-color.svg b/src/collections/integrations/openelb/icons/components/bgp-peer/icons/color/bgp-peer-color.svg
index c18fbe907a02..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/bgp-peer/icons/color/bgp-peer-color.svg
+++ b/src/collections/integrations/openelb/icons/components/bgp-peer/icons/color/bgp-peer-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/components/bgp-peer/icons/white/bgp-peer-white.svg b/src/collections/integrations/openelb/icons/components/bgp-peer/icons/white/bgp-peer-white.svg
index aa9e84b87c10..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/bgp-peer/icons/white/bgp-peer-white.svg
+++ b/src/collections/integrations/openelb/icons/components/bgp-peer/icons/white/bgp-peer-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/components/eip/icons/color/eip-color.svg b/src/collections/integrations/openelb/icons/components/eip/icons/color/eip-color.svg
index c18fbe907a02..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/eip/icons/color/eip-color.svg
+++ b/src/collections/integrations/openelb/icons/components/eip/icons/color/eip-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/components/eip/icons/white/eip-white.svg b/src/collections/integrations/openelb/icons/components/eip/icons/white/eip-white.svg
index aa9e84b87c10..9b77aca9bec6 100644
--- a/src/collections/integrations/openelb/icons/components/eip/icons/white/eip-white.svg
+++ b/src/collections/integrations/openelb/icons/components/eip/icons/white/eip-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/openelb/icons/white/openelb-white.svg b/src/collections/integrations/openelb/icons/white/openelb-white.svg
index aa9e84b87c10..eeb8f1233ce2 100644
--- a/src/collections/integrations/openelb/icons/white/openelb-white.svg
+++ b/src/collections/integrations/openelb/icons/white/openelb-white.svg
@@ -1 +1,30 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/redis-operator/icons/color/redis-operator-color.svg b/src/collections/integrations/redis-operator/icons/color/redis-operator-color.svg
index c18fbe907a02..0c94840313e9 100644
--- a/src/collections/integrations/redis-operator/icons/color/redis-operator-color.svg
+++ b/src/collections/integrations/redis-operator/icons/color/redis-operator-color.svg
@@ -1,33 +1,17 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+Created with Fabric.js 5.2.4
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/color/redis-cluster-color.svg b/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/color/redis-cluster-color.svg
index c18fbe907a02..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/color/redis-cluster-color.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/color/redis-cluster-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/white/redis-cluster-white.svg b/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/white/redis-cluster-white.svg
index aa9e84b87c10..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/white/redis-cluster-white.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-cluster/icons/white/redis-cluster-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/color/redis-replication-color.svg b/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/color/redis-replication-color.svg
index c18fbe907a02..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/color/redis-replication-color.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/color/redis-replication-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/white/redis-replication-white.svg b/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/white/redis-replication-white.svg
index aa9e84b87c10..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/white/redis-replication-white.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-replication/icons/white/redis-replication-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/color/redis-sentinel-color.svg b/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/color/redis-sentinel-color.svg
index c18fbe907a02..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/color/redis-sentinel-color.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/color/redis-sentinel-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/white/redis-sentinel-white.svg b/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/white/redis-sentinel-white.svg
index aa9e84b87c10..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/white/redis-sentinel-white.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis-sentinel/icons/white/redis-sentinel-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis/icons/color/redis-color.svg b/src/collections/integrations/redis-operator/icons/components/redis/icons/color/redis-color.svg
index c18fbe907a02..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis/icons/color/redis-color.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis/icons/color/redis-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/components/redis/icons/white/redis-white.svg b/src/collections/integrations/redis-operator/icons/components/redis/icons/white/redis-white.svg
index aa9e84b87c10..500ab05d221f 100644
--- a/src/collections/integrations/redis-operator/icons/components/redis/icons/white/redis-white.svg
+++ b/src/collections/integrations/redis-operator/icons/components/redis/icons/white/redis-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ Created with Fabric.js 5.2.4
\ No newline at end of file
diff --git a/src/collections/integrations/redis-operator/icons/white/redis-operator-white.svg b/src/collections/integrations/redis-operator/icons/white/redis-operator-white.svg
index aa9e84b87c10..0c94840313e9 100644
--- a/src/collections/integrations/redis-operator/icons/white/redis-operator-white.svg
+++ b/src/collections/integrations/redis-operator/icons/white/redis-operator-white.svg
@@ -1 +1,17 @@
-
\ No newline at end of file
+
+Created with Fabric.js 5.2.4
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/color/saferwall-color.svg b/src/collections/integrations/saferwall/icons/color/saferwall-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/color/saferwall-color.svg
+++ b/src/collections/integrations/saferwall/icons/color/saferwall-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/color/couchbase-autoscaler-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/color/couchbase-autoscaler-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/color/couchbase-autoscaler-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/color/couchbase-autoscaler-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/white/couchbase-autoscaler-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/white/couchbase-autoscaler-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/white/couchbase-autoscaler-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-autoscaler/icons/white/couchbase-autoscaler-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/color/couchbase-backup-restore-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/color/couchbase-backup-restore-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/color/couchbase-backup-restore-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/color/couchbase-backup-restore-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/white/couchbase-backup-restore-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/white/couchbase-backup-restore-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/white/couchbase-backup-restore-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-backup-restore/icons/white/couchbase-backup-restore-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/color/couchbase-backup-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/color/couchbase-backup-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/color/couchbase-backup-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/color/couchbase-backup-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/white/couchbase-backup-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/white/couchbase-backup-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/white/couchbase-backup-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-backup/icons/white/couchbase-backup-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/color/couchbase-bucket-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/color/couchbase-bucket-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/color/couchbase-bucket-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/color/couchbase-bucket-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/white/couchbase-bucket-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/white/couchbase-bucket-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/white/couchbase-bucket-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-bucket/icons/white/couchbase-bucket-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/color/couchbase-cluster-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/color/couchbase-cluster-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/color/couchbase-cluster-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/color/couchbase-cluster-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/white/couchbase-cluster-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/white/couchbase-cluster-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/white/couchbase-cluster-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-cluster/icons/white/couchbase-cluster-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/color/couchbase-collection-group-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/color/couchbase-collection-group-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/color/couchbase-collection-group-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/color/couchbase-collection-group-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/white/couchbase-collection-group-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/white/couchbase-collection-group-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/white/couchbase-collection-group-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-collection-group/icons/white/couchbase-collection-group-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/color/couchbase-collection-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/color/couchbase-collection-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/color/couchbase-collection-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/color/couchbase-collection-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/white/couchbase-collection-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/white/couchbase-collection-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/white/couchbase-collection-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-collection/icons/white/couchbase-collection-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/color/couchbase-ephemeral-bucket-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/color/couchbase-ephemeral-bucket-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/color/couchbase-ephemeral-bucket-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/color/couchbase-ephemeral-bucket-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/white/couchbase-ephemeral-bucket-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/white/couchbase-ephemeral-bucket-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/white/couchbase-ephemeral-bucket-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-ephemeral-bucket/icons/white/couchbase-ephemeral-bucket-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/color/couchbase-group-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/color/couchbase-group-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/color/couchbase-group-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/color/couchbase-group-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/white/couchbase-group-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/white/couchbase-group-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/white/couchbase-group-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-group/icons/white/couchbase-group-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/color/couchbase-memcached-bucket-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/color/couchbase-memcached-bucket-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/color/couchbase-memcached-bucket-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/color/couchbase-memcached-bucket-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/white/couchbase-memcached-bucket-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/white/couchbase-memcached-bucket-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/white/couchbase-memcached-bucket-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-memcached-bucket/icons/white/couchbase-memcached-bucket-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/color/couchbase-migration-replication-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/color/couchbase-migration-replication-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/color/couchbase-migration-replication-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/color/couchbase-migration-replication-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/white/couchbase-migration-replication-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/white/couchbase-migration-replication-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/white/couchbase-migration-replication-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-migration-replication/icons/white/couchbase-migration-replication-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/color/couchbase-replication-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/color/couchbase-replication-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/color/couchbase-replication-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/color/couchbase-replication-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/white/couchbase-replication-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/white/couchbase-replication-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/white/couchbase-replication-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-replication/icons/white/couchbase-replication-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/color/couchbase-role-binding-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/color/couchbase-role-binding-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/color/couchbase-role-binding-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/color/couchbase-role-binding-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/white/couchbase-role-binding-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/white/couchbase-role-binding-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/white/couchbase-role-binding-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-role-binding/icons/white/couchbase-role-binding-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/color/couchbase-scope-group-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/color/couchbase-scope-group-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/color/couchbase-scope-group-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/color/couchbase-scope-group-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/white/couchbase-scope-group-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/white/couchbase-scope-group-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/white/couchbase-scope-group-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-scope-group/icons/white/couchbase-scope-group-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/color/couchbase-scope-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/color/couchbase-scope-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/color/couchbase-scope-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/color/couchbase-scope-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/white/couchbase-scope-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/white/couchbase-scope-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/white/couchbase-scope-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-scope/icons/white/couchbase-scope-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/color/couchbase-user-color.svg b/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/color/couchbase-user-color.svg
index c18fbe907a02..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/color/couchbase-user-color.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/color/couchbase-user-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/white/couchbase-user-white.svg b/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/white/couchbase-user-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/white/couchbase-user-white.svg
+++ b/src/collections/integrations/saferwall/icons/components/couchbase-user/icons/white/couchbase-user-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/saferwall/icons/white/saferwall-white.svg b/src/collections/integrations/saferwall/icons/white/saferwall-white.svg
index aa9e84b87c10..d18af63b659b 100644
--- a/src/collections/integrations/saferwall/icons/white/saferwall-white.svg
+++ b/src/collections/integrations/saferwall/icons/white/saferwall-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/sidekick/icons/color/sidekick-color.svg b/src/collections/integrations/sidekick/icons/color/sidekick-color.svg
index c18fbe907a02..7f590cc08771 100644
--- a/src/collections/integrations/sidekick/icons/color/sidekick-color.svg
+++ b/src/collections/integrations/sidekick/icons/color/sidekick-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/sidekick/icons/components/sidekick/icons/color/sidekick-color.svg b/src/collections/integrations/sidekick/icons/components/sidekick/icons/color/sidekick-color.svg
index c18fbe907a02..7f590cc08771 100644
--- a/src/collections/integrations/sidekick/icons/components/sidekick/icons/color/sidekick-color.svg
+++ b/src/collections/integrations/sidekick/icons/components/sidekick/icons/color/sidekick-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/sidekick/icons/components/sidekick/icons/white/sidekick-white.svg b/src/collections/integrations/sidekick/icons/components/sidekick/icons/white/sidekick-white.svg
index aa9e84b87c10..7f590cc08771 100644
--- a/src/collections/integrations/sidekick/icons/components/sidekick/icons/white/sidekick-white.svg
+++ b/src/collections/integrations/sidekick/icons/components/sidekick/icons/white/sidekick-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/sidekick/icons/white/sidekick-white.svg b/src/collections/integrations/sidekick/icons/white/sidekick-white.svg
index aa9e84b87c10..7f590cc08771 100644
--- a/src/collections/integrations/sidekick/icons/white/sidekick-white.svg
+++ b/src/collections/integrations/sidekick/icons/white/sidekick-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/slack-operator/icons/color/slack-operator-color.svg b/src/collections/integrations/slack-operator/icons/color/slack-operator-color.svg
index 94e8224e492a..fc4060915bff 100644
--- a/src/collections/integrations/slack-operator/icons/color/slack-operator-color.svg
+++ b/src/collections/integrations/slack-operator/icons/color/slack-operator-color.svg
@@ -1,26 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/slack-operator/icons/components/channel/icons/color/channel-color.svg b/src/collections/integrations/slack-operator/icons/components/channel/icons/color/channel-color.svg
index 94e8224e492a..829c0260a3a2 100644
--- a/src/collections/integrations/slack-operator/icons/components/channel/icons/color/channel-color.svg
+++ b/src/collections/integrations/slack-operator/icons/components/channel/icons/color/channel-color.svg
@@ -1,26 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/src/collections/integrations/slack-operator/icons/components/channel/icons/white/channel-white.svg b/src/collections/integrations/slack-operator/icons/components/channel/icons/white/channel-white.svg
index aa9e84b87c10..fc4060915bff 100644
--- a/src/collections/integrations/slack-operator/icons/components/channel/icons/white/channel-white.svg
+++ b/src/collections/integrations/slack-operator/icons/components/channel/icons/white/channel-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/slack-operator/icons/white/slack-operator-white.svg b/src/collections/integrations/slack-operator/icons/white/slack-operator-white.svg
index aa9e84b87c10..fc4060915bff 100644
--- a/src/collections/integrations/slack-operator/icons/white/slack-operator-white.svg
+++ b/src/collections/integrations/slack-operator/icons/white/slack-operator-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg b/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg b/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg b/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg b/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg b/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg
index c18fbe907a02..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg
@@ -1,33 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg
index aa9e84b87c10..224e0242043d 100644
--- a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 200 200">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg b/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg
index aa9e84b87c10..fc4060915bff 100644
--- a/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg
+++ b/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg
@@ -1 +1,27 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg b/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
index 1a03302c9048..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
@@ -1 +1 @@
-
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/color/backup-storage-location-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/color/backup-storage-location-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/color/backup-storage-location-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/color/backup-storage-location-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/white/backup-storage-location-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/white/backup-storage-location-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/white/backup-storage-location-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/backup-storage-location/icons/white/backup-storage-location-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/color/backup-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/color/backup-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/color/backup-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/color/backup-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/white/backup-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/white/backup-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/white/backup-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/backup/icons/white/backup-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/color/delete-backup-request-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/color/delete-backup-request-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/color/delete-backup-request-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/color/delete-backup-request-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/white/delete-backup-request-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/white/delete-backup-request-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/white/delete-backup-request-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/delete-backup-request/icons/white/delete-backup-request-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/color/download-request-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/color/download-request-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/color/download-request-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/color/download-request-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/white/download-request-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/white/download-request-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/white/download-request-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/download-request/icons/white/download-request-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/color/pod-volume-backup-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/color/pod-volume-backup-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/color/pod-volume-backup-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/color/pod-volume-backup-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/white/pod-volume-backup-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/white/pod-volume-backup-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/white/pod-volume-backup-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-backup/icons/white/pod-volume-backup-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/color/pod-volume-restore-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/color/pod-volume-restore-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/color/pod-volume-restore-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/color/pod-volume-restore-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/white/pod-volume-restore-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/white/pod-volume-restore-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/white/pod-volume-restore-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/pod-volume-restore/icons/white/pod-volume-restore-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/color/restic-repository-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/color/restic-repository-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/color/restic-repository-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/color/restic-repository-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/white/restic-repository-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/white/restic-repository-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/white/restic-repository-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/restic-repository/icons/white/restic-repository-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/color/restore-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/color/restore-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/color/restore-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/color/restore-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/white/restore-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/white/restore-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/white/restore-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/restore/icons/white/restore-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/color/schedule-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/color/schedule-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/color/schedule-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/color/schedule-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/white/schedule-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/white/schedule-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/white/schedule-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/schedule/icons/white/schedule-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/color/server-status-request-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/color/server-status-request-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/color/server-status-request-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/color/server-status-request-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/white/server-status-request-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/white/server-status-request-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/white/server-status-request-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/server-status-request/icons/white/server-status-request-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/color/volume-snapshot-location-color.svg b/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/color/volume-snapshot-location-color.svg
index c18fbe907a02..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/color/volume-snapshot-location-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/color/volume-snapshot-location-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/white/volume-snapshot-location-white.svg b/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/white/volume-snapshot-location-white.svg
index aa9e84b87c10..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/white/volume-snapshot-location-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/components/volume-snapshot-location/icons/white/volume-snapshot-location-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg b/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
index 1a03302c9048..4cc6240af5e5 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/color/victoria-metrics-k8s-stack-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/color/victoria-metrics-k8s-stack-color.svg
index c18fbe907a02..db7dccbc23ee 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/color/victoria-metrics-k8s-stack-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/color/victoria-metrics-k8s-stack-color.svg
@@ -1,33 +1,15 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/color/v-logs-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/color/v-logs-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/color/v-logs-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/color/v-logs-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/white/v-logs-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/white/v-logs-white.svg
index aa9e84b87c10..3a504c884eff 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/white/v-logs-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/v-logs/icons/white/v-logs-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/color/vm-agent-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/color/vm-agent-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/color/vm-agent-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/color/vm-agent-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/white/vm-agent-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/white/vm-agent-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/white/vm-agent-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-agent/icons/white/vm-agent-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/color/vm-alert-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/color/vm-alert-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/color/vm-alert-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/color/vm-alert-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/white/vm-alert-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/white/vm-alert-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/white/vm-alert-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alert/icons/white/vm-alert-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/color/vm-alertmanager-config-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/color/vm-alertmanager-config-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/color/vm-alertmanager-config-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/color/vm-alertmanager-config-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/white/vm-alertmanager-config-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/white/vm-alertmanager-config-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/white/vm-alertmanager-config-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager-config/icons/white/vm-alertmanager-config-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/color/vm-alertmanager-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/color/vm-alertmanager-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/color/vm-alertmanager-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/color/vm-alertmanager-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/white/vm-alertmanager-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/white/vm-alertmanager-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/white/vm-alertmanager-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-alertmanager/icons/white/vm-alertmanager-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/color/vm-auth-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/color/vm-auth-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/color/vm-auth-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/color/vm-auth-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/white/vm-auth-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/white/vm-auth-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/white/vm-auth-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-auth/icons/white/vm-auth-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/color/vm-cluster-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/color/vm-cluster-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/color/vm-cluster-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/color/vm-cluster-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/white/vm-cluster-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/white/vm-cluster-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/white/vm-cluster-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-cluster/icons/white/vm-cluster-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/color/vm-node-scrape-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/color/vm-node-scrape-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/color/vm-node-scrape-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/color/vm-node-scrape-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/white/vm-node-scrape-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/white/vm-node-scrape-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/white/vm-node-scrape-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-node-scrape/icons/white/vm-node-scrape-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/color/vm-pod-scrape-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/color/vm-pod-scrape-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/color/vm-pod-scrape-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/color/vm-pod-scrape-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/white/vm-pod-scrape-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/white/vm-pod-scrape-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/white/vm-pod-scrape-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-pod-scrape/icons/white/vm-pod-scrape-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/color/vm-probe-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/color/vm-probe-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/color/vm-probe-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/color/vm-probe-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/white/vm-probe-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/white/vm-probe-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/white/vm-probe-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-probe/icons/white/vm-probe-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/color/vm-rule-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/color/vm-rule-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/color/vm-rule-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/color/vm-rule-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/white/vm-rule-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/white/vm-rule-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/white/vm-rule-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-rule/icons/white/vm-rule-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/color/vm-scrape-config-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/color/vm-scrape-config-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/color/vm-scrape-config-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/color/vm-scrape-config-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/white/vm-scrape-config-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/white/vm-scrape-config-white.svg
index aa9e84b87c10..3a504c884eff 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/white/vm-scrape-config-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-scrape-config/icons/white/vm-scrape-config-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/color/vm-service-scrape-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/color/vm-service-scrape-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/color/vm-service-scrape-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/color/vm-service-scrape-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/white/vm-service-scrape-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/white/vm-service-scrape-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/white/vm-service-scrape-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-service-scrape/icons/white/vm-service-scrape-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/color/vm-single-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/color/vm-single-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/color/vm-single-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/color/vm-single-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/white/vm-single-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/white/vm-single-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/white/vm-single-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-single/icons/white/vm-single-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/color/vm-static-scrape-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/color/vm-static-scrape-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/color/vm-static-scrape-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/color/vm-static-scrape-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/white/vm-static-scrape-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/white/vm-static-scrape-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/white/vm-static-scrape-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-static-scrape/icons/white/vm-static-scrape-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/color/vm-user-color.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/color/vm-user-color.svg
index c18fbe907a02..ab87b963f0be 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/color/vm-user-color.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/color/vm-user-color.svg
@@ -1,33 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/white/vm-user-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/white/vm-user-white.svg
index aa9e84b87c10..8e1844f048c8 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/white/vm-user-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/components/vm-user/icons/white/vm-user-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/victoria-metrics-k8s-stack/icons/white/victoria-metrics-k8s-stack-white.svg b/src/collections/integrations/victoria-metrics-k8s-stack/icons/white/victoria-metrics-k8s-stack-white.svg
index aa9e84b87c10..92df3f290af2 100644
--- a/src/collections/integrations/victoria-metrics-k8s-stack/icons/white/victoria-metrics-k8s-stack-white.svg
+++ b/src/collections/integrations/victoria-metrics-k8s-stack/icons/white/victoria-metrics-k8s-stack-white.svg
@@ -1 +1,15 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/collections/integrations/whereabouts/icons/color/whereabouts-color.svg b/src/collections/integrations/whereabouts/icons/color/whereabouts-color.svg
index 05129029bcb1..8d3b1127ebd4 100644
--- a/src/collections/integrations/whereabouts/icons/color/whereabouts-color.svg
+++ b/src/collections/integrations/whereabouts/icons/color/whereabouts-color.svg
@@ -1 +1,574 @@
-meshery-logo-light
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/color/ip-pool-color.svg b/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/color/ip-pool-color.svg
index 05129029bcb1..5c02eb5b742a 100644
--- a/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/color/ip-pool-color.svg
+++ b/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/color/ip-pool-color.svg
@@ -1 +1 @@
-meshery-logo-light
\ No newline at end of file
+ image/svg+xml
\ No newline at end of file
diff --git a/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/white/ip-pool-white.svg b/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/white/ip-pool-white.svg
index aa9e84b87c10..5c02eb5b742a 100644
--- a/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/white/ip-pool-white.svg
+++ b/src/collections/integrations/whereabouts/icons/components/ip-pool/icons/white/ip-pool-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ image/svg+xml
\ No newline at end of file
diff --git a/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/color/overlapping-range-ip-reservation-color.svg b/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/color/overlapping-range-ip-reservation-color.svg
index 05129029bcb1..5c02eb5b742a 100644
--- a/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/color/overlapping-range-ip-reservation-color.svg
+++ b/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/color/overlapping-range-ip-reservation-color.svg
@@ -1 +1 @@
-meshery-logo-light
\ No newline at end of file
+ image/svg+xml
\ No newline at end of file
diff --git a/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/white/overlapping-range-ip-reservation-white.svg b/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/white/overlapping-range-ip-reservation-white.svg
index aa9e84b87c10..5c02eb5b742a 100644
--- a/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/white/overlapping-range-ip-reservation-white.svg
+++ b/src/collections/integrations/whereabouts/icons/components/overlapping-range-ip-reservation/icons/white/overlapping-range-ip-reservation-white.svg
@@ -1 +1 @@
-
\ No newline at end of file
+ image/svg+xml
\ No newline at end of file
diff --git a/src/collections/integrations/whereabouts/icons/white/whereabouts-white.svg b/src/collections/integrations/whereabouts/icons/white/whereabouts-white.svg
index aa9e84b87c10..8d3b1127ebd4 100644
--- a/src/collections/integrations/whereabouts/icons/white/whereabouts-white.svg
+++ b/src/collections/integrations/whereabouts/icons/white/whereabouts-white.svg
@@ -1 +1,574 @@
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/collections/members/ aditya-Mohan/aditya-mohan.webp b/src/collections/members/ aditya-Mohan/aditya-mohan.webp
new file mode 100644
index 000000000000..926676ea8929
Binary files /dev/null and b/src/collections/members/ aditya-Mohan/aditya-mohan.webp differ
diff --git a/src/collections/members/ aditya-Mohan/index.mdx b/src/collections/members/ aditya-Mohan/index.mdx
new file mode 100644
index 000000000000..9bb952555768
--- /dev/null
+++ b/src/collections/members/ aditya-Mohan/index.mdx
@@ -0,0 +1,16 @@
+---
+name: Aditya Mohan
+position: Contributor
+image_path: ./aditya-mohan.webp
+github: TraXIcoN
+twitter: chifladoadiii16
+linkedin: adityamohan16
+layer5: 27896d35-9e3d-4242-9cf5-aeba4ebd24e8
+location: Atlanta, Georgia, United States
+bio: Hi, Open-source enthusiast, full-stack developer, and M.S. Computer Science student at Georgia State University—blending creativity in code, music, and gaming with a passion for tech and gadgets, and always on the lookout for the next cool toy to tinker with.
+badges:
+ - meshery
+status: Active
+published: true
+maintainer: no
+---
diff --git a/src/components/Features/TwoColLayout.js b/src/components/Features/TwoColLayout.js
index bc0eaf7f3c9f..a411efbf1899 100644
--- a/src/components/Features/TwoColLayout.js
+++ b/src/components/Features/TwoColLayout.js
@@ -70,8 +70,8 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => {
(contentRefs.current[0] = el)}>
- Visualize and Simplify Platform Engineering
- Incorporate AWS, GCP and Kubernetes components into Meshery designs for comprehensive and intuitive system mapping, documentation, and orchestration.
+ Simplify platform engineering
+ Incorporate AWS, GCP and Kubernetes components into Kanvas designs for comprehensive and intuitive system mapping, documentation, and orchestration.
@@ -92,8 +92,8 @@ const TwoColLayout = ({ containerRefs, contentRefs }) => {
(contentRefs.current[1] = el)}>
- Cognitive overload is real
- Empower DevOps, platform, and site reliability engineers with our orchestration management solution. Achieve seamless collaboration and operational harmony for enhanced productivity.
+ Conquer cognitive overload
+ Unlock the power of visual orchestration. DevOps, platform engineers, and SRE teams collaborate seamlessly, reduce cognitive overload, and boost productivity. Experience operational harmony and achieve more.
Learn more →
diff --git a/src/components/Inline-quotes/index.js b/src/components/Inline-quotes/index.js
index a652da5c8be4..a715ca7e90dc 100644
--- a/src/components/Inline-quotes/index.js
+++ b/src/components/Inline-quotes/index.js
@@ -26,6 +26,7 @@ text-align: center;
h4 {
text-align: ${props => props.$onlyQuoteIsPresent ? "center" : "right"};
flex: ${props => props.$onlyQuoteIsPresent ? "0 0 100%" : "0 0 65%"};
+ color: ${props => props.theme.primaryColor};
font-weight: 100;
font-style: italic;
@media screen and (max-width: 600px) {
diff --git a/src/components/SistentNavigation/content.js b/src/components/SistentNavigation/content.js
index 5ca0281ae851..1932e1dc9356 100644
--- a/src/components/SistentNavigation/content.js
+++ b/src/components/SistentNavigation/content.js
@@ -58,4 +58,34 @@ export const content = [
link: "/projects/sistent/components/paper/code",
text: "Paper",
},
+ {
+ id: 18,
+ link: "/projects/sistent/components/popper",
+ text: "Popper",
+ },
+ {
+ id: 19,
+ link: "/projects/sistent/components/popper/guidance",
+ text: "Popper",
+ },
+ {
+ id: 20,
+ link: "/projects/sistent/components/popper/code",
+ text: "Popper",
+ },
+ {
+ id: 21,
+ link: "/projects/sistent/components/text-field",
+ text: "Text Field",
+ },
+ {
+ id: 22,
+ link: "/projects/sistent/components/text-field/guidance",
+ text: "Text Field",
+ },
+ {
+ id: 23,
+ link: "/projects/sistent/components/text-field/code",
+ text: "Text Field",
+ }
];
diff --git a/src/pages/community/members.js b/src/pages/community/members.js
index edfdf5b3794b..a1572acd392e 100644
--- a/src/pages/community/members.js
+++ b/src/pages/community/members.js
@@ -26,7 +26,7 @@ import uiuxrIcon from "../../assets/images/uiuxr/uiuxr.svg";
import docsIcon from "../../assets/images/docs/docs.svg";
import dockerExtensionIcon from "../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg";
-import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
/**
* Array containing a list of categories to be shown in the dropdown.
* The map function in the end wraps the label property with a component.
diff --git a/src/pages/projects/sistent/components/link/code.js b/src/pages/projects/sistent/components/link/code.js
new file mode 100644
index 000000000000..06eae83ec9a3
--- /dev/null
+++ b/src/pages/projects/sistent/components/link/code.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { LinkCode } from "../../../../../sections/Projects/Sistent/components/link/code";
+
+const LinkCodePage = () => {
+ return
;
+};
+
+export default LinkCodePage;
\ No newline at end of file
diff --git a/src/pages/projects/sistent/components/link/guidance.js b/src/pages/projects/sistent/components/link/guidance.js
new file mode 100644
index 000000000000..b9efe9988519
--- /dev/null
+++ b/src/pages/projects/sistent/components/link/guidance.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { LinkGuidancePage } from "../../../../../sections/Projects/Sistent/components/link/guidance";
+
+const LinkGuidance = () => {
+ return
;
+};
+
+export default LinkGuidance;
\ No newline at end of file
diff --git a/src/pages/projects/sistent/components/link/index.js b/src/pages/projects/sistent/components/link/index.js
new file mode 100644
index 000000000000..2e2f14e7f001
--- /dev/null
+++ b/src/pages/projects/sistent/components/link/index.js
@@ -0,0 +1,8 @@
+import React from "react";
+import SistentLink from "../../../../../sections/Projects/Sistent/components/link/index";
+
+const SistentButtonPage = () => {
+ return
;
+};
+
+export default SistentButtonPage;
\ No newline at end of file
diff --git a/src/pages/projects/sistent/components/popper/code.js b/src/pages/projects/sistent/components/popper/code.js
new file mode 100644
index 000000000000..9327a30755d0
--- /dev/null
+++ b/src/pages/projects/sistent/components/popper/code.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { PooperCode } from "../../../../../sections/Projects/Sistent/components/popper/code";
+
+const PopperCodePage = () => {
+ return
;
+};
+
+export default PopperCodePage;
diff --git a/src/pages/projects/sistent/components/popper/guidance.js b/src/pages/projects/sistent/components/popper/guidance.js
new file mode 100644
index 000000000000..70cde98837c0
--- /dev/null
+++ b/src/pages/projects/sistent/components/popper/guidance.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { PopperGuidance } from "../../../../../sections/Projects/Sistent/components/popper/guidance";
+
+const PopperGuidancePage = () => {
+ return
;
+};
+
+export default PopperGuidancePage;
diff --git a/src/pages/projects/sistent/components/popper/index.js b/src/pages/projects/sistent/components/popper/index.js
new file mode 100644
index 000000000000..e75d22655e5f
--- /dev/null
+++ b/src/pages/projects/sistent/components/popper/index.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { SistentPopper } from "../../../../../sections/Projects/Sistent/components/popper";
+
+const SistentPopperPage = () => {
+ return
;
+};
+
+export default SistentPopperPage;
diff --git a/src/pages/projects/sistent/components/text-field/code.js b/src/pages/projects/sistent/components/text-field/code.js
new file mode 100644
index 000000000000..ec4056851b3e
--- /dev/null
+++ b/src/pages/projects/sistent/components/text-field/code.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextFieldCode } from "../../../../../sections/Projects/Sistent/components/text-field/code";
+
+const TextFieldCodePage = () => {
+ return
;
+};
+
+export default TextFieldCodePage;
diff --git a/src/pages/projects/sistent/components/text-field/guidance.js b/src/pages/projects/sistent/components/text-field/guidance.js
new file mode 100644
index 000000000000..a18f55ebb86b
--- /dev/null
+++ b/src/pages/projects/sistent/components/text-field/guidance.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { TextFieldGuidance } from "../../../../../sections/Projects/Sistent/components/text-field/guidance";
+
+const TextFieldGuidancePage = () => {
+ return
;
+};
+
+export default TextFieldGuidancePage;
diff --git a/src/pages/projects/sistent/components/text-field/index.js b/src/pages/projects/sistent/components/text-field/index.js
new file mode 100644
index 000000000000..4031dd295f6d
--- /dev/null
+++ b/src/pages/projects/sistent/components/text-field/index.js
@@ -0,0 +1,8 @@
+import React from "react";
+import SistentTextField from "../../../../../sections/Projects/Sistent/components/text-field";
+
+const SistentTextFieldPage = () => {
+ return
;
+};
+
+export default SistentTextFieldPage;
diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js
index 0765b51329dd..fe372dc4580c 100644
--- a/src/sections/Community/Handbook/recognition.js
+++ b/src/sections/Community/Handbook/recognition.js
@@ -16,7 +16,7 @@ import TocPagination from "../../../components/handbook-navigation/TocPagination
import IntraPage from "../../../components/handbook-navigation/intra-page";
import uiuxrLogo from "../../../assets/images/uiuxr/uiuxr.svg";
import writersLogo from "../../../assets/images/writer-program/writer-program-badge.svg";
-import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import MesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
import DocsLogo from "../../../assets/images/docs/docs.svg";
import ApplicationPioneerLogo from "../../../assets/images/application-pioneer/application-pioneer.svg";
diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
index e411834aefd5..682dc544d8dd 100644
--- a/src/sections/Community/Handbook/repo-data.js
+++ b/src/sections/Community/Handbook/repo-data.js
@@ -322,6 +322,16 @@ export const repo_data = [
"Generates visual snapshots of infrastructure as code (e.g., Kubernetes manifests, Helm charts) and delivers them to pull requests for automated review.",
repository: "https://github.com/layer5labs/kanvas-snapshot",
},
+ {
+ project: "Helm Kanvas Snapshot",
+ image: meshery,
+ language: "Golang",
+ maintainers_name: ["Vacant"],
+ link: [""],
+ description:
+ "The Kanvas Snapshot Helm Plugin allows users to generate a visual snapshot of their Helm charts directly from the command line.",
+ repository: "https://github.com/meshery/helm-kanvas-snapshot",
+ },
],
},
diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js
index af770b6a1af1..d6411e86bbc7 100644
--- a/src/sections/Community/Handbook/repository.js
+++ b/src/sections/Community/Handbook/repository.js
@@ -12,7 +12,7 @@ import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light
import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
import TocPagination from "../../../components/handbook-navigation/TocPagination";
import IntraPage from "../../../components/handbook-navigation/intra-page";
-import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import { Link } from "gatsby";
diff --git a/src/sections/Community/Handbook/security-vulnerabilities.js b/src/sections/Community/Handbook/security-vulnerabilities.js
index 451d507b0dc2..f911d81af9bc 100644
--- a/src/sections/Community/Handbook/security-vulnerabilities.js
+++ b/src/sections/Community/Handbook/security-vulnerabilities.js
@@ -10,7 +10,7 @@ import MeshSync from "../../../assets/images/meshsync/meshsync.svg";
import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
const SecurityVulnerabilitiesPage = () => {
return (
diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js
index e418acc8cefd..31ab829daea4 100644
--- a/src/sections/Community/Member-single/index.js
+++ b/src/sections/Community/Member-single/index.js
@@ -22,7 +22,7 @@ import writerIcon from "../../../assets/images/writer-program/writer-program-bad
import docsLogo from "../../../assets/images/docs/docs.svg";
import mesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
import dockerExtensionLogo from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
-import KanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import KanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import Button from "../../../reusecore/Button";
import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg";
diff --git a/src/sections/Company/Brand/Brand-components/kanvas.js b/src/sections/Company/Brand/Brand-components/kanvas.js
index 8a8e48fad1bd..a728ca2ca27e 100644
--- a/src/sections/Company/Brand/Brand-components/kanvas.js
+++ b/src/sections/Company/Brand/Brand-components/kanvas.js
@@ -5,9 +5,9 @@ import { Row, Col } from "../../../../reusecore/Layout";
import Button from "../../../../reusecore/Button";
import ColorBox from "../../../../components/ColorBox";
import { FiDownloadCloud } from "@react-icons/all-files/fi/FiDownloadCloud";
-import KanvasIcon from "../../../../assets/images/kanvas/kanvas-color-icon.svg";
-import Kanvas from "../../../../assets/images/kanvas/kanvas-color-horizontal.svg";
-import KanvasTitle from "../../../../assets/images/kanvas/kanvas-color-text.webp";
+import KanvasIcon from "../../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
+import Kanvas from "../../../../assets/images/kanvas/horizontal/kanvas-horizontal-color.svg";
+import KanvasTitle from "../../../../assets/images/kanvas/text-only/kanvas-text-color.svg";
const KanvasWrapper = styled.section`
.sub-project {
@@ -56,13 +56,16 @@ const KanvasBrand = () => {
-
+
+ mark and text
-
+
+ text only
-
+
+ mark only
diff --git a/src/sections/Company/Brand/Brand-components/meshmaster.js b/src/sections/Company/Brand/Brand-components/meshmaster.js
index 3d2d7a04b1a3..38ee3cd79a68 100644
--- a/src/sections/Company/Brand/Brand-components/meshmaster.js
+++ b/src/sections/Company/Brand/Brand-components/meshmaster.js
@@ -49,14 +49,16 @@ const MeshMasterBrand = () => {
+ mark and text
-
+
+ text only
-
+
+ mark only
-
diff --git a/src/sections/Company/Brand/Brand-components/stickfigures.js b/src/sections/Company/Brand/Brand-components/stickfigures.js
index 72d32ffeb249..19ba4535fcc1 100644
--- a/src/sections/Company/Brand/Brand-components/stickfigures.js
+++ b/src/sections/Company/Brand/Brand-components/stickfigures.js
@@ -3,6 +3,28 @@ import { FiDownloadCloud } from "@react-icons/all-files/fi/FiDownloadCloud";
import Button from "../../../../reusecore/Button";
import { Col, Row } from "../../../../reusecore/Layout";
import SFL from "../../../../assets/images/stick-figures/SVG/stick-figures.svg";
+import teamOfFives from "../../../../assets/images/stick-figures/SVG/team-of-fives.svg";
+import resourcesSign from "../../../../assets/images/stick-figures/SVG/resources-sign.svg";
+import mesheryWorship from "../../../../assets/images/stick-figures/meshery-worship.png";
+import f1 from "../../../../assets/images/stick-figures/SVG/1.svg";
+import f2 from "../../../../assets/images/stick-figures/SVG/2.svg";
+import f3 from "../../../../assets/images/stick-figures/SVG/3.svg";
+import f4 from "../../../../assets/images/stick-figures/SVG/4.svg";
+import f5 from "../../../../assets/images/stick-figures/SVG/5.svg";
+import f6 from "../../../../assets/images/stick-figures/SVG/6.svg";
+import f7 from "../../../../assets/images/stick-figures/SVG/7.svg";
+import f8 from "../../../../assets/images/stick-figures/SVG/8.svg";
+import f9 from "../../../../assets/images/stick-figures/SVG/9.svg";
+import f10 from "../../../../assets/images/stick-figures/SVG/10.svg";
+import f11 from "../../../../assets/images/stick-figures/SVG/11.svg";
+import f12 from "../../../../assets/images/stick-figures/SVG/12.svg";
+import f13 from "../../../../assets/images/stick-figures/SVG/13.svg";
+import f14 from "../../../../assets/images/stick-figures/SVG/14.svg";
+import f15 from "../../../../assets/images/stick-figures/SVG/15.svg";
+import f16 from "../../../../assets/images/stick-figures/SVG/16.svg";
+import f17 from "../../../../assets/images/stick-figures/SVG/17.svg";
+import f18 from "../../../../assets/images/stick-figures/SVG/18.svg";
+import f19 from "../../../../assets/images/stick-figures/SVG/19.svg";
const StickFigures = () => {
return (
@@ -36,13 +58,51 @@ const StickFigures = () => {
flexWrap: "wrap"
}}>
-
Logos
+
Images
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 011881f680ab..808523911eee 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -9,7 +9,7 @@ import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
import axios from "axios";
// import smp_dark_text from "../../../assets/images/service-mesh-performance/stacked/smp-dark-text.svg";
// import smp_light_text from "../../../assets/images/service-mesh-performance/stacked/smp-light-text.svg";
-import kanvas_dark from "../../..//assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas_dark from "../../../assets/images/kanvas/icon-only/kanvas-icon-white.svg";
import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import Data from "./utility/menu-items.js";
import ScrollspyMenu from "./utility/ScrollspyMenu.js";
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index 08347396418c..87a6c545d36c 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -1,7 +1,6 @@
import React from "react";
import styled from "styled-components";
import { useInView } from "react-intersection-observer";
-import { useState } from "react";
import Button from "../../../reusecore/Button";
import argocd from "../../../collections/integrations/argo-cd/icons/color/argo-cd-color.svg";
import cilium from "../../../collections/integrations/cilium/icons/color/cilium-color.svg";
@@ -9,6 +8,22 @@ import prometheus from "../../../collections/integrations/prometheus/icons/color
import kubernetes from "../../../collections/integrations/kubernetes/icons/color/kubernetes-color.svg";
import keda from "../../../collections/integrations/keda/icons/color/keda-color.svg";
import linkerd from "../../../collections/integrations/linkerd/icons/color/linkerd-color.svg";
+import istio from "../../../collections/integrations/istio-base/icons/color/istio-base-color.svg";
+import jaeger from "../../../collections/integrations/jaeger/icons/color/jaeger-color.svg";
+import envoy from "../../../collections/integrations/envoy/icons/color/envoy-color.svg";
+import kong from "../../../collections/integrations/kong/icons/color/kong-color.svg";
+import grafana from "../../../collections/integrations/grafana-agent-operator/icons/color/grafana-agent-operator-color.svg";
+import docker from "../../../collections/integrations/docker/icons/color/docker-color.svg";
+import opentelemetry from "../../../collections/integrations/opentelemetry-operator/icons/color/opentelemetry-operator-color.svg";
+import kiali from "../../../collections/integrations/kiali-operator/icons/color/kiali-operator-color.svg";
+import knative from "../../../collections/integrations/knative/icons/color/knative-color.svg";
+import dapr from "../../../collections/integrations/dapr/icons/color/dapr-color.svg";
+import fabedge from "../../../collections/integrations/fabedge/icons/color/fabedge-color.svg";
+import amdgpu from "../../../collections/integrations/amd-gpu/icons/color/amd-gpu-color.svg";
+import karmada from "../../../collections/integrations/karmada/icons/color/karmada-color.svg";
+import kubeflow from "../../../collections/integrations/kubeflow/icons/color/kubeflow-color.svg";
+import terraform from "../../../collections/integrations/terraform/icons/color/terraform-color.svg";
+import fluentd from "../../../collections/integrations/fluentd/icons/color/fluentd-color.svg";
const ViewsSectionWrapper = styled.div`
@@ -57,20 +72,34 @@ const ViewsSectionWrapper = styled.div`
}
}
- h2 {
- /* max-width: 90%; */
- padding-bottom: 2%;
- }
- }
+ .hero-image {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ flex: 0 0 50%;
+ max-width: 50%;
+ overflow: hidden;
+ height: 100%;
- h4 {
- max-width: 90%;
@media only screen and (max-width: 767px) {
max-width: 100%;
- }
+ }
}
- .hero-image {
+ h2 {
+ /* max-width: 90%; */
+ padding-bottom: 2%;
+ }
+ }
+
+ h4 {
+ max-width: 90%;
+ @media only screen and (max-width: 767px) {
+ max-width: 100%;
+ }
+ }
+
+ .hero-image {
position: relative;
display: flex;
justify-content: center;
@@ -89,6 +118,7 @@ const ViewsSectionWrapper = styled.div`
}
}
+
.visible {
opacity: 1;
transition: all 0.2s ease-in;
@@ -110,55 +140,56 @@ const ViewsSectionWrapper = styled.div`
height: 680px;
}
+
.container {
- display: flex;
- justify-content: center;
- }
-
+ display: flex;
+ justify-content: center;
+ gap: 1.5rem;
+ height: 100%;
+ }
+
.line {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-right: 2rem;
- flex-wrap: wrap;
- }
- .position-line-down{
- transform: translateY(-20em);
- }
- .position-line-up{
- transform: translateY(20em);
+ position: relative;
+ height: 100%;
+ overflow: hidden;
+ width: 200px;
}
- .line-primary, .line-secondary {
+ .scroll-track {
+ position: absolute;
+ top: 0;
+ left: 0;
width: 100%;
display: flex;
flex-direction: column;
}
- .animation-up-scroll {
- animation: scroll-up-animation 15s linear infinite;
+ .scroll-down .scroll-track {
+ animation: scrollDown 35s linear infinite;
+ }
+
+ .scroll-up .scroll-track {
+ animation: scrollUp 35s linear infinite;
+ }
- @keyframes scroll-up-animation {
- 0% {
- transform: translateY(0%);
- }
- 100% {
- transform: translateY(-100%);
- }
+ @keyframes scrollDown {
+ 0% {
+ transform: translateY(-50%);
+ }
+ 100% {
+ transform: translateY(0%);
}
}
- .animation-down-scroll {
-
- animation: scroll-down-animation 15s linear infinite;
- @keyframes scroll-down-animation {
- 0% {
- transform: translateY(0);
- }
- 100% {
- transform: translateY(100%);
- }
+
+ @keyframes scrollUp {
+ 0% {
+ transform: translateY(0%);
+ }
+ 100% {
+ transform: translateY(-50%);
}
}
+
.box {
display: flex;
flex-direction: column;
@@ -205,68 +236,68 @@ const ViewsSectionWrapper = styled.div`
`;
const KanvasVisualizerViews = () => {
- const [imageRef, inView] = useInView({ threshold: 0.3 });
- const [imageInView, setimageInView] = useState(false);
+ const [imageRef] = useInView({ threshold: 0.3 });
+
+ const leftColumnItems = [
+ { img: prometheus, name: "Prometheus" },
+ { img: argocd, name: "Argo CD" },
+ { img: cilium, name: "Cilium" },
+ { img: istio, name: "Istio" },
+ { img: grafana, name: "Grafana" },
+ { img: knative, name: "Knative" },
+ { img: docker, name: "Docker" },
+ { img: envoy, name: "Envoy" },
+ { img: karmada, name: "Karmada" },
+ { img: amdgpu, name: "AMD GPU" },
+ { img: fluentd, name: "Fluentd" }
+ ];
+
+ const rightColumnItems = [
+ { img: kubernetes, name: "Kubernetes" },
+ { img: keda, name: "Keda" },
+ { img: linkerd, name: "Linkerd" },
+ { img: jaeger, name: "Jaeger" },
+ { img: kong, name: "Kong" },
+ { img: opentelemetry, name: "Opentelemetry" },
+ { img: dapr, name: "Dapr" },
+ { img: kiali, name: "Kiali" },
+ { img: fabedge, name: "FabEdge" },
+ { img: kubeflow, name: "Kubeflow" },
+ { img: terraform, name: "Terraform" }
+ ];
- if (inView && !imageInView) setimageInView(true);
- else if (imageInView && !inView) setimageInView(false);
+ const renderColumn = (items, direction) => (
+
+
+ {items.map((item, index) => (
+
+
+
{item.name}
+
+ ))}
+ {items.map((item, index) => (
+
+
+
{item.name}
+
+ ))}
+ {items.map((item, index) => (
+
+
+
{item.name}
+
+ ))}
+
+
+ );
return (
- {/*
*/}
-
-
-
-
-
-
Prometheus
-
-
-
-
Argo CD
-
-
-
-
Cilium
-
-
-
-
Prometheus
-
-
-
-
-
-
-
-
-
Kubernetes
-
-
-
-
Keda
-
-
-
-
Linkerd
-
-
-
-
Kubernetes
-
-
-
+
+ {renderColumn(leftColumnItems, "down")}
+ {renderColumn(rightColumnItems, "up")}
diff --git a/src/sections/Home/Projects-home/index.js b/src/sections/Home/Projects-home/index.js
index 7b2b3c303ad8..22c90d5e38df 100644
--- a/src/sections/Home/Projects-home/index.js
+++ b/src/sections/Home/Projects-home/index.js
@@ -14,7 +14,7 @@ const Projects = () => {
const projectImage2_dark = "../../../assets/images/app/projects/smp.webp";
const projectImage3 = "../../../assets/images/app/projects/meshery-logo-light.webp";
const projectImage4 = "../../../assets/images/app/projects/nighthawk-logo.webp";
- const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+ const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
if (!didLoad){
return null;
}
diff --git a/src/sections/Kanvas/Kanvas-collaborate/index.js b/src/sections/Kanvas/Kanvas-collaborate/index.js
index a4712bd76ca8..f0f8bad9d2bd 100644
--- a/src/sections/Kanvas/Kanvas-collaborate/index.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/index.js
@@ -4,7 +4,6 @@ import KanvasCollaborateBanner from "./kanvas-collaborate-banner";
import CollaborationFeatureTeam from "./collaboration-feature-team";
import CollaborationFeatureWork from "./collaboration-feature-work";
-import SignupForm from "./../signup-form";
import Reviews from "../../Pricing/review-slider";
@@ -15,7 +14,6 @@ const KanvasCollaborate = () => {
{/*
*/}
-
);
diff --git a/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
index 3f74995f9d20..bdbb6d5ba938 100644
--- a/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
@@ -195,7 +195,7 @@ const KanvasCollaborateBanner = () => {
Collaborate with the team. Build solutions together
Designer and Visualizer live side-by-side, so all design work, from ideation to operation, can be found in one place.
-
+
diff --git a/src/sections/Kanvas/Kanvas-design/index.js b/src/sections/Kanvas/Kanvas-design/index.js
index f931646468c1..977b5c3b6b0c 100644
--- a/src/sections/Kanvas/Kanvas-design/index.js
+++ b/src/sections/Kanvas/Kanvas-design/index.js
@@ -6,7 +6,6 @@ import KanvasIntegrationsSection from "./kanvas-design-integrations";
import { KanvasMobileSwiper } from "./Kanvas_Mobile_swiper/KanvasMobileSwiper";
import KanvasDesignFeatureCarousel from "./kanvas-design-features-carousel";
-import SignupForm from "../signup-form";
import Reviews from "../../Pricing/review-slider";
@@ -19,7 +18,6 @@ const KanvasDesign = () => {
-
);
diff --git a/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
index 39aa5f3836d8..2ba449e17767 100644
--- a/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
@@ -163,7 +163,7 @@ const KanvasDesignBanner = () => {
-
+
Upload your Helm Chart or Kubernetes manifest to have your infra diagrammed
diff --git a/src/sections/Kanvas/Kanvas-visualize/index.js b/src/sections/Kanvas/Kanvas-visualize/index.js
index ba6558c8bef6..cb3d44fe90d3 100644
--- a/src/sections/Kanvas/Kanvas-visualize/index.js
+++ b/src/sections/Kanvas/Kanvas-visualize/index.js
@@ -4,23 +4,19 @@ import KanvasVisualizeBanner from "./kanvas-visualize-banner";
import KanvasVisualizerFeatures from "./kanvas-visualize-features";
import KanvasVisualizerViews from "./kanvas-visualize-views";
import BackgroundImage from "./images/oval-blur-shape.svg";
-import SignupForm from "../signup-form";
import Reviews from "../../Pricing/review-slider";
-import { useRef } from "react";
const KanvasVisualize = () => {
- const targetRef = useRef(null);
return (
-
+
{/* */}
{/* */}
-
);
diff --git a/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
index bd087f7c2d3b..2d9f0db74702 100644
--- a/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
+++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
@@ -1,7 +1,7 @@
import React from "react";
import styled from "styled-components";
import Button from "../../../reusecore/Button";
-
+import KanvasBtn from "../kanvas-buttons";
const VisualizeBannerWrapper = styled.div`
@@ -83,13 +83,7 @@ const VisualizeBannerWrapper = styled.div`
}
`;
-const KanvasisualizeBanner = ({ targetRef }) => {
- const handleClick = () => {
- const offset = 100;
- const targetPos = targetRef.current.getBoundingClientRect().top + window.scrollY;
- const finalpos = targetPos - offset;
- window.scrollTo({ top: finalpos, behavior: "smooth" });
- };
+const KanvasisualizeBanner = () => {
return (
{/*
@@ -99,7 +93,7 @@ const KanvasisualizeBanner = ({ targetRef }) => {
Visualize your infrastructure
See your designs in action. Operate with best practices.
-
+
{/*
diff --git a/src/sections/Kanvas/index.js b/src/sections/Kanvas/index.js
index b7e02adc60c6..7db6233a1e49 100644
--- a/src/sections/Kanvas/index.js
+++ b/src/sections/Kanvas/index.js
@@ -11,7 +11,7 @@ import visualizerImage from "../../assets/images/kanvas/KanvasVisualizer.webp";
import DesignerFeatures from "./FeaturesSection/Design/DesignerFeatures";
import CollaboratorFeatures from "./FeaturesSection/Collaborate/CollaboratorFeatures";
import VisualizerFeatures from "./FeaturesSection/Visualize/VisualizerFeatures";
-import SignupForm from "./signup-form";
+import KanvasBtn from "./kanvas-buttons.js";
import Reviews from "../Pricing/review-slider";
import InlineQuotes from "../../components/Inline-quotes";
import { ReactComponent as RoleBind1 } from "./FeaturesSection/Design/images/role-binding-1-colorMode.svg";
@@ -244,7 +244,7 @@ const Kanvas = (props) => {
title="Infrastructure Engineering at Docker, Inc."
image={Alex} />
{/*
*/}
-
+
diff --git a/src/sections/Kanvas/kanvas-buttons.js b/src/sections/Kanvas/kanvas-buttons.js
new file mode 100644
index 000000000000..4d9724f337de
--- /dev/null
+++ b/src/sections/Kanvas/kanvas-buttons.js
@@ -0,0 +1,44 @@
+import React from "react";
+import styled from "styled-components";
+import Button from "../../reusecore/Button";
+
+const BtnContainer = styled.div`
+ display: flex;
+ gap: 40px;
+ flex-direction: row;
+ justify-content: center;
+ Button {
+ font-size: 18px;
+ }
+
+ @media (max-width: 418px) {
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 30px;
+ }
+`;
+
+const KanvasBtn = ({ title, style }) => {
+ return (
+
+
+
+
+ );
+};
+
+export default KanvasBtn;
\ No newline at end of file
diff --git a/src/sections/Kanvas/kanvas-catalog.js b/src/sections/Kanvas/kanvas-catalog.js
index 638050f39b69..8001128711bd 100644
--- a/src/sections/Kanvas/kanvas-catalog.js
+++ b/src/sections/Kanvas/kanvas-catalog.js
@@ -423,7 +423,7 @@ const Catalog = () => {
- Kanvass a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.
+ Kanvas is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.
diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js
index 0bea8f1810b6..656fa5b706bf 100644
--- a/src/sections/Products/index.js
+++ b/src/sections/Products/index.js
@@ -10,7 +10,7 @@ import codicon from "./images/codicon_extensions.svg";
import mesheryLogo from "../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import cloudicon from "./images/cloud.svg";
import layer5 from "../../assets/images/layer5/5 icon/svg/light/5-light-no-trim.svg";
-import kanvas from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import comingSoon from "./icons/coming-soon.webp";
import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode";
import PlanCard from "../../components/PlanCard";
diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js
index 3759ed57bef3..c2ae3569265e 100644
--- a/src/sections/Projects/Project-grid/index.js
+++ b/src/sections/Projects/Project-grid/index.js
@@ -16,7 +16,7 @@ import smp_light from "../../../assets/images/service-mesh-performance/icon/smp-
import patterns from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg";
import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
-import kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import catalog from "../../../assets/images/catalog-icon/catalog.svg";
import sistent from "../../../assets/images/sistent/sistent-logo.svg";
import SoSpecial from "../../Home/So-Special-Section";
diff --git a/src/sections/Projects/Sistent/components/button/code-block.js b/src/sections/Projects/Sistent/components/button/code-block.js
index b3e4945c40e5..2a7463d6ceec 100644
--- a/src/sections/Projects/Sistent/components/button/code-block.js
+++ b/src/sections/Projects/Sistent/components/button/code-block.js
@@ -1,5 +1,6 @@
import React, { useState } from "react";
import Code from "../../../../../components/CodeBlock";
+
export const CodeBlock = ({ name, code }) => {
const [showCode, setShowCode] = useState(false);
const onChange = () => {
diff --git a/src/sections/Projects/Sistent/components/index.js b/src/sections/Projects/Sistent/components/index.js
index d04c1db7cb27..ca05b2d29792 100644
--- a/src/sections/Projects/Sistent/components/index.js
+++ b/src/sections/Projects/Sistent/components/index.js
@@ -37,6 +37,28 @@ const componentsData = [
"The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.",
url: "/projects/sistent/components/paper",
},
+ {
+ id: 5,
+ name: "Popper",
+ description:
+ "A popper is a tooltip that appears when a user interacts with an element.",
+ url: "/projects/sistent/components/popper",
+ },
+ {
+ id: 6,
+ name: "Text Field",
+ description:
+ "The TextField component is a versatile input field used to capture user input in forms and user interfaces.",
+ url: "/projects/sistent/components/text-field",
+ },
+ {
+ id: 7,
+ name: "Link",
+ description:
+ "Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.",
+ url: "/projects/sistent/components/link",
+ },
+
];
const SistentComponents = () => {
diff --git a/src/sections/Projects/Sistent/components/link/code.js b/src/sections/Projects/Sistent/components/link/code.js
new file mode 100644
index 000000000000..2096cd6fd8f8
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/link/code.js
@@ -0,0 +1,261 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { SistentThemeProvider, Link } from "@layer5/sistent";
+import { CodeBlock } from "../button/code-block";
+// import { FaArrowRight } from "@react-icons/all-files/fa/FaArrowRight";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const codes = [
+ `
+
+ Simple Link
+
+ `,
+
+ `
+
+ Colored Link
+
+ `,
+
+ `
+
+ Underlined Link
+
+
+`,
+
+ `
+
+ Customized Link
+
+ `,
+
+ `
+
+ Visit Secure Link
+
+ `
+];
+
+export const LinkCode = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Link
+
+
+
+
+ navigate("/projects/sistent/components/link")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/link/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/identity/color/code")}
+ title="Code"
+ />
+
+
+
+ Links are fundamental components in web navigation, allowing users to move between different pages or resources. Their design and implementation are crucial for creating a seamless browsing experience.
+
+
+ Simple Link
+
+
The link can be presented in a simple format, primarily as underlined text that serves as a gateway to navigate users to other pages or resources, without any prominent styling or buttons attached to it.
+
+
+
+
+ Simple Link
+
+
+
+
+
+
+ Customized Links
+
+
+ Customized Links enhance user experience by adapting their design and behavior to match the app’s theme. They can include personalized styles, hover effects, or icons, ensuring both visual consistency and improved usability across the website.
+
+
+
Colored Link
+
+ Colored Links can help draw attention to key areas of a page. They are styled with custom colors to stand out and indicate their importance, enhancing navigation and usability.
+
+
+
+
+
+ Colored Link
+
+
+
+
+
+
+
Underlined Link
+
+ Underlined Links, often referred to as ghost buttons, are styled primarily with text without any fills or borders. They utilize specific text styling and color to signify different states, making them easily identifiable and enhancing user navigation.
+
+
+
+
+
+ Underlined Link
+
+
+
+
+
+
+
Customized Link
+
+ Customized Links allow for distinct text styles and presentations that can enhance the user experience. By leveraging different styling properties, these links can be tailored to fit the design aesthetics of your application while maintaining functionality.
+
+
+
+
+
+ Customized Link
+
+
+
+
+
+
+ Security Considerations
+
+
+ When utilizing links we should use them with the target="_blank" attribute, it's essential to implement rel="noopener" or rel="noreferrer" to enhance security and user privacy
+
+
+
+
+
+ Visit Secure Link
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/sections/Projects/Sistent/components/link/guidance.js b/src/sections/Projects/Sistent/components/link/guidance.js
new file mode 100644
index 000000000000..e07030a91889
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/link/guidance.js
@@ -0,0 +1,154 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+import { Row } from "../../../../../reusecore/Layout";
+import { SistentThemeProvider, Link, ExternalLinkIcon } from "@layer5/sistent";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import StyledButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+export const LinkGuidancePage = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Link
+
+
+ A link component is a navigational element that directs users to another page or section within an application.
+
+
+ navigate("/projects/sistent/components/link")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/link/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/link/code")}
+ title="Code"
+ />
+
+
+
+ Links are fundamental components in web navigation, allowing users to move between different pages or resources. Their design and implementation are crucial for creating a seamless browsing experience.
+
+
+ Function
+
+
+ Links too have a lot many functions as:
+
+
Navigation Links
+
+ These links help users navigate through a website, directing them to important sections or related content. They should be easily accessible and clearly labeled to enhance usability.
+
+
+
+
+ Navigate to Layer 5
+
+
+
+
Call to Action (CTA) Links
+
+ CTA links encourage users to take specific actions, such as signing up for a newsletter or downloading a resource. They should stand out visually to attract user attention and drive engagement.
+
+
+
+
+
+ Get Started
+
+
+
+
+
External Links
+
+ These links direct users to external websites. It’s important to provide clear indicators (like icons or different styles) that these links lead to external content, which helps users manage their navigation expectations.
+
+
+
+ (e.target.style.textDecoration = "underline")}
+ onMouseLeave={(e) => (e.target.style.textDecoration = "none")}
+ >
+ Visit External Resource
+
+
+
+
+
+ Labeling
+
+
+ Link labels are vital for communicating the action associated with the link. Labels should be concise, informative, and use action-oriented language (e.g., "Download Report," "Learn More") to guide users effectively.
+
+
Case Style
+
+ Consistency in the case style of link text improves readability and enhances the overall aesthetic of the website. Using a uniform style, such as sentence case or title case, contributes to a more professional appearance.
+
+
Font Weight
+
+ The weight of the font in link text can signify importance and attract user attention. A bolder font can indicate a primary action, while a lighter font may denote secondary options. Legibility is essential for ensuring that links are easy to read.
+
+
Text Decoration
+
+ Links typically use underlines to distinguish them from regular text. However, it’s important to maintain the underline for accessibility and usability, as users often associate underlined text with clickable links. Consider hover effects to provide visual feedback.
+
+
+
+
+ );
+};
diff --git a/src/sections/Projects/Sistent/components/link/index.js b/src/sections/Projects/Sistent/components/link/index.js
new file mode 100644
index 000000000000..41cc740295e1
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/link/index.js
@@ -0,0 +1,186 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { SistentThemeProvider, Link } from "@layer5/sistent";
+import TabButton from "../../../../../reusecore/Button";
+import { SistentLayout } from "../../sistent-layout";
+import { Row } from "../../../../../reusecore/Layout";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const SistentLink = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Link
+
+
+ A link component is a navigational element that directs users to another page or section within an application.
+
+
+
+ navigate("/projects/sistent/components/link")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/link/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/link/code")}
+ title="Code"
+ />
+
+
+
+ Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages. Links can be paired with other elements to create cohesive designs, enhancing the digital experience by providing smooth transitions and interaction cues.
+
+
+ Types of Links
+
+
+ Links in an interface serve as vital elements for navigation and interaction. Multiple types of links are available to establish hierarchy, provide visual prominence, and enhance flexibility, guiding users towards their goals efficiently. With distinct styling and behaviors, links can help streamline user flows and create a cohesive user experience.
+
+
Simple Links
+
+ Basic anchor links with customizable colors and typography styles that inherit properties from the Typography component. This allows flexibility in styling with options like various text sizes or variants.
+
+
+
+
+ Simple Link
+
+
+
+
+
Customized Links
+
+ The links can be customized in the below mentioned way
+
+
1. Color
+
Nomally the color of Sistent Link is green , but on adding styling properties, You can customize link colors with predefined values such as primary, secondary, error, success, warning, info, or inherit existing text colors like Blue, Red.
+
+
+
+
+ Customized Link 1
+
+
+
+
+
2. Underlining
+
+ Also known as ghost buttons, text buttons are mostly just what the
+ name implies; they are buttons without fills or borders which might
+ just have a specific text styling and color to denote different
+ states for easier identification.
+
+
+
+
+ Customized Link 2
+
+
+
+
+
+
3. Variants
+
+ Links can have various text styles using the different styling property
+
+
+
+
+ Customized Link 3
+
+
+
+
+
+ Security
+
+
+ When using target="_blank"
with links, it's crucial to include
+ rel="noopener"
or rel="noreferrer"
for security reasons:
+
+
+ Prevent Access: rel="noopener"
prevents the new page from accessing the
+ window.opener
property, securing your original page from potential malicious redirects.
+ Avoid Referer Leakage: rel="noreferrer"
not only blocks the new page's
+ access to your original page but also stops the Referer header from being sent, protecting user privacy.
+ Security Risk Mitigation: Using these attributes reduces the risk of phishing attacks
+ and ensures that your site maintains control over its navigation and data.
+
+
+ By following these practices, you can enhance the security of your web application and protect your users.
+
+
+
+
+ Optimized Rendering of Links Using
+
+
+
+ useMemo is a React hook that helps optimize the rendering of link components by memorizing computed values, which prevents unnecessary re-renders.
+
+
+
+
+ );
+};
+
+export default SistentLink;
diff --git a/src/sections/Projects/Sistent/components/popper/code.js b/src/sections/Projects/Sistent/components/popper/code.js
new file mode 100644
index 000000000000..7983121f6aeb
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/popper/code.js
@@ -0,0 +1,347 @@
+import React, { useState } from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+import {
+ SistentThemeProvider,
+ Popper,
+ Button,
+ Box,
+ Grid,
+} from "@layer5/sistent";
+import { SistentLayout } from "../../sistent-layout";
+import { CodeBlock } from "../button/code-block";
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const codes = [
+ `
+
+
+
+ The content of the Popper.
+
+
+ `,
+ `
+
+
+ The content of the Popper.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+];
+
+export const PooperCode = () => {
+ const { isDark } = useStyledDarkMode();
+ const location = useLocation();
+
+ const [anchorEl, setAnchorEl] = useState(null);
+ const [placement, setPlacement] = useState("bottom");
+ const [open, setOpen] = useState(false);
+
+ const handleClick = (newPlacement) => (event) => {
+ setAnchorEl(event.currentTarget);
+ setOpen((prev) => placement !== newPlacement || !prev);
+ setPlacement(newPlacement);
+ };
+
+ return (
+
+
+
+ Popper
+
+
+ The Popper component provides a mechanism for positioning content
+ dynamically relative to a reference element. It is commonly used for
+ tooltips, dropdowns, and modals, enhancing the user experience by
+ presenting contextual information without overcrowding the interface.
+
+
+ navigate("/projects/sistent/components/popper")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/popper/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/popper/code")}
+ title="Code"
+ />
+
+
+
+
+ Here’s a simple example of how to use the Popper component. In
+ this example, clicking the button toggles the visibility of the
+ popper:
+
+
+ Basic Popper
+
+
+
+
+ The content of the Popper.
+
+
+
+
+
+ Positioned Example
+
+
+ You can specify the position of the Popper using the{" "}
+ placement
prop. Here's an example of a Popper
+ positioned above its anchor:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/sections/Projects/Sistent/components/popper/index.js b/src/sections/Projects/Sistent/components/popper/index.js
new file mode 100644
index 000000000000..9931d3a4381b
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/popper/index.js
@@ -0,0 +1,141 @@
+import React, { useState } from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+import { SistentThemeProvider, Popper, Button, Box } from "@layer5/sistent";
+import TabButton from "../../../../../reusecore/Button";
+import { SistentLayout } from "../../sistent-layout";
+import { Row } from "../../../../../reusecore/Layout";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+export const SistentPopper = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ const [anchorEl, setAnchorEl] = useState(null);
+ const [placement, setPlacement] = useState("bottom");
+ const [open, setOpen] = useState(false);
+
+ const handleClick = (newPlacement) => (event) => {
+ setAnchorEl(event.currentTarget);
+ setOpen((prev) => placement !== newPlacement || !prev);
+ setPlacement(newPlacement);
+ };
+
+ return (
+
+
+
+ Popper
+
+
+ The Popper component provides a mechanism for positioning content
+ dynamically relative to a reference element. It is commonly used for
+ tooltips, dropdowns, and modals, enhancing the user experience by
+ presenting contextual information without overcrowding the interface.
+
+
+ navigate("/projects/sistent/components/popper")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/popper/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/popper/code")}
+ title="Code"
+ />
+
+
+
+ Poppers are critical for displaying information dynamically and can
+ be used in various scenarios like tooltips, dropdowns, and menus. By
+ anchoring the content to a reference element, Poppers provide users
+ with relevant information as they interact with the interface.
+
+
+ Usage
+
+
+ The Popper component should be used in cases where context-sensitive
+ information is necessary. Here are common use cases:
+
+
+ Tooltips that provide additional information on hover.
+ Dropdown menus for navigation or selections.
+ Modals for confirmations or additional content.
+
+
+ Basic Example
+
+
+ Below is a simple example of how to use the Popper component to
+ display content relative to a button.
+
+
+
+
+ The content of the Popper.
+
+
+
+
+
+
+
+
+
+ The `anchorEl` prop specifies the element to which the Popper will
+ be anchored. The `open` prop controls its visibility.
+
+
+ Styling and Positioning
+
+
+ You can customize the positioning of the Popper using the
+ `placement` prop to define where the Popper appears relative to the
+ anchor element.
+
+
+
+
+
+
+
+ The above example demonstrates a Popper positioned right the
+ reference button, providing flexibility in its placement.
+
+
+
+
+ );
+};
diff --git a/src/sections/Projects/Sistent/components/text-field/code.js b/src/sections/Projects/Sistent/components/text-field/code.js
new file mode 100644
index 000000000000..f1dd658f7469
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/text-field/code.js
@@ -0,0 +1,747 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { Box, SistentThemeProvider, TextField } from "@layer5/sistent";
+import { CodeBlock } from "../button/code-block";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const codes = [
+ `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ `
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ `
+
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ `
+
+ `,
+];
+
+export const TextFieldCode = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Text Field
+
+
+ The TextField component is a versatile input field used to capture user input in forms and user interfaces. It can handle a variety of input types, such as text, numbers, emails, and passwords, and offers built-in styling and validation features.
+
+
+ navigate("/projects/sistent/components/text-field")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/text-field/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/identity/color/code")}
+ title="Code"
+ />
+
+
+
+ A TextField allow user to enter and edit any text. It mostly present in Forms or dialogue box in UI.
+ TextField are crucial and integral elements in an interface. It allows to get data from enetered user.
+
+
+ Form Props
+
+
+ Standard form attributes are supported, for example required, disabled, type, etc.
+ HelperText attributes is used to give context about a field's input,
+ such as how the input will be used.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Validation
+
+
+ The error property toggles the error state. The helperText prop can then be used to provide feedback to the user about the error. As shown below it can be used with variant such as outlined (default), filled, and standard.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Multiline
+
+
+ The multiline prop transforms the text field into a TextareaAutosize element. Unless the rows prop is set, the height of the text field dynamically matches its content (using TextareaAutosize). You can use the minRows and maxRows props to bound it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sizes
+
+
+ TextField can have small or normal field sizes. According the requirement it can be adjusted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Full Width
+
+
+ FullWidth attribute can be used to make the input take up the full width of its container.
+
+
+
+
+
+ );
+};
+
+
diff --git a/src/sections/Projects/Sistent/components/text-field/guidance.js b/src/sections/Projects/Sistent/components/text-field/guidance.js
new file mode 100644
index 000000000000..7f07899f1fc8
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/text-field/guidance.js
@@ -0,0 +1,201 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+import { Box, SistentThemeProvider, TextField } from "@layer5/sistent";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+export const TextFieldGuidance = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Text Field
+
+
+ The TextField component is a versatile input field used to capture user input in forms and user interfaces. It can handle a variety of input types, such as text, numbers, emails, and passwords, and offers built-in styling and validation features.
+
+
+ navigate("/projects/sistent/components/text-field")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/text-field/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/text-field/code")}
+ title="Code"
+ />
+
+
+
+ For proper application, these TextField can be used for different
+ purposes. It can be effectively used in any project to increase User Interaction.
+ Lets see how can we use TextField effectively in our project.
+
+
+ Basic TextField
+
+
+ The TextField wrapper component is a complete form control including a label, variant, helper text etc. TextField comes with three variants: outlined (default), filled, and standard.
+
+
Outlined (default)
+
+ Outlined TextField are TextField that do not have a fill, but have a
+ border or stroke to define its bounding box as well as a text label
+ to convey a thought for users to take action upon. Colors can also
+ be used to style these buttons in order to fit into the theme align
+ with brand guidelines.
+
+
+
+
+
+
+
Filled
+
+ Filled TextField are TextField that consist a background color fill and
+ a text in it. Depending on the theme or intended action, the color
+ fill can range from a primary brand color to any other applicable
+ color in a brand’s color palette.
+
+
+
+
+
+
+
Standard
+
+ Standard TextField are TextField that do not have background color fill and
+ a text in it. Colors can also be used to style these buttons in order to fit
+ into the theme align with brand guidelines.
+
+
+
+
+
+
+
+ When to use different properties?
+
+
+ You might come across in a situation you needed some helper text, field with number, disabled field etc. Let's see different properties availble for TextField.
+
+
Type prop
+
+ Type prop can have a value such as password, number or text.
+
+
+
+
+
+
+
+
+
+
+
Helper Text
+
+ Helper text also very effective for your form or for better understanding.
+
+
+
+
+
+
+
+
+
Error
+
+ Error handling is very important for UI. User might come in sitatution where they enter invalid value or forget to enter any data in TextField. Here come error prop helps to indicate partucular field are required or user have entered invalid value.
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/sections/Projects/Sistent/components/text-field/index.js b/src/sections/Projects/Sistent/components/text-field/index.js
new file mode 100644
index 000000000000..da4d62df0be3
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/text-field/index.js
@@ -0,0 +1,416 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { Box, SistentThemeProvider, TextField } from "@layer5/sistent";
+import TabButton from "../../../../../reusecore/Button";
+import { SistentLayout } from "../../sistent-layout";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const SistentTextField = () => {
+ const location = useLocation();
+ const { isDark } = useStyledDarkMode();
+
+ return (
+
+
+
+ Text Field
+
+
+ The TextField component is a versatile input field used to capture user input in forms and user interfaces. It can handle a variety of input types, such as text, numbers, emails, and passwords, and offers built-in styling and validation features.
+
+
+ navigate("/projects/sistent/components/text-field")}
+ title="Overview"
+ />
+
+ navigate("/projects/sistent/components/text-field/guidance")
+ }
+ title="Guidance"
+ />
+ navigate("/projects/sistent/components/text-field/code")}
+ title="Code"
+ />
+
+
+
+ A Text fileds allow user to enter and edit any text. It mostly present in Forms or dialogue box in UI.
+ TextField are crucial and integral elements in an interface. It allows to get data from enetered user.
+
+
+ Form Props
+
+
+ Standard form attributes are supported, for example required, disabled, type, etc.
+ HelperText attributes is used to give context about a field's input,
+ such as how the input will be used.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Validation
+
+
+ The error property toggles the error state. The helperText prop can then be used to provide feedback to the user about the error. As shown below it can be used with variant such as outlined (default), filled, and standard.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Multiline
+
+
+ The multiline prop transforms the text field into a TextareaAutosize element. Unless the rows prop is set, the height of the text field dynamically matches its content (using TextareaAutosize). You can use the minRows and maxRows props to bound it.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sizes
+
+
+ TextField can have small or normal field sizes. According the requirement it can be adjusted.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Full Width
+
+
+ FullWidth attribute can be used to make the input take up the full width of its container.
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default SistentTextField;
diff --git a/src/sections/gitops/SnapshotPage.js b/src/sections/gitops/SnapshotPage.js
index 789e05d556f3..97faea593cbb 100644
--- a/src/sections/gitops/SnapshotPage.js
+++ b/src/sections/gitops/SnapshotPage.js
@@ -1,6 +1,6 @@
import React from "react";
import { PageWrapper,ContentContainerWrapper,HeroContentContainerWrapper, Heading, Description } from "./snapshot.style";
-import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/kanvas-light-stacked.svg";
+import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/stacked/kanvas-stacked-white.svg";
import Cone from "../../assets/images/gitops/conelight.svg";
import GithubActionComment from "../../assets/images/gitops/GithubActionComment.png";
import Button from "../../reusecore/Button";
diff --git a/src/sections/gitops/index.js b/src/sections/gitops/index.js
index 96756d45e5ce..a3281ad6729b 100644
--- a/src/sections/gitops/index.js
+++ b/src/sections/gitops/index.js
@@ -9,7 +9,7 @@ import SmpLogo_light from "../../assets/images/service-mesh-performance/icon/smp
import Reviews from "../Pricing/review-slider";
import Github_Dark from "../../assets/images/socialIcons/github-dark.svg";
import Github_Light from "../../assets/images/socialIcons/github-light.svg";
-import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/kanvas-light-stacked.svg";
+import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/stacked/kanvas-stacked-white.svg";
import SquarePoint from "./SquarePoint";
diff --git a/src/theme/app/THEME.md b/src/theme/app/THEME.md
index 4bcc224ab4d6..cf550d9dd3a7 100644
--- a/src/theme/app/THEME.md
+++ b/src/theme/app/THEME.md
@@ -87,7 +87,7 @@ OR
- SVG or image uses transparent sections that change with the background color to work with either theme.
-[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg)
+[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon-color.svg)
[Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)
diff --git a/static/brand/kanvas-brand-kit.zip b/static/brand/kanvas-brand-kit.zip
index 8231725ccd23..ed73c07f6d03 100644
Binary files a/static/brand/kanvas-brand-kit.zip and b/static/brand/kanvas-brand-kit.zip differ