\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.",[3196],{"name":3146,"color":3147},2830,"How to toggle dark theme in custom theme?","2023-08-30T00:04:14Z","https://github.com/vuejs/vitepress/issues/2830",0.6962049,{"description":3203,"labels":3204,"number":3206,"owner":3149,"repository":3150,"state":3161,"title":3207,"updated_at":3208,"url":3209,"score":3210},"### 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.",[3205],{"name":3146,"color":3147},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":3212,"labels":3213,"number":3215,"owner":3149,"repository":3150,"state":3161,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### 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.",[3214],{"name":3146,"color":3147},2552,"MPA MODE BUGS","2023-07-05T00:05:12Z","https://github.com/vuejs/vitepress/issues/2552",0.7022258,{"description":3221,"labels":3222,"number":3224,"owner":3149,"repository":3150,"state":3161,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### 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.",[3223],{"name":3146,"color":3147},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":3230,"labels":3231,"number":3232,"owner":3149,"repository":3150,"state":3161,"title":3233,"updated_at":3234,"url":3235,"score":3236},"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,["Reactive",3238],{},["Set"],["ShallowReactive",3241],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fqNC8dRcNDWWJ0DNmBKHw0WmjZKMglpOjlhogI6wcXKw":-1},"/vuejs/vitepress/2092"]