\r\n \u003C/template>\r\n \u003C/DefaultTheme.Layout>\r\n\u003C/template>\r\n```\r\n\r\nthis works perfect during development, but once I build vitepress and serve, my video is always in light mode, even though isDark is true.\r\n\r\nI found out that during `npm run build`, my Layout template is pre-compiled, so at this point, isDark is always false\r\n\r\nHow can I fix this?\n\n### Reproduction\n\nas above\n\n### Expected behavior\n\nconsist behavior\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 13.5.2\r\n CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz\r\n Memory: 191.28 MB / 16.00 GB\r\n Shell: 3.2.57 - /bin/bash\r\n Binaries:\r\n Node: 21.2.0 - /usr/local/bin/node\r\n Yarn: 1.22.10 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 119.0.6045.159\r\n Edge: 119.0.2151.72\r\n Safari: 16.6\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.31 => 1.0.0-rc.31\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2901],{"name":2868,"color":2869},3267,"Inconsist behavior between development & production","2023-12-22T00:04:33Z","https://github.com/vuejs/vitepress/issues/3267",0.69217217,{"description":2908,"labels":2909,"number":2911,"owner":2871,"repository":2872,"state":2873,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Describe the bug\n\nIn MPA mode with default theme, can't toggle dark/light mode and can't copy code when click copy button。\n\n### Reproduction\n\nany md file can reproduction\n\n### Expected behavior\n\nIn MPA mode, can toggle dark/light mode and copy code.\n\n### System Info\n\n```shell\nwindows vitepress@1.0.0-alpha.60\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2910],{"name":2868,"color":2869},2092,"Theme default can't toggle dark/light mode or copy code in MPA mode","2023-03-24T00:04:11Z","https://github.com/vuejs/vitepress/issues/2092",0.7014845,{"description":2917,"labels":2918,"number":2923,"owner":2871,"repository":2872,"state":2873,"title":2924,"updated_at":2925,"url":2926,"score":2927},"TL;DR: In Safari/Webkit 15.2, `rgba(0,0,0,0)` is rendered as a transparent black and the top nav-bar \"frost\" gradient is dark/looks bad on light-mode accordingly\r\n\r\n----\r\n\r\n### Describe the bug\r\n\r\nWhen accessing a Vitepress page in Safari's v15.2 in light mode, a noticeable black bar appears at the top of the page when scrolling. It seems likely that this issue is related to a CSS or browser quirk specific to Safari since it looks beautiful in chrome and non-webkit browsers\r\n\r\nOn chrome, the scroll shadow looks like this ✅:\r\n\r\n\r\n\r\nOn safari, the scroll shadow looks like this ❌:\r\n\r\n\r\n\r\n\r\nLooks frost on Firefox & friends:\r\n\r\n\u003Cimg width=\"1552\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1396559/8f0d7742-ee44-4f0a-8cea-6e090651df15\">\r\n\r\n\r\n### Reproduction\r\n\r\nOpen any Vitepress with scrolling content in Safari in light mode: https://vitepress.dev/guide/getting-started\r\n\r\n\r\n\r\n### Expected behavior\r\n\r\nExpect: light mode in Safari should have a \"frost\"/white shadow rather than the dark bar \r\n\r\n### System Info\r\n\r\nhttps://github.com/vuejs/vitepress/blob/85bd7e845ab37862d68d2506f0b693dafc236a7a/src/client/theme-default/components/VPNavBar.vue#L222\r\n\r\n```Text\r\nn/a\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nGood test site for Safari: https://vitepress.dev/guide/getting-started\r\n\r\n\u003Cimg width=\"1552\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1396559/50268366-66c8-4e68-a7aa-0af204b4794c\">\r\n\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2919,2920],{"name":2891,"color":2892},{"name":2921,"color":2922},"stale","ededed",3223,"Black Bar Appears at Top Default Theme pages in Safari Light Mode","2024-01-08T00:04:51Z","https://github.com/vuejs/vitepress/issues/3223",0.71750104,{"description":2929,"labels":2930,"number":2934,"owner":2871,"repository":2872,"state":2873,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Describe the bug\r\n\r\nwhen i use code theme. include `light` and `dark` mode\r\nThe code block repeat render\r\n\r\n\u003Cimg width=\"793\" alt=\"image\" src=\"https://user-images.githubusercontent.com/40693636/198177946-e57e0594-5c23-4e78-96d3-5100b01f51e5.png\">\r\n\r\n\r\n### Reproduction\r\n\r\n```js\r\n// config.ts\r\nmarkdown: {\r\n headers: {\r\n level: [0, 0]\r\n },\r\n theme: {\r\n light: 'vitesse-light',\r\n dark: 'vitesse-dark'\r\n }\r\n },\r\n```\r\n\r\n### Expected behavior\r\n\r\nThe code block only render once\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 12.6\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 311.92 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.11.0 - /opt/homebrew/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 8.19.2 - /opt/homebrew/bin/npm\r\n Browsers:\r\n Chrome: 107.0.5304.62\r\n Safari: 15.6.1\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.vuejs.org).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2931],{"name":2932,"color":2933},"build","377ba8",1545,"Code block repeat render !","2023-01-21T14:22:57Z","https://github.com/vuejs/vitepress/issues/1545",0.71831405,{"description":2940,"labels":2941,"number":2943,"owner":2871,"repository":2872,"state":2873,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Describe the bug\n\nPreviously, I matched my document website with the color scheme of the original theme. Now that the new theme has been changed to purple, the overall look has become very unattractive. \r\n\r\nI have two options now: \r\n1. Do not upgrade,\r\n2. Upgrade to fix other issues, but keep the color scheme unchanged.\n\n### Reproduction\n\nN/A\n\n### Expected behavior\n\nHow to keep the color scheme unchanged while upgrading to the latest version?\n\n### System Info\n\n```sh\nN/A\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2942],{"name":2868,"color":2869},2783,"Configure the original theme color scheme","2023-08-21T00:04:11Z","https://github.com/vuejs/vitepress/issues/2783",0.7207359,{"description":2949,"labels":2950,"number":2954,"owner":2871,"repository":2872,"state":2873,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Describe the bug\n\nHere is my configuration\r\nmy website: https://lark-base-team.github.io/js-sdk-docs/\r\n```\r\nimport { defineConfig } from 'vitepress'\r\nimport { getZhSideBar } from './zh-sidebar';\r\nimport { getEnSideBar } from './en-sidebar';\r\n\r\n\r\n// https://vitepress.dev/reference/site-config\r\nexport default defineConfig({\r\n lastUpdated: true,\r\n cleanUrls: true,\r\n base: '/js-sdk-docs/',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n },\r\n head: [\r\n ['link', { rel: 'icon', href: '/js-sdk-docs/logo.svg' }],\r\n ],\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n // sitemap: {\r\n // hostname: 'https://basejsapi.com',\r\n // },\r\n lang: 'zh',\r\n locales: {\r\n zh: {\r\n label: '中文',\r\n lang: 'zh',\r\n dir: '/zh',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n\r\n sidebar: getZhSideBar(),\r\n },\r\n },\r\n en: {\r\n label: 'English',\r\n lang: 'en',\r\n dir: '/en',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/en/api/guide.md' },\r\n ],\r\n sidebar: getEnSideBar(),\r\n },\r\n }\r\n },\r\n})\r\n\r\n```\n\n### Reproduction\n\nlike my config\n\n### Expected behavior\n\nI hope to demonstrate the ability to switch languages.\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 13.6\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 208.28 MB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.2 - ~/.nvm/versions/node/v18.14.2/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 9.5.0 - ~/.nvm/versions/node/v18.14.2/bin/npm\r\n pnpm: 8.7.4 - ~/.nvm/versions/node/v18.14.2/bin/pnpm\r\n Browsers:\r\n Chrome: 118.0.5993.70\r\n Safari: 17.0\r\n npmPackages:\r\n vitepress: 1.0.0-rc.10 => 1.0.0-rc.10\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2951],{"name":2952,"color":2953},"question","5D5FAE",3099,"The homepage lacks the ability to switch languages. ","2023-10-27T00:04:14Z","https://github.com/vuejs/vitepress/issues/3099",0.7254324,{"description":2960,"labels":2961,"number":2963,"owner":2871,"repository":2872,"state":2873,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Describe the bug\n\nWhy does the markdown.theme.xxx theme setting not take effect. I configured the theme for the markdown as follows.\r\n```js\r\nexport default defineConfig({\r\n markdown: {\r\n theme: {\r\n light: 'dark-plus',\r\n dark: 'dark-plus',\r\n }\r\n },\r\n})\r\n````\r\nbut only correctly displayed the theme in dark mode, \r\n\r\n\r\nwhile the background of the code block turned white in light mode. \r\n\r\n\r\n\r\n\r\nWhat I hope is that the background of the code blocks in dark and light modes is black.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vite-axs5w5?file=docs%2F.vitepress%2Fconfig.ts,docs%2Findex.md,docs%2Fexample.md\n\n### Expected behavior\n\nIf I explicitly set `markdown.theme` as only one theme, the color of the code block should be displayed consistently in dark and light modes\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 11 10.0.22621\r\n CPU: (32) x64 AMD Ryzen 9 7945HX with Radeon Graphics\r\n Memory: 19.24 GB / 31.69 GB\r\n Binaries:\r\n Node: 18.18.0 - D:\\myDownload\\nodejs\\node.EXE\r\n npm: 9.8.1 - D:\\myDownload\\nodejs\\npm.CMD\r\n pnpm: 8.7.6 - D:\\myDownload\\nodejs\\pnpm.CMD\r\n Browsers:\r\n Edge: Chromium (119.0.2151.72)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: 1.0.0-rc.31 => 1.0.0-rc.31\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2962],{"name":2868,"color":2869},3261,"The markdown.theme.xxx theme is not displayed correctly in light mode","2023-12-04T00:04:54Z","https://github.com/vuejs/vitepress/issues/3261",0.72965664,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOHsUNQvPWiCDgN-kULjv5Y32UiTWsRPzevzaGv-co6Y":-1},"/vuejs/vitepress/2830"]