diff --git a/docs/.vuepress/components/Button.vue b/docs/.vuepress/components/Button.vue
index 11d2857e451..c4f5209d2b2 100644
--- a/docs/.vuepress/components/Button.vue
+++ b/docs/.vuepress/components/Button.vue
@@ -34,6 +34,6 @@ defineProps<{
   opacity: 0.87;
 }
 .buttonRed {
-  background: #ff4581;
+  background: #E968DD;
 }
 </style>
diff --git a/docs/.vuepress/public/assets/img/participants/ai.png b/docs/.vuepress/public/assets/img/participants/ai.png
new file mode 100644
index 00000000000..4a38f38cabe
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/ai.png differ
diff --git a/docs/.vuepress/public/assets/img/participants/architect.png b/docs/.vuepress/public/assets/img/participants/architect.png
new file mode 100644
index 00000000000..dcf05137592
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/architect.png differ
diff --git a/docs/.vuepress/public/assets/img/participants/consumer.png b/docs/.vuepress/public/assets/img/participants/consumer.png
new file mode 100644
index 00000000000..552e20f1ec6
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/consumer.png differ
diff --git a/docs/.vuepress/public/assets/img/participants/delegator.png b/docs/.vuepress/public/assets/img/participants/delegator.png
new file mode 100644
index 00000000000..1a17c235687
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/delegator.png differ
diff --git a/docs/.vuepress/public/assets/img/participants/indexer.png b/docs/.vuepress/public/assets/img/participants/indexer.png
new file mode 100644
index 00000000000..0b0eecbf658
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/indexer.png differ
diff --git a/docs/.vuepress/public/assets/img/participants/rpc.png b/docs/.vuepress/public/assets/img/participants/rpc.png
new file mode 100644
index 00000000000..95b3b021371
Binary files /dev/null and b/docs/.vuepress/public/assets/img/participants/rpc.png differ
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index 703ca84feb9..c474cb5d77c 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -241,7 +241,7 @@ iframe {
 html[data-theme="dark"] {
   --dark-grey: #fff;
   --primary-color: var(--theme-color);
-  --secondary-color: #ff4581;
+  --secondary-color: #e968dd;
   --light-grey: var(--gray-400);
   --theme-color-mask: transparent;
   --dark-mode-card: #1a1a1a;
diff --git a/docs/subquery_network/welcome.md b/docs/subquery_network/welcome.md
index 85cf986c29c..07d4c49f858 100644
--- a/docs/subquery_network/welcome.md
+++ b/docs/subquery_network/welcome.md
@@ -205,7 +205,7 @@ const anyoneContents = ref([
 name: "DApp Users",
 description:
 "DApp Users will ask the SubQuery Network for specific indexed data and RPC endpoints for their dApps or tools, and exchange an advertised amount of SQT for each request.",
-image: "https://subquery.network/robots/consumer/consumer.png",
+image: "/assets/img/participants/consumer.png",
 moreLink:
 "/subquery_network/consumers/introduction.html",
 },
@@ -213,7 +213,7 @@ moreLink:
 name: "Delegators",
 description:
 "Delegators will participate in the Network by supporting their favourite Data Indexers and RPC Providers to earn rewards based on the work those indexers do.",
-image: "https://subquery.network/robots/delegator/delegator.png",
+image: "/assets/img/participants/delegator.png",
 
     moreLink:
       "/subquery_network/delegators/introduction.html",
@@ -223,7 +223,7 @@ image: "https://subquery.network/robots/delegator/delegator.png",
 name: "Data Indexers",
 description:
 "Data Indexers will run and maintain high quality SubQuery projects in their own infrastructure and will be rewarded in SQT for the requests that they serve.",
-image: "https://subquery.network/robots/indexer/indexer.png",
+image: "/assets/img/participants/indexer.png",
 
     moreLink: "/subquery_network/node_operators/introduction.html",
 
@@ -232,7 +232,7 @@ image: "https://subquery.network/robots/indexer/indexer.png",
 name: "RPC Providers",
 description:
 "RPC Providers run the optimised SubQuery Data Node and are rewarded in SQT for providing reliable, scalable, and affordable RPC services to the network.",
-image: "https://subquery.network/robots/rpc/rpc.svg",
+image: "/assets/img/participants/rpc.png",
 
     moreLink:
       "/subquery_network/node_operators/introduction.html",