diff --git a/app.config.ts b/app.config.ts
index 094cf7d..3aa80b4 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -31,17 +31,13 @@ export default defineAppConfig({
owner: 'aneoconsulting',
edit: true
},
- main: {
- fluid: true
- },
header: {
logo: true,
showLinkIcon: true,
exclude: [],
- fluid: true
+ navigation: true
},
footer: {
- fluid: true,
credits: {
text: '',
href: 'https://www.aneo.eu',
diff --git a/content/0.index.md b/content/0.index.md
index 0a58466..720c218 100644
--- a/content/0.index.md
+++ b/content/0.index.md
@@ -1,49 +1,106 @@
---
title: ArmoniK Docs Theme
navigation: false
-main.fluid: false
-layout: page
+layout: basic
---
-::block-hero
+::glow
---
-cta:
- - Get Started
- - /guide
-secondary:
- - Open on GitHub →
- - https://github.com/aneoconsulting/armonik-docs-theme
-snippet: npm install @aneoconsultingfr/armonik-docs-theme
+top: calc(0px - var(--docus-app-header-height))
+height: calc(var(--hero-height) + var(--docus-app-header-height) + 20rem)
+maskGradient:
+ light:
+ initial: radial-gradient(circle at 51% 64%, rgba(0,0,0, 1) -7%, rgba(0,0,0, 0) 70%)
+ xl: radial-gradient(at 70% 45%, red, rgba(255, 0, 0, 0) 85%)
+ dark:
+ initial: radial-gradient(circle at 51% 64%, rgba(0,0,0, 1) -7%, rgba(0,0,0, 0) 70%)
+ xl: radial-gradient(at 70% 45%, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 85%)
+gradient:
+ light:
+ initial: radial-gradient(circle at 10% 50%, {color.secondary.500} 4%, {color.primary.200} 25%, {color.primary.500} 65%)
+ xl: radial-gradient(circle at 10% 50%, {color.secondary.200} 15%, {color.primary.500} 60%, {color.primary.400} 55%, {color.primary.400} 75%, {color.secondary.500} 90%)
+ dark:
+ initial: radial-gradient(circle at 10% 50%, {color.secondary.500}, {color.primary.500} 45%, {color.primary.200} 82%)
+ xl: radial-gradient(circle at 10% 50%, {color.secondary.700} 15%, {color.primary.500} 60%, {color.primary.600} 55%, {color.primary.600} 75%, {color.secondary.500} 90%)
+noise: true
+backgroundImage: linear-gradient(transparent 75%, {docus.body.backgroundColor})
---
-
-#title
-ArmoniK Docs Theme
-
-#description
-A beautiful, responsive, and customizable documentation theme for ArmoniK.
::
-::card-grid
-#title
-What's included
-
-#default
- ::card{icon="noto:rocket"}
+::container-section
+ ::hero
#title
- Ready to use.
+ ArmoniK Docs Theme
+
#description
- Pre-configured and ready to go. Just add your content and go.
+ A beautiful, responsive, and customizable documentation theme for ArmoniK.
+
+ #actions
+ ::button-link{href="/guide" size="medium"}
+ Get Started
+ ::
+ ::button-link{href="https://github.com/aneoconsulting/armonik-docs-theme" size="medium" color=gray ghost blank rel="noopener"}
+ Open on GitHub →
+ ::
+
+ #support
+ ::terminal
+ ---
+ content:
+ - npm install -D @aneoconsultingfr/armonik-docs-theme
+ ---
+ ::
::
- ::card{icon="noto:mobile-phone"}
- #title
- Responsive.
- #description
- ArmoniK Docs Theme looks great on any device, from desktop to mobile.
+::
+
+::container-section{margin="{space.24} 0" padding="{space.24} 0"}
+#root
+ ::glow
+ ---
+ height: 100%
+ maskGradient:
+ light:
+ initial: radial-gradient(circle at 51% 44%, rgba(0,0,0, 1) -16%, rgba(0,0,0, 0) 74%)
+ lg: radial-gradient(at 43% 53%, red, rgba(255, 0, 0, 0) 85%)
+ dark:
+ initial: radial-gradient(circle at 51% 44%, rgba(0,0,0, 1) -16%, rgba(0,0,0, 0) 84%)
+ lg: radial-gradient(at 43% 53%, rgba(0,0,0, 1), rgba(255, 0, 0, 0) 85%)
+ gradient:
+ light:
+ initial: radial-gradient(circle at 40% 50%, {color.primary.400}, {color.primary.400} 52%)
+ lg: conic-gradient({color.secondary.200} 0%, {color.secondary.200} 12%, {color.secondary.300} 22%, {color.secondary.500} 30%, {color.primary.300} 44%)
+ dark:
+ initial: radial-gradient(circle at 40% 50%, {color.primary.600}, {color.primary.700} 52%)
+ lg: radial-gradient(circle at 44% 72%, {color.primary.600} 0%, {color.primary.700} 12%, {color.primary.800} 22%)
+ noise: true
+ backgroundImage: linear-gradient(transparent 75%, {docus.body.backgroundColor})
+ afterBlendMode:
+ light: color
+ dark: multiply
+ ---
::
- ::card{icon="noto:artist-palette"}
- #title
- Customizable.
- #description
- Easily change colors or components to match your needs.
+#default
+ :section-header{title="What's included" subtitle="Features"}
+
+ ::card-grid{cols=3}
+ #default
+ ::card{icon="noto:rocket"}
+ #title
+ Ready to use.
+ #description
+ Pre-configured and ready to go. Just add your content and go.
+ ::
+ ::card{icon="noto:mobile-phone"}
+ #title
+ Responsive.
+ #description
+ ArmoniK Docs Theme looks great on any device, from desktop to mobile.
+ ::
+ ::card{icon="noto:artist-palette"}
+ #title
+ Customizable.
+ #description
+ Easily change colors or components to match your needs.
+ ::
::
::
diff --git a/content/1.guide/7.deployment.md b/content/1.guide/7.deployment.md
index 456e550..12f4222 100644
--- a/content/1.guide/7.deployment.md
+++ b/content/1.guide/7.deployment.md
@@ -20,12 +20,9 @@ You can easily deploy your documentation to GitHub Pages with the following step
- Push to main to trigger the workflow.
::
-::alert{type="info"}
The base URL is the path where the navigation start. For example: `/armonik-docs-theme/` or `/`.
-
-
+
The site URL is the URL of your site. For example: `https://aneoconsulting.github.io/armonik-docs-theme/`.
-::
### Workflow file
diff --git a/package.json b/package.json
index e58e65a..4ef6e54 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
"tokens.config.ts"
],
"dependencies": {
- "@nuxt-themes/docus": "^1.12.3",
+ "@nuxt-themes/docus": "^2.0.0-beta.8",
"@nuxt/devtools": "^0.6.2",
"@parcel/watcher": "^2.1.0",
"mermaid": "^10.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb678bf..09d2be3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,8 +6,8 @@ settings:
dependencies:
'@nuxt-themes/docus':
- specifier: ^1.12.3
- version: 1.12.3(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ specifier: ^2.0.0-beta.8
+ version: 2.0.0-beta.8(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
'@nuxt/devtools':
specifier: ^0.6.2
version: 0.6.2(nuxt@3.6.0)(rollup@3.25.1)(vite@4.3.9)
@@ -854,6 +854,26 @@ packages:
resolution: {integrity: sha512-s2UHCoiXfxMvmfzqoN+vrQ84ahUSYde9qNO1MdxmoEhyHWsfmwOpFlwYV+ePJEVc7gFnATGUi376WowX1N7tFg==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+ /@floating-ui/core@1.3.1:
+ resolution: {integrity: sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==}
+ dev: false
+
+ /@floating-ui/dom@1.4.2:
+ resolution: {integrity: sha512-VKmvHVatWnewmGGy+7Mdy4cTJX71Pli6v/Wjb5RQBuq5wjUYx+Ef+kRThi8qggZqDgD8CogCpqhRoVp3+yQk+g==}
+ dependencies:
+ '@floating-ui/core': 1.3.1
+ dev: false
+
+ /@floating-ui/vue@1.0.1(vue@3.3.4):
+ resolution: {integrity: sha512-HZmmNWaztKYKOQxXvMzJYCYtfgG07cL/bPQvZ92AFG3Ktw71bvvLKXsZDAyIxGpqRo9WiTPsYknnSuLV2H/riA==}
+ dependencies:
+ '@floating-ui/dom': 1.4.2
+ vue-demi: 0.14.5(vue@3.3.4)
+ transitivePeerDependencies:
+ - '@vue/composition-api'
+ - vue
+ dev: false
+
/@hapi/hoek@9.3.0:
resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
dev: false
@@ -1060,12 +1080,12 @@ packages:
- supports-color
dev: false
- /@nuxt-themes/docus@1.12.3(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
- resolution: {integrity: sha512-qIdBUnwm/5OEhKtFJ3of+C5HEZzOU/wFx9CuY+Y3jdZVVJcDGjryLY+I1R/N9U+KuS32QevzAY9vJrdJNf8u9A==}
+ /@nuxt-themes/docus@2.0.0-beta.8(nuxt@3.6.0)(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
+ resolution: {integrity: sha512-xVcvPnN0qXNzHBVFGB4SDWZSGRbMnBUMnSMWgbcYeP7h55hzakSB+DwKufyEcHGGWdLqPWAVpojJfCBRlANBCA==}
dependencies:
- '@nuxt-themes/elements': 0.9.4(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
- '@nuxt-themes/tokens': 1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
- '@nuxt-themes/typography': 0.11.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ '@nuxt-themes/elements': 1.0.2(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ '@nuxt-themes/tokens': 2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ '@nuxt-themes/typography': 1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
'@nuxt/content': 2.7.0(rollup@3.25.1)
'@nuxthq/studio': 0.13.2(rollup@3.25.1)
'@vueuse/nuxt': 10.2.0(nuxt@3.6.0)(rollup@3.25.1)(vue@3.3.4)
@@ -1080,35 +1100,61 @@ packages:
- '@upstash/redis'
- '@vercel/kv'
- '@vue/composition-api'
+ - async-validator
+ - axios
- bufferutil
+ - change-case
+ - drauu
+ - fuse.js
+ - idb-keyval
+ - jwt-decode
+ - nprogress
- nuxt
- postcss
+ - qrcode
- rollup
- sass
+ - sortablejs
- supports-color
+ - universal-cookie
- utf-8-validate
- vue
dev: false
- /@nuxt-themes/elements@0.9.4(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
- resolution: {integrity: sha512-d7XgHc/gjMpre26+N76APL1vlnQHiZTOk61GC4I/ZYQuioSfoKuoIP+Ixrr0QgM22j4MRBtAaBnDAg1wRJrDCQ==}
+ /@nuxt-themes/elements@1.0.2(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
+ resolution: {integrity: sha512-tT3bQYbTwJAQ0CWL5XFaZs8NvJhJm5HkfirEuQenFq4+Lzu9hByPAI37ugNhwKAaRL43/SiU01fymuUIrj/b4w==}
dependencies:
- '@nuxt-themes/tokens': 1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
- '@vueuse/core': 9.13.0(vue@3.3.4)
+ '@floating-ui/vue': 1.0.1(vue@3.3.4)
+ '@nuxt-themes/tokens': 2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ '@nuxt-themes/typography': 1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4)
+ '@vueuse/core': 10.2.0(vue@3.3.4)
+ '@vueuse/integrations': 10.2.0(focus-trap@7.4.3)(vue@3.3.4)
+ focus-trap: 7.4.3
transitivePeerDependencies:
- '@vue/composition-api'
+ - async-validator
+ - axios
+ - change-case
+ - drauu
+ - fuse.js
+ - idb-keyval
+ - jwt-decode
+ - nprogress
- postcss
+ - qrcode
- rollup
- sass
+ - sortablejs
- supports-color
+ - universal-cookie
- vue
dev: false
- /@nuxt-themes/tokens@1.9.1(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
- resolution: {integrity: sha512-5C28kfRvKnTX8Tux+xwyaf+2pxKgQ53dC9l6C33sZwRRyfUJulGDZCFjKbuNq4iqVwdGvkFSQBYBYjFAv6t75g==}
+ /@nuxt-themes/tokens@2.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
+ resolution: {integrity: sha512-N3OF19Iv5zqM4919TmnfgUEbpGEGna3aJRrJszmGTIE0nnf7/SUqSq4BQvHzzw2kgF0/z1lS7iZxUSc8g9tcqg==}
dependencies:
'@nuxtjs/color-mode': 3.3.0(rollup@3.25.1)
- '@vueuse/core': 9.13.0(vue@3.3.4)
+ '@vueuse/core': 10.2.0(vue@3.3.4)
pinceau: 0.18.9(postcss@8.4.24)
transitivePeerDependencies:
- '@vue/composition-api'
@@ -1119,13 +1165,13 @@ packages:
- vue
dev: false
- /@nuxt-themes/typography@0.11.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
- resolution: {integrity: sha512-TqyvD7sDWnqGmL00VtuI7JdmNTPL5/g957HCAWNzcNp+S20uJjW/FXSdkM76d4JSVDHvBqw7Wer3RsqVhqvA4w==}
+ /@nuxt-themes/typography@1.0.0(postcss@8.4.24)(rollup@3.25.1)(vue@3.3.4):
+ resolution: {integrity: sha512-nuOT0OH5/8SognMRQRg/I3miZHGPjNZJRgO4QqjH7PhVQTm5TF1ONY4fp/CiQkcIwzV5bLJbJxERZ+wsXnFOPw==}
dependencies:
'@nuxtjs/color-mode': 3.3.0(rollup@3.25.1)
nuxt-config-schema: 0.4.6(rollup@3.25.1)
- nuxt-icon: 0.3.3(rollup@3.25.1)(vue@3.3.4)
- pinceau: 0.18.9(postcss@8.4.24)
+ nuxt-icon: 0.4.1(rollup@3.25.1)(vue@3.3.4)
+ pinceau: 0.19.0(postcss@8.4.24)
ufo: 1.1.2
transitivePeerDependencies:
- postcss
@@ -1931,10 +1977,6 @@ packages:
resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==}
dev: false
- /@types/web-bluetooth@0.0.16:
- resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
- dev: false
-
/@types/web-bluetooth@0.0.17:
resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==}
dev: false
@@ -2138,6 +2180,10 @@ packages:
resolution: {integrity: sha512-2WoM6O9VyuHDPAnvCXr7LBJQ8ZRHDnuQAFsL1dWXp561Iq2l9whdNtPuMcozLGJGUUrFfVBXIrHY4sfxxScgWg==}
dev: false
+ /@unocss/reset@0.51.13:
+ resolution: {integrity: sha512-xwYJW6vNbHIpBtlFcW93fZxILZpWatcCc9nclSgsl0YlFUz9w4/aoV9KqwU62Y4VUteJxCZCCXa3pSiPO8h5KA==}
+ dev: false
+
/@vercel/nft@0.22.6:
resolution: {integrity: sha512-gTsFnnT4mGxodr4AUlW3/urY+8JKKB452LwF3m477RFUJTAaDmcz2JqFuInzvdybYIeyIv1sSONEJxsxnbQ5JQ==}
engines: {node: '>=14'}
@@ -2389,18 +2435,6 @@ packages:
- vue
dev: false
- /@vueuse/core@9.13.0(vue@3.3.4):
- resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
- dependencies:
- '@types/web-bluetooth': 0.0.16
- '@vueuse/metadata': 9.13.0
- '@vueuse/shared': 9.13.0(vue@3.3.4)
- vue-demi: 0.14.5(vue@3.3.4)
- transitivePeerDependencies:
- - '@vue/composition-api'
- - vue
- dev: false
-
/@vueuse/head@1.1.26(vue@3.3.4):
resolution: {integrity: sha512-VUrqvcxKtxt2moKtUa7R/KscnDsNYj5u7HFULLsr84VhWsztzBedxW/8Wh/kTz2+/eMf5gC1KtkZBTFQYOmauQ==}
peerDependencies:
@@ -2413,12 +2447,58 @@ packages:
vue: 3.3.4
dev: false
- /@vueuse/metadata@10.2.0:
- resolution: {integrity: sha512-IR7Mkq6QSgZ38q/2ZzOt+Zz1OpcEsnwE64WBumDQ+RGKrosFCtUA2zgRrOqDEzPBXrVB+4HhFkwDjQMu0fDBKw==}
+ /@vueuse/integrations@10.2.0(focus-trap@7.4.3)(vue@3.3.4):
+ resolution: {integrity: sha512-e+MIRMi2Zo8DZKXszut8iVoZGlf07XXoaDt27W0DRJVYPdods50MV8Bnla5Tnuil0gHY/W5mMcqiQre9Xb246Q==}
+ peerDependencies:
+ async-validator: '*'
+ axios: '*'
+ change-case: '*'
+ drauu: '*'
+ focus-trap: '*'
+ fuse.js: '*'
+ idb-keyval: '*'
+ jwt-decode: '*'
+ nprogress: '*'
+ qrcode: '*'
+ sortablejs: '*'
+ universal-cookie: '*'
+ peerDependenciesMeta:
+ async-validator:
+ optional: true
+ axios:
+ optional: true
+ change-case:
+ optional: true
+ drauu:
+ optional: true
+ focus-trap:
+ optional: true
+ fuse.js:
+ optional: true
+ idb-keyval:
+ optional: true
+ jwt-decode:
+ optional: true
+ nprogress:
+ optional: true
+ qrcode:
+ optional: true
+ sortablejs:
+ optional: true
+ universal-cookie:
+ optional: true
+ dependencies:
+ '@vueuse/core': 10.2.0(vue@3.3.4)
+ '@vueuse/shared': 10.2.0(vue@3.3.4)
+ focus-trap: 7.4.3
+ vue-demi: 0.14.5(vue@3.3.4)
+ transitivePeerDependencies:
+ - '@vue/composition-api'
+ - vue
dev: false
- /@vueuse/metadata@9.13.0:
- resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
+ /@vueuse/metadata@10.2.0:
+ resolution: {integrity: sha512-IR7Mkq6QSgZ38q/2ZzOt+Zz1OpcEsnwE64WBumDQ+RGKrosFCtUA2zgRrOqDEzPBXrVB+4HhFkwDjQMu0fDBKw==}
dev: false
/@vueuse/nuxt@10.2.0(nuxt@3.6.0)(rollup@3.25.1)(vue@3.3.4):
@@ -2448,15 +2528,6 @@ packages:
- vue
dev: false
- /@vueuse/shared@9.13.0(vue@3.3.4):
- resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
- dependencies:
- vue-demi: 0.14.5(vue@3.3.4)
- transitivePeerDependencies:
- - '@vue/composition-api'
- - vue
- dev: false
-
/abbrev@1.1.1:
resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
dev: false
@@ -4896,6 +4967,12 @@ packages:
/flatted@3.2.7:
resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+ /focus-trap@7.4.3:
+ resolution: {integrity: sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==}
+ dependencies:
+ tabbable: 6.1.2
+ dev: false
+
/follow-redirects@1.15.2:
resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
engines: {node: '>=4.0'}
@@ -7406,12 +7483,11 @@ packages:
- supports-color
dev: false
- /nuxt-icon@0.3.3(rollup@3.25.1)(vue@3.3.4):
- resolution: {integrity: sha512-KdhJAigBGTP8/YIFZ3orwetk40AgLq6VQ5HRYuDLmv5hiDptor9Ro+WIdZggHw7nciRxZvDdQkEwi9B5G/jrkQ==}
+ /nuxt-icon@0.4.1(rollup@3.25.1)(vue@3.3.4):
+ resolution: {integrity: sha512-QTpxewOgLfdPx2uwHhoU5XQ4AtQ9N31ifbwnbn4Sx5NM+W2slNfGq1eEKmUl0CpSUAhGEdKbzd5CjA3c7dVa1Q==}
dependencies:
'@iconify/vue': 4.1.1(vue@3.3.4)
'@nuxt/kit': 3.6.0(rollup@3.25.1)
- nuxt-config-schema: 0.4.6(rollup@3.25.1)
transitivePeerDependencies:
- rollup
- supports-color
@@ -8041,6 +8117,35 @@ packages:
- supports-color
dev: false
+ /pinceau@0.19.0(postcss@8.4.24):
+ resolution: {integrity: sha512-zE5/ner/YtO/eo5lR7JsEHPy8JjmZempnudZLmqQfDblceoxgMeHVjWz67Z+3FOPLenaYrd1pg7oJH2cIPQM/Q==}
+ dependencies:
+ '@unocss/reset': 0.51.13
+ '@volar/vue-language-core': 1.6.5
+ acorn: 8.9.0
+ chroma-js: 2.4.2
+ consola: 3.1.0
+ csstype: 3.1.2
+ defu: 6.1.2
+ magic-string: 0.30.0
+ nanoid: 4.0.2
+ ohash: 1.1.2
+ paneer: 0.1.0
+ pathe: 1.1.1
+ postcss-custom-properties: 13.1.5(postcss@8.4.24)
+ postcss-dark-theme-class: 0.7.3(postcss@8.4.24)
+ postcss-nested: 6.0.1(postcss@8.4.24)
+ recast: 0.22.0
+ scule: 1.0.0
+ style-dictionary-esm: 1.3.7
+ unbuild: 1.2.1
+ unplugin: 1.3.1
+ transitivePeerDependencies:
+ - postcss
+ - sass
+ - supports-color
+ dev: false
+
/pinkie-promise@2.0.1:
resolution: {integrity: sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==}
engines: {node: '>=0.10.0'}
@@ -8119,6 +8224,19 @@ packages:
postcss-value-parser: 4.2.0
dev: false
+ /postcss-custom-properties@13.1.5(postcss@8.4.24):
+ resolution: {integrity: sha512-98DXk81zTGqMVkGANysMHbGIg3voH383DYo3/+c+Abzay3nao+vM/f4Jgzsakk9S7BDsEw5DiW7sFy5G4W2wLA==}
+ engines: {node: ^14 || ^16 || >=18}
+ peerDependencies:
+ postcss: ^8.4
+ dependencies:
+ '@csstools/cascade-layer-name-parser': 1.0.2(@csstools/css-parser-algorithms@2.2.0)(@csstools/css-tokenizer@2.1.1)
+ '@csstools/css-parser-algorithms': 2.2.0(@csstools/css-tokenizer@2.1.1)
+ '@csstools/css-tokenizer': 2.1.1
+ postcss: 8.4.24
+ postcss-value-parser: 4.2.0
+ dev: false
+
/postcss-dark-theme-class@0.7.3(postcss@8.4.24):
resolution: {integrity: sha512-M9vtfh8ORzQsVdT9BWb+xpEDAzC7nHBn7wVc988/JkEVLPupKcUnV0jw7RZ8sSj0ovpqN1POf6PLdt19JCHfhQ==}
engines: {node: '>=12.0'}
@@ -9470,6 +9588,10 @@ packages:
tslib: 2.5.3
dev: true
+ /tabbable@6.1.2:
+ resolution: {integrity: sha512-qCN98uP7i9z0fIS4amQ5zbGBOq+OSigYeGvPy7NDk8Y9yncqDZ9pRPgfsc2PJIVM9RrJj7GIfuRgmjoUU9zTHQ==}
+ dev: false
+
/tapable@1.1.3:
resolution: {integrity: sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==}
engines: {node: '>=6'}
diff --git a/tokens.config.ts b/tokens.config.ts
index 543a7bc..b9af9c8 100644
--- a/tokens.config.ts
+++ b/tokens.config.ts
@@ -13,6 +13,18 @@ export default defineTheme({
700: '#c2410c',
800: '#9a3412',
900: '#7c2d12'
+ },
+ secondary: {
+ 50: '#fefce8',
+ 100: '#fef9c3',
+ 200: '#fef08a',
+ 300: '#fde047',
+ 400: '#facc15',
+ 500: '#eab308',
+ 600: '#ca8a04',
+ 700: '#a16207',
+ 800: '#854d0e',
+ 900: '#713f12'
}
},
docus: {