\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.",[2908],{"name":2868,"color":2869},2830,"How to toggle dark theme in custom theme?","2023-08-30T00:04:14Z","https://github.com/vuejs/vitepress/issues/2830",0.6962049,{"description":2915,"labels":2916,"number":2918,"owner":2871,"repository":2872,"state":2873,"title":2919,"updated_at":2920,"url":2921,"score":2922},"### Describe the bug\n\nOn https://vitepress.dev/guide/mpa-mode, the documentation says:\n\n> all pages are rendered without any JavaScript included by default\n\nBut that's not the case, this block of code is unconditionally included\n\n```html\n\u003Cscript id=\"check-mac-os\">document.documentElement.classList.toggle(\"mac\",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));\u003C/script>\n```\n\nI don't think there is a way to disable this functionality, outside of doing cursed stuff like\n\n```javascript\nconst head = []\nhead.push = () => {}\n\ndefineConfig({\n ...,\n head,\n})\n```\n\nWhich I imagine isn't exactly supported.\n\n### Reproduction\n\nCreate a website with `mpa: true` and \"Custom Theme\" theme.\n\n### Expected behavior\n\nThere shouldn't be any JavaScript.\n\n### System Info\n\n```Text\nSystem:\n OS: Linux 6.12 cpe:/o:nixos:nixos:25.11 25.11 (Xantusia)\n CPU: (12) x64 AMD Ryzen 5 7640U w/ Radeon 760M Graphics\n Memory: 4.19 GB / 30.66 GB\n Container: Yes\n Shell: 5.2.37 - /nix/store/1q9lw4r2mbap8rsr8cja46nap6wvrw2p-bash-interactive-5.2p37/bin/bash\n Binaries:\n Node: 22.14.0 - /nix/store/c8jxsih8yy2rnncdmx2hyraizf689nvp-nodejs-22.14.0/bin/node\n npm: 10.9.2 - /nix/store/c8jxsih8yy2rnncdmx2hyraizf689nvp-nodejs-22.14.0/bin/npm\n npmPackages:\n vitepress: ^1.6.3 => 1.6.3\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.",[2917],{"name":2868,"color":2869},4766,"MPA claims to be no-JS-by-default, but isn't, and there is no real way to make it no-JS","2025-05-29T08:35:15Z","https://github.com/vuejs/vitepress/issues/4766",0.69909453,{"description":2924,"labels":2925,"number":2927,"owner":2871,"repository":2872,"state":2873,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Describe the bug\n\n1. When in MPA mode, Normal in development mode, no outline in production environment:\r\n\r\nLocal use: pnpm exec vitepress dev dist --mpa\r\n\r\n\r\non linux server use : pnpm exec vitepress build dist --mpa\r\n\r\n\n\n### Reproduction\n\nwindows 10\r\n\r\nC:\\Users\\test\\Desktop\\tmp>node -v\r\nv18.16.1\r\n\r\nC:\\Users\\test\\Desktop\\tmp>npm -v\r\n9.5.1\r\n\r\nvitepress version: 1.0.0 beta.3\n\n### Expected behavior\n\nwindows 10\r\n\r\nC:\\Users\\test\\Desktop\\tmp>node -v\r\nv18.16.1\r\n\r\nC:\\Users\\test\\Desktop\\tmp>npm -v\r\n9.5.1\r\n\r\nvitepress version: 1.0.0 beta.3\n\n### System Info\n\n```sh\nwindows 10\r\n\r\nC:\\Users\\test\\Desktop\\tmp>node -v\r\nv18.16.1\r\n\r\nC:\\Users\\test\\Desktop\\tmp>npm -v\r\n9.5.1\r\n\r\nvitepress version: 1.0.0 beta.3\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.",[2926],{"name":2868,"color":2869},2552,"MPA MODE BUGS","2023-07-05T00:05:12Z","https://github.com/vuejs/vitepress/issues/2552",0.7022258,{"description":2933,"labels":2934,"number":2936,"owner":2871,"repository":2872,"state":2873,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\n\n\r\n\n\n### Reproduction\n\nAs described above\n\n### Expected behavior\n\nAs described above\n\n### System Info\n\n```shell\nAs described above\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.",[2935],{"name":2868,"color":2869},2168,"maybe copy button color too dark in code block with light background","2023-04-07T00:04:06Z","https://github.com/vuejs/vitepress/issues/2168",0.70924336,{"description":2942,"labels":2943,"number":2944,"owner":2871,"repository":2872,"state":2873,"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.71220154,{"description":2950,"labels":2951,"number":2953,"owner":2871,"repository":2872,"state":2873,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### 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.",[2952],{"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.7149682,["Reactive",2959],{},["Set"],["ShallowReactive",2962],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqNC8dRcNDWWJ0DNmBKHw0WmjZKMglpOjlhogI6wcXKw":-1},"/vuejs/vitepress/2092"]