From 0e70f79124e7cda1203f99853a317918cae0a77a Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 1 Apr 2024 12:38:55 +0300
Subject: [PATCH] Update image

---
 doc/theming/styled/ArchitectureDoc.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/doc/theming/styled/ArchitectureDoc.vue b/doc/theming/styled/ArchitectureDoc.vue
index 9a70dc14b..b7b60dee1 100644
--- a/doc/theming/styled/ArchitectureDoc.vue
+++ b/doc/theming/styled/ArchitectureDoc.vue
@@ -5,7 +5,7 @@
             <i>base</i> and <i>preset</i>. The base is the style rules with CSS variables as placeholders whereas the preset is a set of design tokens to feed a base by mapping the tokens to CSS variables. A base may be configured with different
             presets, currently Aura is the only preset and in upcoming version more presets will be available. Similarly, PrimeOne is the default base and a new base inspired by Material Design is coming up with a near future update.
         </p>
-        <img alt="Architecture" src="https://primefaces.org/cdn/primevue/images/architecture.jpg" class="w-full mb-3" />
+        <img alt="Architecture" src="https://primefaces.org/cdn/primevue/images/primevue-v4-styled-architecture.png" class="w-full mb-3" />
         <p>The core of the styled mode architecture is based on a concept named <i>design token</i>, a preset defines the token configuration in 3 tiers; <i>primitive</i>, <i>semantic</i> and <i>component</i>.</p>
         <h3>Primitive Tokens</h3>
         <p>