`)\r\n\r\nI'm currently working on migrating and documenting the excellent Spectre CSS docs and am using Vitepress.\r\n\r\nI'm developing an ejected and modified default theme which has already come some way to solving this problem:\r\n\r\n- [original](https://picturepan2.github.io/spectre/components/menu.html) (custom app)\r\n- [migrated](https://spectre-org.github.io/spectre-docs/docs/components/menu.html) (VitePress with modified default theme)\r\n - note the `vp-doc` formatting which is all Spectre CSS\r\n - some fixed, and some not-yet fixed clashes of general class names\r\n\r\nFor reference to the use case (documenting a 3rd-party framework) here is the raw markdown page:\r\n\r\n- https://raw.githubusercontent.com/spectre-org/spectre-docs/main/docs/components/menu.md\r\n\r\nNote that:\r\n\r\n- Spectre CSS (or any other 3rd-party CSS framework) is now able to be simply \"dropped in\"\r\n- there is no pollution between VitePress and the 3rd-party framework\r\n- VitePress' default components remain fully-styled and work as they were before\r\n- `vp-doc` content can be safely used to demo any 3rd party HTML elements and classes\r\n\r\nI think I know enough to fix the problems in my modified theme and either:\r\n\r\n- publish a new \"neutral\" theme\r\n- port the changes to the default theme (ideal outcome)\r\n\r\nThere's actually not that much work; it's:\r\n\r\n- renaming the general component classes\r\n- moving some `vp-doc` classes to other locations\r\n- creating an additional unstyled entrypoint such as `without-formatting`\r\n\r\n### Describe alternatives you've considered\r\n\r\nPublishing the modified theme standalone, but then of course it would not benefit from ongoing updates.\r\n\r\n### Additional context\r\n\r\nI am proposing a PR in the coming weeks to integrate these updates.\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.",[2882],{"name":2869,"color":2870},3021,"Make the default theme compatible with 3rd-party CSS frameworks","2023-11-06T14:43:58Z","https://github.com/vuejs/vitepress/issues/3021",0.8127741,{"description":2889,"labels":2890,"number":2892,"owner":2872,"repository":2873,"state":2893,"title":2894,"updated_at":2895,"url":2896,"score":2897},"### Describe the bug\n\nWhen i use `isDark` and try to toggle it’s value, theme color of the page is not be changed.\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\n import { useData } from 'vitepress'\r\n\r\n const { isDark } = useData()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cheader class=\"header\">\r\n \u003Ca href=\"#\">LOGO\u003C/a>\r\n \u003Cnav class=\"nav\">\r\n \u003Ca href=\"#\">\r\n \u003C!-- custom theme toggle -->\r\n \u003Cdiv :class=\"isDark ? 'i-ri-sun-line' : 'i-ri-moon-line'\" @click=\"isDark = !isDark\" />\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.",[2891],{"name":2866,"color":2867},2830,"closed","How to toggle dark theme in custom theme?","2023-08-30T00:04:14Z","https://github.com/vuejs/vitepress/issues/2830",0.7417459,{"description":2899,"labels":2900,"number":2904,"owner":2872,"repository":2873,"state":2893,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Describe the bug\n\nWhen entering a page from outside the main index `/`, the hydration fails when trying to access the chunk in [pathToFile](https://github.com/vuejs/vitepress/blob/main/src/client/app/utils.ts#L42) requesting `/assets/docs_quick-reference_index.md.undefined.lean.js` leading to a `Hydration completed but contains mismatches.`\r\n\r\nThe underlying page loads successfully, but any further navigation is broken.\r\n\r\n**NOTE**: This only occurs when there's a trailing slash. \r\n\r\nThe key being used is `docs_quick-reference_index.md`, but the key should be `docs_quick-reference.md`. \r\n\n\n### Reproduction\n\nSet cleanUrls with `with-subfolders` or `without-subfolders`, add a page further down the content tree, build the project, and access it directly from the browser with a trailing slash.\n\n### Expected behavior\n\nThe lookup from `__VP_HASH_MAP__` should be successful and correctly load the lean chunk making the page interactive.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.10 Ubuntu 18.04.6 LTS (Bionic Beaver)\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9900K CPU @ 3.60GHz\r\n Memory: 16.96 GB / 23.44 GB\r\n Container: Yes\r\n Shell: 5.4.2 - /usr/bin/zsh\r\n Binaries:\r\n Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node\r\n Yarn: 1.22.17 - ~/.npm-global/bin/yarn\r\n npm: 8.11.0 - ~/.nvm/versions/node/v16.15.0/bin/npm\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.19 => 1.0.0-alpha.19\n```\n\n\n### Additional context\n\nPossible solution could be to check for both an `index.md` key as well as a stripped key to cover both use cases.\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.",[2901],{"name":2902,"color":2903},"build","377ba8",1442,"CleanUrls with with-subfolders/without-subfolders fails lookup from `__VP_HASH_MAP__` upon trailing slash","2023-01-21T14:17:07Z","https://github.com/vuejs/vitepress/issues/1442",0.7698098,{"description":2910,"labels":2911,"number":2913,"owner":2872,"repository":2873,"state":2893,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### Describe the bug\n\nWhen I search for something in vitejs.dev, the links in search results aren't right.\r\n\r\n\n\n### Reproduction\n\nSearch `commonjsOptions`, the actual link should be `https://vitejs.dev/config/build-options.html#build-commonjsoptions` rather than `https://vitejs.dev/config/#build-commonjsoptions`, it seems like an old link before doing page-split.\r\n\r\n\u003Cimg width=\"972\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5652404/181174804-3a5ba1b5-f70d-4dcb-a8c9-f9571bd44c90.png\">\r\n\n\n### Expected behavior\n\ngive the right link\n\n### System Info\n\n```shell\nMacOS chrome\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.",[2912],{"name":2866,"color":2867},1074,"algolia search link is wrong","2023-01-21T14:30:06Z","https://github.com/vuejs/vitepress/issues/1074",0.78658783,{"description":2919,"labels":2920,"number":2924,"owner":2872,"repository":2873,"state":2893,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Is your feature request related to a problem? Please describe.\n\nHi 👋🏻 \r\n\r\nWe are now moving towards v1 and with the merge of #2727 I would like to purpose another change which makes VitePress more elegant.\r\n\r\nATM, navbar blur on scroll doesn't blend into the content purticularly when it's dark content like code block\r\n\r\n\r\nIf you notices there's thick line clearly separating the navbar and the content.\n\n### Describe the solution you'd like\n\nMaking it more smoother. I don't have words for this but I guess you know how it should look.\n\n### Describe alternatives you've considered\n\nNone\n\n### Additional context\n\nnone\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2921],{"name":2922,"color":2923},"theme","0754FB",2751,"🎨 Improve navbar blur styles","2024-01-07T00:04:57Z","https://github.com/vuejs/vitepress/issues/2751",0.78677785,{"description":2930,"labels":2931,"number":2933,"owner":2872,"repository":2873,"state":2893,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Describe the bug\n\nEven when you set theme.outline = false vitepress still adds class has-aside and therefore content is unnecessary constrained to narrow space\n\n### Reproduction\n\nSet theme.outline to false to hide aside. Even thou it's not displayed it still ocupies space and therefore width of .VPDoc container is the same as with theme.outline\n\n### Expected behavior\n\nWhen aside is hidden it should free up space\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19045\r\n CPU: (12) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz\r\n Memory: 5.57 GB / 15.80 GB\r\n Binaries:\r\n Node: 16.16.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.11 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 9.2.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (109.0.1518.78)\r\n Internet Explorer: 11.0.19041.1566\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.",[2932],{"name":2922,"color":2923},1915,"support disabling aside in themeConfig","2023-02-20T00:04:34Z","https://github.com/vuejs/vitepress/issues/1915",0.78977406,{"description":2939,"labels":2940,"number":2942,"owner":2872,"repository":2873,"state":2893,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Describe the bug\r\n\r\nThe background color for code-fences is currently [set as a CSSvar](https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css#L204=) but then isn't overridden when alternative Shiki themes are used.\r\n\r\n\r\n### Reproduction\r\n\r\n- Set `solarized-light` as a Shiki theme\r\n - `markdown: { theme: 'solarized-light' }` in `.vitepress/config`\r\n- See that the background color for code-fence-blocks doesn't change\r\n\r\n### Expected behavior\r\n\r\nBackground color changes with new themes and works with light/dark-modes.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 12.3.1\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 20.57 GB / 32.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.15.0 - /usr/local/bin/node\r\n Yarn: 1.22.18 - /usr/local/bin/yarn\r\n npm: 8.5.5 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 102.0.5005.61\r\n Firefox: 91.0.2\r\n Safari: 15.4\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n\u003Cimg width=\"592\" alt=\"Screen Shot 2022-06-07 at 07 23 53\" src=\"https://user-images.githubusercontent.com/736895/172302294-204ea1f6-92be-4c18-8fcd-bd7a76c725be.png\">\r\n\r\nExample of `solarized-light` set for the theme\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.",[2941],{"name":2922,"color":2923},734,"Shiki background colors aren't used in code blocks","2023-01-28T00:04:06Z","https://github.com/vuejs/vitepress/issues/734",0.79117465,{"description":2948,"labels":2949,"number":2951,"owner":2872,"repository":2873,"state":2893,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Is your feature request related to a problem? Please describe.\n\nHey, can you expose [`isDark`](https://github.com/vuejs/vitepress/blob/acca3a81c3096e24bff3524fbd3f12a55896c61c/src/client/theme-default/components/VPSwitchAppearance.vue#L7)\r\n\r\nFor example, I use hasClass to get whether there is a dark class in html or directly from storage, they are not responsive\n\n### Describe the solution you'd like\n\nIt may be used to adapt to dark mode when paired with some component libraries, thanks\n\n### Describe alternatives you've considered\n\n_No response_\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2950],{"name":2922,"color":2923},923,"Hey, can you expose `isDark`","2023-01-21T14:32:45Z","https://github.com/vuejs/vitepress/issues/923",0.7937569,{"description":2957,"labels":2958,"number":2960,"owner":2872,"repository":2873,"state":2893,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### 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.",[2959],{"name":2866,"color":2867},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.7947356,["Reactive",2966],{},["Set"],["ShallowReactive",2969],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fllbu1bw6OW4cir6meNmeQ0zk2GC3iHsCN8qGhWqklTU":-1},"/vuejs/vitepress/1446"]