[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"navigation_docs":3,"diagnostic-content-SHAD0002":44},[4,8,12,16,20,24,28,32,36,40],{"title":5,"path":6,"stem":7},"CLI","\u002Fcli","1.cli",{"title":9,"path":10,"stem":11},"Nuxt","\u002Fnuxt","2.nuxt",{"title":13,"path":14,"stem":15},"Vue","\u002Fvue","3.vue",{"title":17,"path":18,"stem":19},"Vite","\u002Fvite","4.vite",{"title":21,"path":22,"stem":23},"Nitro","\u002Fnitro","5.nitro",{"title":25,"path":26,"stem":27},"TypeScript","\u002Ftypescript","6.typescript",{"title":29,"path":30,"stem":31},"shadcn","\u002Fshadcn","7.shadcn",{"title":33,"path":34,"stem":35},"Package","\u002Fpackage","8.package",{"title":37,"path":38,"stem":39},"Extending Doctor","\u002Fextending","9.extending",{"title":41,"path":42,"stem":43},"Pinia","\u002Fpinia","9.pinia",{"id":45,"title":46,"body":47,"category":53,"code":202,"description":203,"docsUrl":54,"extension":204,"fix":77,"framework":29,"meta":205,"navigation":206,"pack":56,"path":207,"ruleId":57,"rulePath":58,"seo":208,"severity":59,"source":60,"sourceUrl":61,"stem":209,"why":70,"__hash__":210},"diagnostics\u002Fdiagnostics\u002FSHAD0002.md","SHAD0002: Use design-system color tokens",{"type":48,"value":49,"toc":190},"minimark",[50,62,67,71,75,78,82,87,90,107,110,119,123,126,158,162,174,178,186],[51,52],"rule-metadata",{"category":53,"docsUrl":54,"fix":55,"pack":56,"ruleId":57,"rulePath":58,"severity":59,"source":60,"sourceUrl":61},"ui","https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Flint\u002Fblob\u002Fmain\u002Fdocs\u002Frules\u002Fno-raw-colors.md","suggestion","vite-doctor\u002Fshadcn","shadcn\u002Fno-raw-colors","\u002Fshadcn\u002Frules\u002Fui\u002Fno-raw-colors","warn","src\u002Frule-packs\u002Fshadcn\u002Frules\u002Findex.ts","https:\u002F\u002Fgithub.com\u002Fonmax\u002Fvite-doctor\u002Fblob\u002Fmain\u002Fsrc\u002Frule-packs\u002Fshadcn\u002Frules\u002Findex.ts",[63,64,66],"h2",{"id":65},"why-it-happens","Why it happens",[68,69,70],"p",{},"Raw palette colors and literal SVG colors bypass the project's theme. Checking undeclared color tokens and suggesting theme replacements requires a readable theme; without one, those checks are unavailable.",[63,72,74],{"id":73},"fix","Fix",[68,76,77],{},"Use a color token declared by the theme. For SVG, use currentColor with a theme color class or reference a theme variable.",[63,79,81],{"id":80},"example","Example",[83,84,86],"h3",{"id":85},"inherit-the-svg-color-without-theme-lookup","Inherit the SVG color without theme lookup",[68,88,89],{},"Before",[91,92,97],"pre",{"className":93,"code":94,"language":95,"meta":96,"style":96},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Csvg>\u003Cpath fill=\"#ec4899\" d=\"M0 0h10v10H0z\" \u002F>\u003C\u002Fsvg>\n","tsx","",[98,99,100],"code",{"__ignoreMap":96},[101,102,105],"span",{"class":103,"line":104},"line",1,[101,106,94],{},[68,108,109],{},"After",[91,111,113],{"className":93,"code":112,"language":95,"meta":96,"style":96},"\u003Csvg>\u003Cpath fill=\"currentColor\" d=\"M0 0h10v10H0z\" \u002F>\u003C\u002Fsvg>\n",[98,114,115],{"__ignoreMap":96},[101,116,117],{"class":103,"line":104},[101,118,112],{},[63,120,122],{"id":121},"verify-the-fix","Verify the fix",[68,124,125],{},"Run only this rule after editing so the report stays focused on the diagnostic you are closing:",[91,127,131],{"className":128,"code":129,"language":130,"meta":96,"style":96},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm vite-doctor . --extends shadcn\u002Fstrict --rules shadcn\u002Fno-raw-colors\n","bash",[98,132,133],{"__ignoreMap":96},[101,134,135,139,143,146,149,152,155],{"class":103,"line":104},[101,136,138],{"class":137},"sBMFI","pnpm",[101,140,142],{"class":141},"sfazB"," vite-doctor",[101,144,145],{"class":141}," .",[101,147,148],{"class":141}," --extends",[101,150,151],{"class":141}," shadcn\u002Fstrict",[101,153,154],{"class":141}," --rules",[101,156,157],{"class":141}," shadcn\u002Fno-raw-colors\n",[63,159,161],{"id":160},"useful-links","Useful links",[163,164,165],"ul",{},[166,167,168],"li",{},[169,170,173],"a",{"href":54,"rel":171},[172],"nofollow","Upstream docs",[63,175,177],{"id":176},"related-rule","Related rule",[163,179,180],{},[166,181,182],{},[169,183,184],{"href":58},[98,185,57],{},[187,188,189],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":96,"searchDepth":191,"depth":191,"links":192},2,[193,194,195,199,200,201],{"id":65,"depth":191,"text":66},{"id":73,"depth":191,"text":74},{"id":80,"depth":191,"text":81,"children":196},[197],{"id":85,"depth":198,"text":86},3,{"id":121,"depth":191,"text":122},{"id":160,"depth":191,"text":161},{"id":176,"depth":191,"text":177},"SHAD0002","Prefer theme colors over raw color values.","md",{},true,"\u002Fdiagnostics\u002Fshad0002",{"title":46,"description":203},"diagnostics\u002FSHAD0002","2NBV5wsJwIhFo3dhs_EfnE_2q-9sjWWw4SzUt3sVdXE",1791309506527]