[{"data":1,"prerenderedAt":137},["ShallowReactive",2],{"navigation_docs":3,"-getting-started":49,"-getting-started-surround":134},[4,14,32,45],{"title":5,"path":6,"stem":7,"children":8},"Introduction","/getting-started","1.getting-started/1.index",[9,10],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17,"children":18,"page":31},"Usage","/usage","2.usage",[19,23,27],{"title":20,"path":21,"stem":22},"Basic Usage","/usage/basic","2.usage/1.basic",{"title":24,"path":25,"stem":26},"Force Color Mode","/usage/force-mode","2.usage/2.force-mode",{"title":28,"path":29,"stem":30},"Configuration","/usage/configuration","2.usage/3.configuration",false,{"title":33,"path":34,"stem":35,"children":36,"page":31},"Advanced","/advanced","3.advanced",[37,41],{"title":38,"path":39,"stem":40},"Caveats","/advanced/caveats","3.advanced/1.caveats",{"title":42,"path":43,"stem":44},"Migration Guide","/advanced/migration","3.advanced/2.migration",{"title":46,"path":47,"stem":48},"Contributing","/contributing","4.contributing",{"id":50,"title":5,"body":51,"description":57,"extension":128,"links":129,"meta":130,"navigation":131,"path":6,"seo":132,"stem":7,"__hash__":133},"docs/1.getting-started/1.index.md",{"type":52,"value":53,"toc":122},"minimark",[54,58,63,103,107],[55,56,57],"p",{},"Dark and light mode with auto detection made easy with Nuxt 🌗",[59,60,62],"h2",{"id":61},"features","Features",[64,65,66,79,82,85,95],"ul",{},[67,68,69,70,74,75,78],"li",{},"Add a configurable ",[71,72,73],"code",{},".${color}"," class to ",[71,76,77],{},"\u003Chtml>"," for easy CSS theming",[67,80,81],{},"Force a page to a specific color mode (perfect for incremental development)",[67,83,84],{},"Works with client-side and universal rendering",[67,86,87,88],{},"Works out of the box with ",[89,90,94],"a",{"href":91,"rel":92},"https://github.com/nuxt-modules/tailwindcss",[93],"nofollow","@nuxtjs/tailwindcss",[67,96,97,98],{},"Auto detect system ",[89,99,102],{"href":100,"rel":101},"https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-mode",[93],"color-mode",[59,104,106],{"id":105},"live-demo","Live Demo",[55,108,109,110,115,116,121],{},"Check out the ",[89,111,114],{"href":112,"rel":113},"https://color-mode.nuxt.dev/",[93],"online demo"," and ",[89,117,120],{"href":118,"rel":119},"https://github.com/nuxt-modules/color-mode/tree/main/playground",[93],"source code",".",{"title":123,"searchDepth":124,"depth":124,"links":125},"",2,[126,127],{"id":61,"depth":124,"text":62},{"id":105,"depth":124,"text":106},"md",null,{},true,{"title":5,"description":57},"FgQMkcuXFK91dDkZUXRS60p4WLJpAR2_-REmgi-3u0c",[129,135],{"title":11,"path":12,"stem":13,"description":136,"children":-1},"Learn how to install and configure Nuxt Color Mode",1770815682455]