\r\n \u003C/a>\r\n \u003C/nav>\r\n \u003C/header>\r\n\u003C/template>\r\n```\r\n\r\n\n\n### Reproduction\n\n\r\nhttps://github.com/vuejs/vitepress/assets/36221207/cb78fbb6-8ae3-482e-8c37-063fcc7e441d\r\n\r\n\n\n### Expected behavior\n\nA way to switch themes in a custom theme:\r\n\r\nThe theme color of the page switches automatically when the isDark value is changed.\r\n\r\nOr provide a method to actively modify.\r\n\r\nThanks❤️\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 45.83 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 16.17.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.1.2 - /usr/local/bin/npm\r\n pnpm: 8.6.12 - /usr/local/bin/pnpm\r\n Browsers:\r\n Chrome: 116.0.5845.96\r\n Safari: 16.4\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.",[2884],{"name":2868,"color":2869},2830,"closed","How to toggle dark theme in custom theme?","2023-08-30T00:04:14Z","https://github.com/vuejs/vitepress/issues/2830",0.6484824,{"description":2892,"labels":2893,"number":2895,"owner":2874,"repository":2875,"state":2886,"title":2896,"updated_at":2897,"url":2898,"score":2899},"### 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.",[2894],{"name":2868,"color":2869},2783,"Configure the original theme color scheme","2023-08-21T00:04:11Z","https://github.com/vuejs/vitepress/issues/2783",0.6539317,{"description":2901,"labels":2902,"number":2904,"owner":2874,"repository":2875,"state":2886,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### 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.",[2903],{"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.67469525,{"description":2910,"labels":2911,"number":2915,"owner":2874,"repository":2875,"state":2886,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### 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.",[2912],{"name":2913,"color":2914},"build","377ba8",1545,"Code block repeat render !","2023-01-21T14:22:57Z","https://github.com/vuejs/vitepress/issues/1545",0.6779498,{"description":2921,"labels":2922,"number":2927,"owner":2874,"repository":2875,"state":2886,"title":2928,"updated_at":2929,"url":2930,"score":2931},"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.",[2923,2926],{"name":2924,"color":2925},"theme","0754FB",{"name":2871,"color":2872},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.6846015,{"description":2933,"labels":2934,"number":2936,"owner":2874,"repository":2875,"state":2886,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\n\nCurrently, the title of the theme switch is `toggle dark mode` whether in light mode or dark mode.\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://vitepress.dev/guide/getting-started\n\n### Expected behavior\n\nIn light mode, the title should be `toggle dark mode`; in dark mode, the title should be `toggle light mode`\n\n### System Info\n\n```Text\nBoth in Mac or Windows\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.",[2935],{"name":2868,"color":2869},3214,"Theme: the title of theme switch","2023-11-25T00:04:33Z","https://github.com/vuejs/vitepress/issues/3214",0.6848996,{"description":2942,"labels":2943,"number":2944,"owner":2874,"repository":2875,"state":2886,"title":2945,"updated_at":2946,"url":2947,"score":2948},"Hello,\r\n\r\nFirst of all, i want to say, I absolutely love Vitepress! I built an application with it that showcases our company's documentation (coding guidelines etc) but also a style guide where we showcase for example our reusable Vue components (that Vue components work out of the box was thrilling to discover!).\r\n\r\nFor this style-guide I also (next to the default Vitepress styles/theme) load our own .css file that contains our global styles. This works fine in light mode, except when i view the application in dark mode it clashes cause our global styles set a fixed `color: black` on for example `\u003Cp>` tags, so then you get black text on a black/dark background. So i've been looking for a way to force light mode in our Vitepress application.\r\n\r\nIn the documentation i only found that you can force dark mode, or that you can take the preferred color scheme of the user, and that you can remove the \"Switch dark/light mode\" toggle (i am guessing it then also takes the preferred color scheme of the user). by using the `appearance` boolean. \r\n\r\nI think for my use-case i'd need a 4th option, to force light mode. Is it possible to add this? And then i'd also need to hide or remove the dark/light mode toggle so users can't choose dark mode.\r\n\r\nThanks in advance!\r\n\r\nI am on \"vitepress\": \"^1.0.0-alpha.27\"",[],1600,"Is it possible to force light-mode?","2023-01-21T14:20:47Z","https://github.com/vuejs/vitepress/issues/1600",0.6889704,{"description":2950,"labels":2951,"number":2953,"owner":2874,"repository":2875,"state":2886,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Describe the bug\n\n\u003Cimg width=\"269\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/61684763/10622fbc-efb0-4dbd-a342-5c4e73ed04a0\">\r\n\u003Cimg width=\"1272\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/61684763/42577ef3-634d-459e-bf05-97ada3afef7b\">\r\n以前旧版本是没有这个问题的。升级后才有的。\n\n### Reproduction\n\n升级vitepress打包部署后出现的\n\n### Expected behavior\n\n望能修复正常\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.4.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 57.69 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v16.14.0/bin/yarn\r\n npm: 9.8.0 - ~/.nvm/versions/node/v16.14.0/bin/npm\r\n Watchman: 2023.03.27.00 - /opt/homebrew/bin/watchman\r\n Browsers:\r\n Chrome: 115.0.5790.170\r\n Safari: 16.5.2\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.",[2952],{"name":2868,"color":2869},2772,"升级vitepress后部署到阿里云服务器后,刷新页面会404","2023-08-18T00:04:13Z","https://github.com/vuejs/vitepress/issues/2772",0.6938722,{"description":2959,"labels":2960,"number":2962,"owner":2874,"repository":2875,"state":2886,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Describe the bug\n\nLastUpdated display 'en' time when default lang is 'zh-CN'.\r\n\r\nJust like this\r\n\r\n\n\n### Reproduction\n\n1. config `.vitepress/config.ts` like this.\r\n```ts\r\nimport { defineConfig } from 'vitepress'\r\n\r\nexport default defineConfig({\r\n lang: 'zh-CN',\r\n base: '/docs/',\r\n lastUpdated: true,\r\n themeConfig: {\r\n docsBranch: 'master',\r\n lastUpdated: '最后更新时间',\r\n }, \r\n})\r\n```\r\n2. Run `yarn build:docs`.\n\n### Expected behavior\n\nExpected to show `2022-5-27 16:06:35`.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.4\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 1.02 GB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 14.17.3 - /usr/local/bin/node\r\n Yarn: 1.22.10 - ~/.npm-global/bin/yarn\r\n npm: 6.14.13 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 102.0.5005.61\r\n Firefox: 94.0.1\r\n Safari: 15.5\r\n npmPackages:\r\n vitepress: ^0.22.4 => 0.22.4\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.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2961],{"name":2924,"color":2925},668,"LastUpdated display 'en' time when default lang is 'zh-CN'","2023-01-21T14:35:43Z","https://github.com/vuejs/vitepress/issues/668",0.6987091,["Reactive",2968],{},["Set"],["ShallowReactive",2971],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxu2asduH8w7itpXzVgC3JETdwQ4WRo2erp2LD4D9YZk":-1},"/vuejs/vitepress/3341"]