docs(ui): update green to match with nuxt

Author: larbish

docs/app/app.vue

@@ -30,8 +30,6 @@ useSeoMeta({
 })
 
 provide('navigation', navigation)
-
-// z-[-1] remove when docus is fixed
 </script>
 
 <template>

docs/app/assets/css/main.css

@@ -0,0 +1,21 @@
+@import "tailwindcss";
+@import "@nuxt/ui-pro";
+
+@source "../../../content/**/*";
+@source "../../../node_modules/docus/app/**/*";
+
+@theme static {
+  --font-sans: 'Public Sans', sans-serif;
+
+  --color-green-50: #EFFDF5;
+  --color-green-100: #D9FBE8;
+  --color-green-200: #B3F5D1;
+  --color-green-300: #75EDAE;
+  --color-green-400: #00DC82;
+  --color-green-500: #00C16A;
+  --color-green-600: #00A155;
+  --color-green-700: #007F45;
+  --color-green-800: #016538;
+  --color-green-900: #0A5331;
+  --color-green-950: #052E16;
+}

docs/nuxt.config.ts

@@ -4,7 +4,7 @@ import { defineNuxtConfig } from 'nuxt/config'
 
 export default defineNuxtConfig({
   modules: ['@nuxtjs/plausible', '@vueuse/nuxt', '@nuxthub/core'],
-  // css: ['../app/assets/css/main.css'],
+  css: ['~/assets/css/main.css'],
   site: {
     name: 'Nuxt Content',
     url: 'https://content.nuxt.com',