.

Author: zhangenming

.vitepress/theme/components/Home.vue

@@ -85,24 +85,24 @@ onMounted(load)
 
   <section id="highlights" class="vt-box-container">
     <div class="vt-box">
-      <h2>Approachable</h2>
+      <h2><span style="color: var(--vt-c-green)">V</span>ersatile</h2>
       <p>
-        Builds on top of standard HTML, CSS and JavaScript with intuitive
-        API and world-class documentation.
+        A rich, incrementally adoptable ecosystem that scales between a
+        library and a full-featured framework.
       </p>
     </div>
     <div class="vt-box">
-      <h2>Performant</h2>
+      <h2><span style="color: var(--vt-c-green)">U</span>nderstandable </h2>
       <p>
-        Truly reactive, compiler-optimized rendering system that rarely
-        requires manual optimization.
+        Builds on top of standard HTML, CSS and JavaScript with intuitive
+        API and world-class documentation.
       </p>
     </div>
     <div class="vt-box">
-      <h2>Versatile</h2>
+      <h2><span style="color: var(--vt-c-green)">E</span>fficient</h2>
       <p>
-        A rich, incrementally adoptable ecosystem that scales between a
-        library and a full-featured framework.
+        Truly reactive, compiler-optimized rendering system that rarely
+        requires manual optimization.
       </p>
     </div>
   </section>