chore: use SVG logo on main website page (vuejs#4623)

okineadev · kiaking · brc-dd · web-flow · commit a97ae461d4bb · 2025-03-19T07:01:03.000+05:30
---------

Co-authored-by: Kia King Ishii &lt;kia.king.08@gmail.com&gt;
Co-authored-by: Divyansh Singh &lt;40380293+brc-dd@users.noreply.github.com&gt;
diff --git a/art/vitepress-logo.svg b/art/vitepress-logo.svg
@@ -1,4 +1,4 @@
-<svg width="160" height="192" viewBox="0 0 160 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 160 192" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g clip-path="url(#clip0_1288_1252)">
     <path d="M0.12699 43.8989C-0.863275 37.1255 4.04575 30.863 11.0915 29.911L113.152 16.1221C120.197 15.1702 126.712 19.8893 127.702 26.6627L147.873 164.635C148.863 171.409 143.954 177.671 136.908 178.623L39.1006 191.837C29.7063 193.107 21.0203 186.814 19.7001 177.784L0.12699 43.8989Z" fill="url(#paint0_linear_1288_1252)"/>
     <path d="M10.1376 30.5728C9.06487 22.8787 14.3827 15.7647 22.0152 14.6834L124.678 0.138664C132.31 -0.942678 139.367 4.41806 140.44 12.1122L159.862 151.427C160.935 159.121 155.617 166.235 147.985 167.317L45.3224 181.861C37.6899 182.943 30.6329 177.582 29.5602 169.888L10.1376 30.5728Z" fill="url(#paint1_linear_1288_1252)"/>
diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css
@@ -33,6 +33,11 @@
   }
 }
 
+.VPHero .VPImage {
+  filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
+  padding: 18px;
+}
+
 /* used in reference/default-theme-search */
 img[src='/search.png'] {
   width: 100%;
diff --git a/docs/en/index.md b/docs/en/index.md
@@ -19,7 +19,7 @@ hero:
       text: GitHub
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: VitePress
 
 features:
diff --git a/docs/es/index.md b/docs/es/index.md
@@ -19,7 +19,7 @@ hero:
       text: GitHub
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: VitePress
 
 features:
diff --git a/docs/fa/index.md b/docs/fa/index.md
@@ -19,7 +19,7 @@ hero:
       text: گیت‌هاب
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: ویت‌پرس
 
 features:
diff --git a/docs/ko/index.md b/docs/ko/index.md
@@ -19,7 +19,7 @@ hero:
       text: GitHub
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: VitePress
 
 features:
diff --git a/docs/pt/index.md b/docs/pt/index.md
@@ -19,7 +19,7 @@ hero:
       text: GitHub
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: VitePress
 
 features:
diff --git a/docs/public/vitepress-logo-large.svg b/docs/public/vitepress-logo-large.svg
@@ -0,0 +1 @@
+../../art/vitepress-logo.svg
diff --git a/docs/public/vitepress-logo-mini.svg b/docs/public/vitepress-logo-mini.svg
diff --git a/docs/public/vitepress-logo-mini.svg b/docs/public/vitepress-logo-mini.svg
@@ -0,0 +1 @@
+../../art/vitepress-logo-mini.svg
diff --git a/docs/ru/index.md b/docs/ru/index.md
@@ -19,7 +19,7 @@ hero:
       text: GitHub
       link: https://github.com/vuejs/vitepress
   image:
-    src: /vitepress-logo-large.webp
+    src: /vitepress-logo-large.svg
     alt: VitePress
 
 features:

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,11 @@`
`33`	`33`	`}`
`34`	`34`	`}`
`35`	`35`
	`36`	`+.VPHero .VPImage {`
	`37`	`+ filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));`
	`38`	`+ padding: 18px;`
	`39`	`+}`
	`40`	`+`
`36`	`41`	`/* used in reference/default-theme-search */`
`37`	`42`	`img[src='/search.png'] {`
`38`	`43`	`width: 100%;`