\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.",[2889],{"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.7212319,{"description":2896,"labels":2897,"number":2898,"owner":2871,"repository":2872,"state":2873,"title":2899,"updated_at":2900,"url":2901,"score":2902},"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.73200786,{"description":2904,"labels":2905,"number":2907,"owner":2871,"repository":2872,"state":2873,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### 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.",[2906],{"name":2868,"color":2869},3214,"Theme: the title of theme switch","2023-11-25T00:04:33Z","https://github.com/vuejs/vitepress/issues/3214",0.7395134,{"description":2913,"labels":2914,"number":2915,"owner":2871,"repository":2872,"state":2873,"title":2916,"updated_at":2917,"url":2918,"score":2919},"\u003C!--\r\nNOTE:\r\nVitePress is still WIP, and it is not compatible with VuePress.\r\nPlease do not open issue about default theme missing features or something doesn't work like VuePress.\r\n-->\r\n\r\n**Describe the bug**\r\nThe NavBar is transparent and page content makes it difficult to read when scrolling.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n\r\n- Scroll the page on https://vitepress.vuejs.org/ and look at the NavBar.\r\n\r\n**Expected behavior**\r\nThe NavBar should have an opaque background to make it easy to read even when scrolling the page.\r\n\r\n**System Info**\r\n- https://vitepress.vuejs.org/ instance\r\n\r\n**Additional context**\r\nPerhaps changing the `background-color` to a theme variable could do the trick.\r\nhttps://github.com/vuejs/vitepress/blob/cee0b400d95b610fa47ea79007e03221a140084f/src/client/theme-default/components/NavBar.vue#L39",[],268,"NavBar is transparent","2023-01-21T16:22:28Z","https://github.com/vuejs/vitepress/issues/268",0.7402078,{"description":2921,"labels":2922,"number":2924,"owner":2871,"repository":2872,"state":2873,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### 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.",[2923],{"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.74249303,{"description":2930,"labels":2931,"number":2935,"owner":2871,"repository":2872,"state":2873,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### 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.",[2932],{"name":2933,"color":2934},"build","377ba8",1545,"Code block repeat render !","2023-01-21T14:22:57Z","https://github.com/vuejs/vitepress/issues/1545",0.74413747,{"description":2941,"labels":2942,"number":2943,"owner":2871,"repository":2872,"state":2873,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Is your feature request related to a problem? Please describe.\r\n\r\nCurrently, it's a bit hard to hack into VitePress's default theme to make the announcement bar work.\r\nI've had an implementation that extends the default theme but it still has some limitations.\r\n- The navbar is using `fixed` position, so I have to deal with the gap manually, and it's really hard to do so when we can't really deal with the padding / margin top in case the announcement bar cross multiple lines, since the height is dynamic. Some JS is required.\r\n- But if Vitepress can built it in, it's going to be easier since the layout can be changed to suit the built-in announcement bar, which is much better than a plugin-like thing.\r\n\r\n### Describe the solution you'd like\r\n\r\nThe APIs and CSS in Docusaurus look just awesome.\r\nAPI: https://docusaurus.io/docs/api/themes/configuration#announcement-bar\r\nImplementation: [facebook/docusaurus/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/index.tsx](https://github.com/facebook/docusaurus/blob/main/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/index.tsx)\r\n\r\n### Describe alternatives you've considered\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nWould like it to be something like this:\r\n\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.dev).\r\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],4244,"[✨Feature Request]: Built-in `Annoucement Bar` support","2024-10-10T04:44:24Z","https://github.com/vuejs/vitepress/issues/4244",0.7497478,{"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\n1. open url with hash (eg: https://vitejs.dev/plugins/#community-plugins ) in browser;\r\n2. navbar is transparent so we can see content behind the navbar;\r\n\r\n\n\n### Reproduction\n\nopen https://vitejs.dev/plugins/#community-plugins in browser\n\n### Expected behavior\n\nnavbar can cover content and we can not see content behind the navbar.\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 255.67 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.16.0 - /usr/local/bin/node\r\n npm: 9.5.1 - /usr/local/bin/npm\r\n Browsers:\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.",[2951],{"name":2952,"color":2953},"theme","0754FB",2364,"navbar cannot cover content when visit directly on a built site which url is with hash","2023-08-16T00:04:21Z","https://github.com/vuejs/vitepress/issues/2364",0.75722617,["Reactive",2960],{},["Set"],["ShallowReactive",2963],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feFnZCf5vsJHOqi5kVFXxZI__JWkaIqXG1HhkqjtWFz0":-1},"/vuejs/vitepress/3223"]