[{"data":1,"prerenderedAt":140},["ShallowReactive",2],{"docs-\u002Ftokens":3},{"doc":4,"all":123},{"id":5,"title":6,"body":7,"description":114,"extension":115,"kicker":116,"meta":117,"navigation":118,"path":119,"seo":120,"stem":121,"__hash__":122},"docs\u002Fdocs\u002F2.tokens.md","Token",{"type":8,"value":9,"toc":110},"minimark",[10,26,65,88,95,101,107],[11,12,13,14,18,19,18,22,25],"p",{},"每个风格在自己的作用域类上定义下面这些变量：",[15,16,17],"code",{},".ui-paper","、",[15,20,21],{},".ui-flat",[15,23,24],{},".ui-term","。",[11,27,28,31,32,31,35,31,38,31,41,31,44,31,47,31,50,31,53,31,56,31,59,31,62],{},[15,29,30],{},"--ui-bg"," ",[15,33,34],{},"--ui-fg",[15,36,37],{},"--ui-muted",[15,39,40],{},"--ui-faint",[15,42,43],{},"--ui-line",[15,45,46],{},"--ui-accent",[15,48,49],{},"--ui-font-display",[15,51,52],{},"--ui-font-text",[15,54,55],{},"--ui-font-meta",[15,57,58],{},"--ui-ease",[15,60,61],{},"--ui-dur",[15,63,64],{},"--ui-radius",[11,66,67,68,71,72,75,76,79,80,83,84,87],{},"颜色用 ",[15,69,70],{},"light-dark()","，跟随系统。在自己或祖先上写 ",[15,73,74],{},"data-theme=\"light\""," 或 ",[15,77,78],{},"data-theme=\"dark\""," 可以强制。页头的 light \u002F dark 就是在改 ",[15,81,82],{},"\u003Chtml>"," 的 ",[15,85,86],{},"data-theme","，下面三块会一起变。",[11,89,90,91,94],{},"作用域是一个类，不是全局。一块区域写上 ",[15,92,93],{},"class=\"ui-term\"","，那一块就是终端，可以和别的风格放在同一页。",[11,96,97,98,25],{},"只想要 token、不用组件，单独引 ",[15,99,100],{},"@froq\u002Fui\u002F\u003Cstyle>\u002Ftokens.css",[11,102,103,106],{},[15,104,105],{},"pnpm check:tokens"," 会检查每个风格都定义了全部变量。",[108,109],"token-board",{},{"title":111,"searchDepth":112,"depth":112,"links":113},"",2,[],"十二个变量。风格只换这些值，组件不认识别的颜色和字体。","md","文档",{},true,"\u002Fdocs\u002Ftokens",{"title":6,"description":114},"docs\u002F2.tokens","fjWQkCjZpHAC7_i7JNjF0nyJxaf6eWzvomCgn-JL1Mg",[124,127,130,131,134,137],{"path":125,"title":126},"\u002Fdocs","概览",{"path":128,"title":129},"\u002Fdocs\u002Finstall","安装",{"path":119,"title":6},{"path":132,"title":133},"\u002Fdocs\u002Fpaper","paper",{"path":135,"title":136},"\u002Fdocs\u002Fflat","flat",{"path":138,"title":139},"\u002Fdocs\u002Fterm","term",1790678285132]