style: update layer colors in application-layers.svg

paul58914080 · paul58914080 · commit f185f50d0cc8 · 2026-02-08T20:54:38.000+05:30
diff --git a/docs/pages/about/core-concepts/feature/img/application-layers.svg b/docs/pages/about/core-concepts/feature/img/application-layers.svg
@@ -1,24 +1,24 @@
 <svg width="700" height="300" viewBox="0 0 750 320" xmlns="http://www.w3.org/2000/svg">
   <!-- Background -->
-  <rect width="900" height="360" fill="#2E8B57"/>
+  <rect width="900" height="360" fill="none"/>
 
   <!-- Layer rectangles -->
   <g font-family="Helvetica, Arial, sans-serif" font-size="20" fill="#ffffff">
 
     <!-- User Interface -->
-    <rect x="80" y="40" width="600" height="50" rx="6" fill="#2E2E2E"/>
+    <rect x="80" y="40" width="600" height="50" rx="6" fill="#2E8B57"/>
     <text x="380" y="74" text-anchor="middle">User Interface</text>
 
     <!-- Controllers -->
-    <rect x="80" y="105" width="600" height="50" rx="6" fill="#2E2E2E"/>
+    <rect x="80" y="105" width="600" height="50" rx="6" fill="#2E8B57"/>
     <text x="380" y="139" text-anchor="middle">Controllers</text>
 
     <!-- Services -->
-    <rect x="80" y="170" width="600" height="50" rx="6" fill="#2E2E2E"/>
+    <rect x="80" y="170" width="600" height="50" rx="6" fill="#2E8B57"/>
     <text x="380" y="204" text-anchor="middle">Services</text>
 
     <!-- Data -->
-    <rect x="80" y="235" width="600" height="50" rx="6" fill="#2E2E2E"/>
+    <rect x="80" y="235" width="600" height="50" rx="6" fill="#2E8B57"/>
     <text x="380" y="269" text-anchor="middle">Data</text>
   </g>
 
