fix(gridsome): Update logo + color (codesandbox#1694)

* fix(gridsome): Update gridsome template settings

* Update Gridsome logo

* Update gridsome logo

Author: tomtev

packages/common/src/components/logos/Gridsome.tsx

@@ -5,84 +5,75 @@ export default ({ width = 32, height = 32, className }) => (
     width={width}
     height={height}
     className={className}
-    viewBox="0 0 344 344"
+    viewBox="0 0 512 512"
     xmlns="http://www.w3.org/2000/svg"
   >
     <defs>
-      <linearGradient
-        x1="20.938%"
-        y1="135.775%"
-        x2="67.331%"
-        y2="141.765%"
-        id="a"
-      >
-        <stop stopColor="#1A7D75" offset="0%" />
-        <stop stopColor="#1A8864" offset="100%" />
+      <linearGradient 
+        id="gridsome_paint0_linear" 
+        x1="124" 
+        y1="-37" 
+        x2="-15.3949" 
+        y2="446.346" 
+        gradientUnits="userSpaceOnUse">
+        <stop 
+          stop-color="#00A672"
+        />
+        <stop 
+          offset="1" 
+          stop-color="#008B60"
+        />
       </linearGradient>
-      <linearGradient
-        x1="5.879%"
-        y1="11.118%"
-        x2="-17.306%"
-        y2="72.271%"
-        id="b"
-      >
-        <stop stopColor="#168A81" offset="1.293%" />
-        <stop stopColor="#31A97F" offset="100%" />
-      </linearGradient>
-      <linearGradient
-        x1="-144.301%"
-        y1="53.434%"
-        x2="-70.357%"
-        y2="117.634%"
-        id="c"
-      >
-        <stop stopColor="#27A59B" offset="0%" />
-        <stop stopColor="#64D8A2" offset="100%" />
-      </linearGradient>
-      <linearGradient
-        x1="-143.417%"
-        y1="60.471%"
-        x2="-4.693%"
-        y2="180.918%"
-        id="d"
-      >
-        <stop stopColor="#27A59B" offset="0%" />
-        <stop stopColor="#64D8A2" offset="100%" />
-      </linearGradient>
-      <linearGradient
-        x1="208.846%"
-        y1="-141.921%"
-        x2="86.111%"
-        y2="-183.711%"
-        id="e"
-      >
-        <stop stopColor="#27A59B" offset="0%" />
-        <stop stopColor="#64D8A2" offset="100%" />
+      
+      <linearGradient 
+        id="gridsome_paint1_linear"
+        x1="263.861" 
+        y1="445.388"
+        x2="263.861"
+        y2="251.498"
+        gradientUnits="userSpaceOnUse">
+        <stop 
+          stop-color="white" 
+          stop-opacity="0.95"
+        />
+        <stop 
+          offset="1"
+          stop-color="white"
+          stop-opacity="0.5"
+        />
       </linearGradient>
     </defs>
-    <g fill="none" fillRule="evenodd">
-      <path
-        d="M310.449 142.098c16.511-.795 31.126 12.014 32.551 28.54 6.176 79.942-65.669 169.347-168.771 172.212-16.523.459-30.289-12.601-30.747-29.17-.457-16.569 12.566-30.373 29.089-30.832 68.399-1.901 111.73-60.979 109.417-109.334-.792-16.557 11.951-30.622 28.461-31.416z"
-        fill="url(#a)"
-      />
-      <path
-        d="M30.322 140.395c16.529 0 29.929 13.437 29.929 30.013 0 69.182 55.627 113.956 111.188 112.585 16.524-.408 30.25 12.694 30.656 29.265.407 16.57-12.659 30.334-29.184 30.742C86.026 345.144.095 275.584.095 170.408c0-16.576 13.697-30.013 30.227-30.013z"
-        fill="url(#b)"
-      />
-      <path
-        d="M235.681 172.735c0-16.97 13.842-30.727 30.917-30.727h45.057c17.075 0 31.345 13.757 31.345 30.727s-14.27 30.727-31.345 30.727h-45.057c-17.075 0-30.917-13.757-30.917-30.727z"
-        fill="url(#c)"
-        fillRule="nonzero"
-      />
-      <path
-        d="M141.142 172.78c0-16.995 13.754-30.772 30.702-30.772s30.702 13.777 30.702 30.772c0 16.995-13.754 30.772-30.702 30.772s-30.702-13.777-30.702-30.772z"
-        fill="url(#d)"
-        fillRule="nonzero"
-      />
-      <path
-        d="M201.696 29.008c.686 16.561-12.147 30.544-28.662 31.232-71.294 2.969-114.819 59.003-112.7 112.209.659 16.562-11.927 30.525-28.443 31.186-16.517.661-31.041-12.705-31.7-29.268C-3.263 87.664 68.931 1.95 170.55.267c16.516-.688 30.46 12.18 31.146 28.741z"
-        fill="url(#e)"
-      />
-    </g>
+
+    <rect 
+      width="512"
+      height="512"
+      rx="256" 
+      fill="url(#gridsome_paint0_linear)"
+    />
+    
+    <path 
+      d="M320.368 257.735C320.368 240.765 334.25 227.008 351.375 227.008H396.563C413.688 227.008 428 240.765 428 257.735C428 274.705 413.688 288.462 396.563 288.462H351.375C334.25 288.462 320.368 274.705 320.368 257.735Z"
+      fill="white"
+    />
+    
+    <path 
+      d="M225.554 257.78C225.554 240.785 239.348 227.008 256.345 227.008C273.342 227.008 287.137 240.785 287.137 257.78C287.137 274.775 273.342 288.552 256.345 288.552C239.348 288.552 225.554 274.775 225.554 257.78Z"
+      fill="white"
+    />
+    
+    <path 
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M286.284 114.008C286.971 130.569 274.102 144.552 257.538 145.24C186.036 148.209 142.385 204.243 144.51 257.449C145.171 274.011 132.548 287.974 115.983 288.635C99.4189 289.296 84.8521 275.93 84.1907 259.367C80.7283 172.664 153.133 86.95 255.047 85.2667C271.611 84.5789 285.596 97.4468 286.284 114.008Z"
+      fill="white"
+    />
+    
+    <path 
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M84.0967 256.154C84.5034 360.913 170.483 430.138 257.415 427.999C360.033 424.337 434.165 335.203 428 255.637C426.57 239.112 411.913 226.303 395.354 227.097C378.795 227.892 366.016 241.957 366.81 258.513C369.13 306.869 324.536 366.092 255.938 367.993C201.449 369.333 146.897 326.551 144.508 259.968C143.87 275.404 131.701 288.008 115.983 288.635C99.4185 289.296 84.8518 275.93 84.1904 259.367C84.1476 258.296 84.1164 257.225 84.0967 256.154Z"
+      fill="url(#gridsome_paint1_linear)"
+    />
+
   </svg>
 );

packages/common/src/templates/gridsome.ts

@@ -7,11 +7,11 @@ export default new Template(
   'Gridsome',
   'https://gridsome.org/',
   'github/SaraVieira/gridsome-starter-codesandbox',
-  decorateSelector(() => '#5ED3A2'),
+  decorateSelector(() => '#00a672'),
   {
     distDir: 'dist',
     isServer: true,
-    mainFile: ['/src/pages/index.vue'],
+    mainFile: ['/src/pages/Index.vue'],
     showOnHomePage: true,
     main: true,
   }