docs: update design

nuxt-modules · Aug 7, 2023 · 8763358 · 8763358
1 parent f00a1c6
commit 8763358
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 31 deletions.
diff --git a/docs/app.config.ts b/docs/app.config.ts
@@ -5,7 +5,17 @@ export default defineAppConfig({
     image: 'https://tailwindcss.nuxtjs.org/social-card.png',
     socials: {
       twitter: 'nuxt_js',
-      github: 'nuxt-modules/tailwindcss'
+      github: 'nuxt-modules/tailwindcss',
+      nuxt: {
+        label: 'Nuxt',
+        icon: 'simple-icons:nuxtdotjs',
+        href: 'https://nuxt.com'
+      },
+      supabase: {
+        label: 'Tailwind CSS',
+        icon: 'simple-icons:tailwindcss',
+        href: 'https://tailwindcss.com'
+      }
     },
     header: {
       logo: true

diff --git a/docs/components/content/Logo.vue b/docs/components/content/Logo.vue
@@ -1,23 +1,60 @@
 <template>
   <svg
-    class="h-8 text-[#18181B] dark:text-white"
-    viewBox="0 0 224 40"
+    viewBox="0 0 1565 201"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M43.904 29V9.4H47.488L56.7 23.204V9.4H60.284V29H56.7L47.488 15.224V29H43.904ZM69.2077 29.336C67.4717 29.336 66.1277 28.7947 65.1757 27.712C64.2424 26.6293 63.7757 25.0427 63.7757 22.952V15.112H67.3317V22.616C67.3317 23.8107 67.5744 24.7253 68.0597 25.36C68.545 25.9947 69.3104 26.312 70.3557 26.312C71.345 26.312 72.157 25.9573 72.7917 25.248C73.445 24.5387 73.7717 23.5493 73.7717 22.28V15.112H77.3557V29H74.1917L73.9117 26.648C73.4824 27.4693 72.857 28.1227 72.0357 28.608C71.233 29.0933 70.2904 29.336 69.2077 29.336ZM79.7188 29L84.7588 22.056L79.7188 15.112H83.5548L87.0828 20.04L90.5828 15.112H94.4468L89.3788 22.056L94.4468 29H90.5828L87.0828 24.072L83.5548 29H79.7188ZM102.918 29C101.462 29 100.295 28.6453 99.4182 27.936C98.5408 27.2267 98.1022 25.9667 98.1022 24.156V18.108H95.7222V15.112H98.1022L98.5222 11.388H101.686V15.112H105.438V18.108H101.686V24.184C101.686 24.856 101.826 25.3227 102.106 25.584C102.405 25.8267 102.909 25.948 103.618 25.948H105.354V29H102.918Z"
+      d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z"
       fill="currentColor"
     />
     <path
-      d="M113.163 29V12.284H107.451V9.4H122.487V12.284H116.747V29H113.163ZM127.467 29.336C126.273 29.336 125.293 29.1493 124.527 28.776C123.762 28.384 123.193 27.8707 122.819 27.236C122.446 26.6013 122.259 25.9013 122.259 25.136C122.259 23.848 122.763 22.8027 123.771 22C124.779 21.1973 126.291 20.796 128.307 20.796H131.835V20.46C131.835 19.508 131.565 18.808 131.023 18.36C130.482 17.912 129.81 17.688 129.007 17.688C128.279 17.688 127.645 17.8653 127.103 18.22C126.562 18.556 126.226 19.06 126.095 19.732H122.595C122.689 18.724 123.025 17.8467 123.603 17.1C124.201 16.3533 124.966 15.784 125.899 15.392C126.833 14.9813 127.878 14.776 129.035 14.776C131.014 14.776 132.573 15.2707 133.711 16.26C134.85 17.2493 135.419 18.6493 135.419 20.46V29H132.367L132.031 26.76C131.621 27.5067 131.042 28.1227 130.295 28.608C129.567 29.0933 128.625 29.336 127.467 29.336ZM128.279 26.536C129.306 26.536 130.099 26.2 130.659 25.528C131.238 24.856 131.602 24.0253 131.751 23.036H128.699C127.747 23.036 127.066 23.2133 126.655 23.568C126.245 23.904 126.039 24.324 126.039 24.828C126.039 25.3693 126.245 25.7893 126.655 26.088C127.066 26.3867 127.607 26.536 128.279 26.536ZM140.772 12.956C140.118 12.956 139.577 12.76 139.148 12.368C138.737 11.976 138.532 11.4813 138.532 10.884C138.532 10.2867 138.737 9.80133 139.148 9.428C139.577 9.036 140.118 8.84 140.772 8.84C141.425 8.84 141.957 9.036 142.368 9.428C142.797 9.80133 143.012 10.2867 143.012 10.884C143.012 11.4813 142.797 11.976 142.368 12.368C141.957 12.76 141.425 12.956 140.772 12.956ZM138.98 29V15.112H142.564V29H138.98ZM146.304 29V8.84H149.888V29H146.304ZM156.266 29L152.206 15.112H155.762L158.17 25.108L160.97 15.112H164.946L167.746 25.108L170.182 15.112H173.738L169.65 29H165.926L162.958 18.612L159.99 29H156.266ZM177.932 12.956C177.278 12.956 176.737 12.76 176.308 12.368C175.897 11.976 175.692 11.4813 175.692 10.884C175.692 10.2867 175.897 9.80133 176.308 9.428C176.737 9.036 177.278 8.84 177.932 8.84C178.585 8.84 179.117 9.036 179.528 9.428C179.957 9.80133 180.172 10.2867 180.172 10.884C180.172 11.4813 179.957 11.976 179.528 12.368C179.117 12.76 178.585 12.956 177.932 12.956ZM176.14 29V15.112H179.724V29H176.14ZM183.465 29V15.112H186.629L186.909 17.464C187.338 16.6427 187.954 15.9893 188.757 15.504C189.578 15.0187 190.539 14.776 191.641 14.776C193.358 14.776 194.693 15.3173 195.645 16.4C196.597 17.4827 197.073 19.0693 197.073 21.16V29H193.489V21.496C193.489 20.3013 193.246 19.3867 192.761 18.752C192.275 18.1173 191.519 17.8 190.493 17.8C189.485 17.8 188.654 18.1547 188.001 18.864C187.366 19.5733 187.049 20.5627 187.049 21.832V29H183.465ZM206.884 29.336C205.577 29.336 204.41 29.0187 203.384 28.384C202.357 27.7493 201.545 26.8813 200.948 25.78C200.35 24.6787 200.052 23.428 200.052 22.028C200.052 20.628 200.35 19.3867 200.948 18.304C201.545 17.2027 202.357 16.344 203.384 15.728C204.41 15.0933 205.577 14.776 206.884 14.776C207.929 14.776 208.844 14.972 209.628 15.364C210.412 15.756 211.046 16.3067 211.532 17.016V8.84H215.116V29H211.924L211.532 27.012C211.084 27.628 210.486 28.1693 209.74 28.636C209.012 29.1027 208.06 29.336 206.884 29.336ZM207.64 26.2C208.797 26.2 209.74 25.8173 210.468 25.052C211.214 24.268 211.588 23.2693 211.588 22.056C211.588 20.8427 211.214 19.8533 210.468 19.088C209.74 18.304 208.797 17.912 207.64 17.912C206.501 17.912 205.558 18.2947 204.812 19.06C204.065 19.8253 203.692 20.8147 203.692 22.028C203.692 23.2413 204.065 24.24 204.812 25.024C205.558 25.808 206.501 26.2 207.64 26.2Z"
-      fill="#38BDF8"
+      d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z"
+      fill="currentColor"
+    />
+    <path
+      d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z"
+      fill="currentColor"
+    />
+    <path
+      d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z"
+      fill="currentColor"
+    />
+    <path
+      d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M911.345 199.402H881.368V85.3584H840V59.5937H952.714V85.3584H911.345V199.402Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M983.649 97.1423C992.043 97.1423 999.571 98.7401 1006.23 101.936C1012.89 104.998 1018.09 109.392 1021.82 115.118C1025.68 120.71 1027.62 127.234 1027.62 134.691V199.402H1000.04V185.421C998.305 190.082 994.841 193.876 989.645 196.806C984.582 199.602 978.587 201 971.659 201C965.264 201 959.535 199.735 954.472 197.205C949.542 194.542 945.679 190.947 942.881 186.42C940.083 181.76 938.684 176.567 938.684 170.841C938.684 160.988 942.015 153.265 948.676 147.673C955.471 141.948 964.398 139.085 975.456 139.085H992.443C994.841 139.085 996.706 138.419 998.038 137.088C999.371 135.623 1000.04 133.825 1000.04 131.695C1000.04 127.434 998.438 124.039 995.241 121.509C992.043 118.846 987.646 117.514 982.051 117.514C976.322 117.514 971.792 119.046 968.461 122.108C965.264 125.171 963.532 128.965 963.265 133.492H938.484C938.884 126.702 940.949 120.577 944.679 115.118C948.41 109.525 953.606 105.131 960.267 101.936C966.929 98.7401 974.723 97.1423 983.649 97.1423ZM978.653 180.828C985.315 180.828 990.511 178.697 994.241 174.436C998.105 170.176 1000.04 164.716 1000.04 158.059V156.661H979.653C975.389 156.661 971.925 157.859 969.26 160.256C966.596 162.653 965.264 165.782 965.264 169.643C965.264 172.972 966.529 175.701 969.061 177.832C971.592 179.829 974.79 180.828 978.653 180.828Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M1074.66 199.402H1046.68V98.7401H1074.66V199.402ZM1045.88 84.3598V55H1075.46V84.3598H1045.88Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M1124.46 199.402H1096.68V55H1124.46V199.402Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M1195.37 199.402H1171.19L1138.42 98.7401H1166.4L1183.38 160.855L1201.17 98.7401H1226.55L1244.54 160.855L1261.52 98.7401H1289.3L1256.73 199.402H1232.35L1213.96 136.688L1195.37 199.402Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M1329.74 199.402H1301.76V98.7401H1329.74V199.402ZM1300.96 84.3598V55H1330.54V84.3598H1300.96Z"
+      fill="#00DC82"
+    />
+    <path
+      d="M1350.16 199.402V98.7401H1378.14V112.721C1380.94 107.794 1385 104 1390.33 101.337C1395.66 98.5404 1401.79 97.1423 1408.72 97.1423C1416.18 97.1423 1422.71 98.8067 1428.3 102.135C1434.03 105.464 1438.43 110.124 1441.49 116.116C1444.69 122.108 1446.29 128.965 1446.29 136.688V199.402H1418.31V142.88C1418.31 136.755 1416.51 131.762 1412.91 127.9C1409.32 123.906 1404.65 121.908 1398.93 121.908C1392.8 121.908 1387.8 124.039 1383.94 128.3C1380.07 132.427 1378.14 137.753 1378.14 144.278V199.402H1350.16Z"
+      fill="#00DC82"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M8 17.088C9.06667 12.8213 11.7333 10.688 16 10.688C22.4 10.688 23.2 15.488 26.4 16.288C28.5333 16.8213 30.4 16.0213 32 13.888C30.9333 18.1547 28.2667 20.288 24 20.288C17.6 20.288 16.8 15.488 13.6 14.688C11.4667 14.1547 9.6 14.9547 8 17.088ZM0 26.688C1.06667 22.4213 3.73333 20.288 8 20.288C14.4 20.288 15.2 25.088 18.4 25.888C20.5333 26.4213 22.4 25.6213 24 23.488C22.9333 27.7547 20.2667 29.888 16 29.888C9.6 29.888 8.8 25.088 5.6 24.288C3.46667 23.7547 1.6 24.5547 0 26.688Z"
-      fill="#38BDF8"
+      d="M1509.64 201C1499.92 201 1491.39 198.87 1484.06 194.609C1476.87 190.348 1471.27 184.29 1467.27 176.434C1463.41 168.578 1461.48 159.457 1461.48 149.071C1461.48 138.685 1463.41 129.565 1467.27 121.709C1471.27 113.853 1476.87 107.794 1484.06 103.534C1491.26 99.2727 1499.65 97.1423 1509.24 97.1423C1515.37 97.1423 1520.83 98.2741 1525.63 100.538C1530.43 102.668 1534.29 105.597 1537.22 109.326V55H1565V199.402H1537.22V188.417C1534.42 192.279 1530.56 195.341 1525.63 197.605C1520.7 199.868 1515.37 201 1509.64 201ZM1514.24 177.033C1521.57 177.033 1527.5 174.503 1532.03 169.443C1536.56 164.25 1538.82 157.46 1538.82 149.071C1538.82 140.549 1536.56 133.759 1532.03 128.699C1527.63 123.506 1521.7 120.91 1514.24 120.91C1506.78 120.91 1500.78 123.506 1496.25 128.699C1491.86 133.759 1489.66 140.549 1489.66 149.071C1489.66 157.46 1491.92 164.25 1496.45 169.443C1500.98 174.503 1506.91 177.033 1514.24 177.033Z"
+      fill="#00DC82"
     />
   </svg>
 </template>
diff --git a/docs/package.json b/docs/package.json
@@ -12,7 +12,7 @@
   "license": "MIT",
   "homepage": "https://tailwindcss.nuxtjs.org",
   "devDependencies": {
-    "@nuxt-themes/docus": "^1.14.4",
+    "@nuxt-themes/docus": "^1.14.6",
     "@nuxtjs/plausible": "^0.2.1",
     "nuxt": "^3.6.5"
   }

diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
diff --git a/docs/tokens.config.ts b/docs/tokens.config.ts
@@ -3,16 +3,17 @@ import { defineTheme } from 'pinceau'
 export default defineTheme({
   color: {
     primary: {
-      50: '#f0f9ff',
-      100: '#e0f2fe',
-      200: '#bae6fd',
-      300: '#7dd3fc',
-      400: '#38bdf8',
-      500: '#0ea5e9',
-      600: '#0284c7',
-      700: '#0369a1',
-      800: '#075985',
-      900: '#0c4a6e'
+      50: '#f0fdf4',
+      100: '#dcfce7',
+      200: '#bbf7d0',
+      300: '#86efac',
+      400: '#00DC82',
+      500: '#22C55E',
+      600: '#16a34a',
+      700: '#15803d',
+      800: '#166534',
+      900: '#14532d',
+      950: '#052e16'
     }
   }
 })