From 75a5bce92f0a5ac035c63b27f7de4dcab30d5cb2 Mon Sep 17 00:00:00 2001 From: Tony Zhang <49156174+ZTL-UwU@users.noreply.github.com> Date: Sat, 9 Nov 2024 23:53:43 +0800 Subject: [PATCH] docs: fix invisible code highlight in light mode (#875) Signed-off-by: ZTL-UwU --- apps/www/.vitepress/theme/styles/vp-doc.css | 2 +- apps/www/src/content/docs/cli.md | 10 +++++----- apps/www/src/content/docs/components/data-table.md | 2 +- apps/www/src/content/docs/contribution.md | 4 ++-- apps/www/src/content/docs/installation/astro.md | 4 ++-- apps/www/src/content/docs/installation/laravel.md | 2 +- apps/www/src/content/docs/installation/nuxt.md | 4 ++-- apps/www/src/content/docs/installation/vite.md | 2 +- 8 files changed, 15 insertions(+), 15 deletions(-) diff --git a/apps/www/.vitepress/theme/styles/vp-doc.css b/apps/www/.vitepress/theme/styles/vp-doc.css index b100cefd..6e0d77c5 100644 --- a/apps/www/.vitepress/theme/styles/vp-doc.css +++ b/apps/www/.vitepress/theme/styles/vp-doc.css @@ -350,7 +350,7 @@ padding: 0 24px; */ width: calc(100% + 2 * 24px); display: inline-block; - @apply bg-[hsl(var(--foreground))] dark:bg-[hsl(var(--background)_/_50%)] + @apply bg-[hsl(var(--muted))] dark:bg-[hsl(var(--muted))] } .vp-doc [class*='language-'] code .highlighted.error { diff --git a/apps/www/src/content/docs/cli.md b/apps/www/src/content/docs/cli.md index 778bae91..51c3d81b 100644 --- a/apps/www/src/content/docs/cli.md +++ b/apps/www/src/content/docs/cli.md @@ -15,7 +15,7 @@ npx shadcn-vue@latest init You will be asked a few questions to configure `components.json`: -```txt:line-numbers +```ansi:line-numbers Would you like to use TypeScript (recommended)? no / yes Which framework are you using? Vite / Nuxt / Laravel Which style would you like to use? › Default @@ -29,7 +29,7 @@ Configure the import alias for utils: › @/lib/utils ### Options -```txt +```ansi Usage: shadcn-vue init [options] initialize your project and install dependencies @@ -50,7 +50,7 @@ npx shadcn-vue@latest add [component] You will be presented with a list of components to choose from: -```txt +```ansi Which components would you like to add? › Space to select. Return to submit. ◯ accordion @@ -67,7 +67,7 @@ Which components would you like to add? › Space to select. Return to submit. ### Options -```txt +```ansi Usage: shadcn-vue add [options] [components...] add components to your project @@ -90,7 +90,7 @@ Use the `update` command to update components in your project. This will overwri We plan on improving this command in the future to improve the update experience. -```txt +```ansi Usage: shadcn-vue update [options] [components...] update components in your project diff --git a/apps/www/src/content/docs/components/data-table.md b/apps/www/src/content/docs/components/data-table.md index 777f1396..809780ec 100644 --- a/apps/www/src/content/docs/components/data-table.md +++ b/apps/www/src/content/docs/components/data-table.md @@ -102,7 +102,7 @@ export const payments: Payment[] = [ Start by creating the following file structure: -```txt +```ansi components └── payments ├── columns.ts diff --git a/apps/www/src/content/docs/contribution.md b/apps/www/src/content/docs/contribution.md index 782ddbb3..e743b030 100644 --- a/apps/www/src/content/docs/contribution.md +++ b/apps/www/src/content/docs/contribution.md @@ -101,13 +101,13 @@ You can use the `pnpm --filter=[WORKSPACE]` command to start the development pro 1. To run the `shadcn-vue.com` website: -``` +```bash pnpm dev ``` 2. To run the `shadcn-vue` cli package: -``` +```bash pnpm dev:cli ``` diff --git a/apps/www/src/content/docs/installation/astro.md b/apps/www/src/content/docs/installation/astro.md index c1852bae..202adc67 100644 --- a/apps/www/src/content/docs/installation/astro.md +++ b/apps/www/src/content/docs/installation/astro.md @@ -17,7 +17,7 @@ npm create astro@latest You will be asked a few questions to configure your project: -```txt:line-numbers +```ansi:line-numbers - Where should we create your new project? ./your-app-name - How would you like to start your new project? @@ -99,7 +99,7 @@ npx shadcn-vue@latest init You will be asked a few questions to configure `components.json`: -```txt:line-numbers +```ansi:line-numbers Would you like to use TypeScript (recommended)? no / yes Which framework are you using? Astro Which style would you like to use? › Default diff --git a/apps/www/src/content/docs/installation/laravel.md b/apps/www/src/content/docs/installation/laravel.md index 4f2aa947..800d65f0 100644 --- a/apps/www/src/content/docs/installation/laravel.md +++ b/apps/www/src/content/docs/installation/laravel.md @@ -25,7 +25,7 @@ npx shadcn-vue@latest init You will be asked a few questions to configure `components.json`: -```txt:line-numbers +```ansi:line-numbers Would you like to use TypeScript (recommended)? no / yes Which framework are you using? Vite / Nuxt / Laravel Which style would you like to use? › Default diff --git a/apps/www/src/content/docs/installation/nuxt.md b/apps/www/src/content/docs/installation/nuxt.md index 84e18528..851ba668 100644 --- a/apps/www/src/content/docs/installation/nuxt.md +++ b/apps/www/src/content/docs/installation/nuxt.md @@ -213,7 +213,7 @@ npx shadcn-vue@latest init You will be asked a few questions to configure `components.json`: -```txt:line-numbers +```ansi:line-numbers Would you like to use TypeScript (recommended)? no / yes Which framework are you using? Vite / Nuxt / Laravel Which style would you like to use? › Default @@ -231,7 +231,7 @@ Write configuration to components.json. Proceed? > Y/n Here's the default structure of Nuxt app. You can use this as a reference: -```txt {6-16,20-21} +```ansi {6-16,20-21} . ├── pages │ ├── index.vue diff --git a/apps/www/src/content/docs/installation/vite.md b/apps/www/src/content/docs/installation/vite.md index 0ec0f3a4..97165fcf 100644 --- a/apps/www/src/content/docs/installation/vite.md +++ b/apps/www/src/content/docs/installation/vite.md @@ -168,7 +168,7 @@ npx shadcn-vue@latest init You will be asked a few questions to configure `components.json`: -```txt:line-numbers +```ansi:line-numbers Would you like to use TypeScript (recommended)? no / yes Which framework are you using? Vite / Nuxt / Laravel Which style would you like to use? › Default