docs: update image and colors (#148)

* docs: update image

* docs: update colors

README.md

@@ -1,4 +1,4 @@
-[![@nuxtjs/google-fonts](./docs/static/preview.svg)](https://google-fonts.nuxtjs.org)
+[![@nuxtjs/google-fonts](https://google-fonts.nuxtjs.org/social-card.png)](https://google-fonts.nuxtjs.org)
 
 # @nuxtjs/google-fonts
 
@@ -49,17 +49,14 @@ Or locally:
 Copyright (c) Nuxt Modules
 
 <!-- Badges -->
+
 [npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/google-fonts/latest.svg
 [npm-version-href]: https://npmjs.com/package/@nuxtjs/google-fonts
-
 [npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/google-fonts.svg
 [npm-downloads-href]: https://npmjs.com/package/@nuxtjs/google-fonts
-
 [github-actions-ci-src]: https://github.com/nuxt-modules/google-fonts/workflows/ci/badge.svg
 [github-actions-ci-href]: https://github.com/nuxt-modules/google-fonts/actions?query=workflow%3Aci
-
 [codecov-src]: https://img.shields.io/codecov/c/github/nuxt-modules/google-fonts.svg
 [codecov-href]: https://codecov.io/gh/nuxt-modules/google-fonts
-
 [license-src]: https://img.shields.io/npm/l/@nuxtjs/google-fonts.svg
 [license-href]: https://npmjs.com/package/@nuxtjs/google-fonts

docs/tokens.config.ts

@@ -0,0 +1,18 @@
+import { defineTheme } from 'pinceau'
+
+export default defineTheme({
+  color: {
+    primary: {
+      50: '#eff6ff',
+      100: '#dbeafe',
+      200: '#bfdbfe',
+      300: '#93c5fd',
+      400: '#60a5fa',
+      500: '#1A73E8',
+      600: '#2563eb',
+      700: '#1d4ed8',
+      800: '#1e40af',
+      900: '#1e3a8a'
+    }
+  }
+})