[{"data":1,"prerenderedAt":1360},["ShallowReactive",2],{"mobile-docs-navigation":3,"docs-page:\u002Fzh\u002Fadvanced\u002Fthemes-and-styling":92,"docs-navigation:zh":1337},[4,8,12,16,34,38,47],{"title":5,"path":6,"stem":7},"Getting Started","\u002Fgetting-started","2.getting-started",{"title":9,"path":10,"stem":11},"Writing Diagrams","\u002Fwriting-diagrams","3.writing-diagrams",{"title":13,"path":14,"stem":15},"Configuration","\u002Fconfiguration","4.configuration",{"title":17,"path":18,"stem":19,"children":20,"page":33},"Advanced","\u002Fadvanced","5.advanced",[21,25,29],{"title":22,"path":23,"stem":24},"Themes and Styling","\u002Fadvanced\u002Fthemes-and-styling","5.advanced\u002F1.themes-and-styling",{"title":26,"path":27,"stem":28},"Custom Rendering","\u002Fadvanced\u002Fcustom-rendering","5.advanced\u002F2.custom-rendering",{"title":30,"path":31,"stem":32},"Interactions","\u002Fadvanced\u002Finteractions","5.advanced\u002F3.interactions",false,{"title":35,"path":36,"stem":37},"Troubleshooting","\u002Ftroubleshooting","6.troubleshooting",{"title":39,"path":40,"stem":41,"children":42,"page":33},"Migration","\u002Fmigration","7.migration",[43],{"title":44,"path":45,"stem":46},"Migration to v3","\u002Fmigration\u002Fv3","7.migration\u002F1.v3",{"title":48,"path":49,"stem":50,"children":51,"page":33},"Zh","\u002Fzh","zh",[52,56,60,64,80,84],{"title":53,"path":54,"stem":55},"開始使用","\u002Fzh\u002Fgetting-started","zh\u002F2.getting-started",{"title":57,"path":58,"stem":59},"撰寫圖表","\u002Fzh\u002Fwriting-diagrams","zh\u002F3.writing-diagrams",{"title":61,"path":62,"stem":63},"設定","\u002Fzh\u002Fconfiguration","zh\u002F4.configuration",{"title":17,"path":65,"stem":66,"children":67,"page":33},"\u002Fzh\u002Fadvanced","zh\u002F5.advanced",[68,72,76],{"title":69,"path":70,"stem":71},"主題與樣式","\u002Fzh\u002Fadvanced\u002Fthemes-and-styling","zh\u002F5.advanced\u002F1.themes-and-styling",{"title":73,"path":74,"stem":75},"自訂渲染","\u002Fzh\u002Fadvanced\u002Fcustom-rendering","zh\u002F5.advanced\u002F2.custom-rendering",{"title":77,"path":78,"stem":79},"互動","\u002Fzh\u002Fadvanced\u002Finteractions","zh\u002F5.advanced\u002F3.interactions",{"title":81,"path":82,"stem":83},"疑難排解","\u002Fzh\u002Ftroubleshooting","zh\u002F6.troubleshooting",{"title":39,"path":85,"stem":86,"children":87,"page":33},"\u002Fzh\u002Fmigration","zh\u002F7.migration",[88],{"title":89,"path":90,"stem":91},"升級至 v3","\u002Fzh\u002Fmigration\u002Fv3","zh\u002F7.migration\u002F1.v3",{"id":93,"title":69,"body":94,"config":1331,"description":1332,"extension":1333,"meta":1334,"navigation":317,"path":70,"seo":1335,"stem":71,"__hash__":1336},"docs\u002Fzh\u002F5.advanced\u002F1.themes-and-styling.md",{"type":95,"value":96,"toc":1319},"minimark",[97,100,113,117,120,206,221,224,231,442,476,483,486,494,569,617,620,623,654,673,692,695,707,756,759,762,765,978,983,1097,1101,1209,1212,1304,1315],[98,99,69],"h1",{"id":69},[101,102,103,104,107,108,112],"p",{},"內建渲染器會在每次渲染時解析 Mermaid 主題，並為外層控制項提供 CSS 變數。",[105,106],"br",{},"\n主題名稱影響 Mermaid SVG 輸出；",[109,110,111],"code",{},"--ncm-*"," 變數則影響本模組的外層容器、工具列、覆蓋層與縮放介面。",[114,115,116],"h2",{"id":116},"設定淺色與深色預設值",[101,118,119],{},"設定由自動色彩模式與保留手動策略選用的主題：",[121,122,127],"pre",{"className":123,"code":124,"language":125,"meta":126,"style":126},"language-ts shiki shiki-themes github-light github-dark-high-contrast","export default defineNuxtConfig({\n  contentMermaid: {\n    theme: {\n      light: 'default',\n      dark: 'dark',\n    },\n  },\n})\n","ts","",[109,128,129,149,156,162,175,186,192,200],{"__ignoreMap":126},[130,131,134,138,141,145],"span",{"class":132,"line":133},"line",1,[130,135,137],{"class":136},"s-kum","export",[130,139,140],{"class":136}," default",[130,142,144],{"class":143},"s_Opv"," defineNuxtConfig",[130,146,148],{"class":147},"sjV9Q","({\n",[130,150,152],{"class":132,"line":151},2,[130,153,155],{"class":154},"skGVy","  contentMermaid: {\n",[130,157,159],{"class":132,"line":158},3,[130,160,161],{"class":154},"    theme: {\n",[130,163,165,168,172],{"class":132,"line":164},4,[130,166,167],{"class":154},"      light: ",[130,169,171],{"class":170},"srMev","'default'",[130,173,174],{"class":154},",\n",[130,176,178,181,184],{"class":132,"line":177},5,[130,179,180],{"class":154},"      dark: ",[130,182,183],{"class":170},"'dark'",[130,185,174],{"class":154},[130,187,189],{"class":132,"line":188},6,[130,190,191],{"class":154},"    },\n",[130,193,195,198],{"class":132,"line":194},7,[130,196,197],{"class":154},"  }",[130,199,174],{"class":147},[130,201,203],{"class":132,"line":202},8,[130,204,205],{"class":147},"})\n",[101,207,208,209,212,213,216,217,220],{},"預設為 ",[109,210,211],{},"light: 'default'"," 與 ",[109,214,215],{},"dark: 'dark'","。已棄用的 ",[109,218,219],{},"theme.useColorModeTheme"," 鍵沒有作用。",[114,222,223],{"id":223},"手動控制主題",[101,225,226,227,230],{},"模組啟用後，",[109,228,229],{},"useMermaidTheme()"," 可由 Nuxt 自動匯入。 它回傳應用程式範圍的響應式狀態與方法：",[121,232,236],{"className":233,"code":234,"language":235,"meta":126,"style":126},"language-vue shiki shiki-themes github-light github-dark-high-contrast","\u003Cscript setup lang=\"ts\">\nconst {\n  currentTheme,\n  setMermaidTheme,\n  getMermaidTheme,\n  resetMermaidTheme,\n} = useMermaidTheme()\n\nfunction toggleDiagramTheme() {\n  setMermaidTheme(currentTheme.value === 'dark' ? 'light' : 'dark')\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"toggleDiagramTheme\">\n    切換圖表主題\n  \u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n","vue",[109,237,238,263,271,279,286,293,300,313,319,331,359,365,375,380,390,417,423,433],{"__ignoreMap":126},[130,239,240,243,247,251,254,257,260],{"class":132,"line":133},[130,241,242],{"class":154},"\u003C",[130,244,246],{"class":245},"sx1sP","script",[130,248,250],{"class":249},"sHg5J"," setup",[130,252,253],{"class":249}," lang",[130,255,256],{"class":154},"=",[130,258,259],{"class":170},"\"ts\"",[130,261,262],{"class":154},">\n",[130,264,265,268],{"class":132,"line":151},[130,266,267],{"class":136},"const",[130,269,270],{"class":154}," {\n",[130,272,273,277],{"class":132,"line":158},[130,274,276],{"class":275},"sP0c6","  currentTheme",[130,278,174],{"class":154},[130,280,281,284],{"class":132,"line":164},[130,282,283],{"class":275},"  setMermaidTheme",[130,285,174],{"class":154},[130,287,288,291],{"class":132,"line":177},[130,289,290],{"class":275},"  getMermaidTheme",[130,292,174],{"class":154},[130,294,295,298],{"class":132,"line":188},[130,296,297],{"class":275},"  resetMermaidTheme",[130,299,174],{"class":154},[130,301,302,305,307,310],{"class":132,"line":194},[130,303,304],{"class":154},"} ",[130,306,256],{"class":136},[130,308,309],{"class":143}," useMermaidTheme",[130,311,312],{"class":154},"()\n",[130,314,315],{"class":132,"line":202},[130,316,318],{"emptyLinePlaceholder":317},true,"\n",[130,320,322,325,328],{"class":132,"line":321},9,[130,323,324],{"class":136},"function",[130,326,327],{"class":143}," toggleDiagramTheme",[130,329,330],{"class":154},"() {\n",[130,332,334,336,339,342,345,348,351,354,356],{"class":132,"line":333},10,[130,335,283],{"class":143},[130,337,338],{"class":154},"(currentTheme.value ",[130,340,341],{"class":136},"===",[130,343,344],{"class":170}," 'dark'",[130,346,347],{"class":136}," ?",[130,349,350],{"class":170}," 'light'",[130,352,353],{"class":136}," :",[130,355,344],{"class":170},[130,357,358],{"class":154},")\n",[130,360,362],{"class":132,"line":361},11,[130,363,364],{"class":154},"}\n",[130,366,368,371,373],{"class":132,"line":367},12,[130,369,370],{"class":154},"\u003C\u002F",[130,372,246],{"class":245},[130,374,262],{"class":154},[130,376,378],{"class":132,"line":377},13,[130,379,318],{"emptyLinePlaceholder":317},[130,381,383,385,388],{"class":132,"line":382},14,[130,384,242],{"class":154},[130,386,387],{"class":245},"template",[130,389,262],{"class":154},[130,391,393,396,399,402,404,407,410,412,415],{"class":132,"line":392},15,[130,394,395],{"class":154},"  \u003C",[130,397,398],{"class":245},"button",[130,400,401],{"class":249}," type",[130,403,256],{"class":154},[130,405,406],{"class":170},"\"button\"",[130,408,409],{"class":249}," @click",[130,411,256],{"class":154},[130,413,414],{"class":170},"\"toggleDiagramTheme\"",[130,416,262],{"class":154},[130,418,420],{"class":132,"line":419},16,[130,421,422],{"class":154},"    切換圖表主題\n",[130,424,426,429,431],{"class":132,"line":425},17,[130,427,428],{"class":154},"  \u003C\u002F",[130,430,398],{"class":245},[130,432,262],{"class":154},[130,434,436,438,440],{"class":132,"line":435},18,[130,437,370],{"class":154},[130,439,387],{"class":245},[130,441,262],{"class":154},[443,444,445,456,466],"ul",{},[446,447,448,451,452,455],"li",{},[109,449,450],{},"currentTheme"," 是包含手動覆寫值的響應式 ",[109,453,454],{},"Ref","；它表示目前手動模式，不一定等於最後傳給 Mermaid 的實際主題名稱。",[446,457,458,461,462,465],{},[109,459,460],{},"setMermaidTheme(mode)"," 用來設定它；",[109,463,464],{},"getMermaidTheme()"," 回傳它。",[446,467,468,471,472,475],{},[109,469,470],{},"resetMermaidTheme()"," 等同於 ",[109,473,474],{},"setMermaidTheme(null)","。",[101,477,478,479,482],{},"傳入 ",[109,480,481],{},"null"," 可回到自動選擇。請不要從套件根目錄匯入這個組合式函式（composable）；Nuxt 會自動匯入它。",[114,484,485],{"id":485},"區分策略與主題名稱",[101,487,488,212,491,493],{},[109,489,490],{},"'light'",[109,492,183],{}," 是保留策略，不是一般的直接主題名稱值：",[495,496,497,510],"table",{},[498,499,500],"thead",{},[501,502,503,507],"tr",{},[504,505,506],"th",{},"手動值",[504,508,509],{},"解析結果",[511,512,513,528,541,560],"tbody",{},[501,514,515,520],{},[516,517,518],"td",{},[109,519,490],{},[516,521,522,525,526,475],{},[109,523,524],{},"contentMermaid.theme.light","，否則 Mermaid ",[109,527,171],{},[501,529,530,534],{},[516,531,532],{},[109,533,183],{},[516,535,536,525,539,475],{},[109,537,538],{},"contentMermaid.theme.dark",[109,540,183],{},[501,542,543,557],{},[516,544,545,546,549,550,553,554],{},"其他 Mermaid 主題名稱，例如 ",[109,547,548],{},"'forest'","、",[109,551,552],{},"'neutral'"," 或 ",[109,555,556],{},"'base'",[516,558,559],{},"直接傳給 Mermaid。",[501,561,562,566],{},[516,563,564],{},[109,565,481],{},[516,567,568],{},"移除手動覆寫。",[121,570,572],{"className":123,"code":571,"language":125,"meta":126,"style":126},"setMermaidTheme('dark') \u002F\u002F 設定的深色策略\nsetMermaidTheme('forest') \u002F\u002F 直接 Mermaid 主題\nsetMermaidTheme(null) \u002F\u002F 自動模式\n",[109,573,574,591,604],{"__ignoreMap":126},[130,575,576,579,582,584,587],{"class":132,"line":133},[130,577,578],{"class":143},"setMermaidTheme",[130,580,581],{"class":154},"(",[130,583,183],{"class":170},[130,585,586],{"class":154},") ",[130,588,590],{"class":589},"s-wDw","\u002F\u002F 設定的深色策略\n",[130,592,593,595,597,599,601],{"class":132,"line":151},[130,594,578],{"class":143},[130,596,581],{"class":154},[130,598,548],{"class":170},[130,600,586],{"class":154},[130,602,603],{"class":589},"\u002F\u002F 直接 Mermaid 主題\n",[130,605,606,608,610,612,614],{"class":132,"line":158},[130,607,578],{"class":143},[130,609,581],{"class":154},[130,611,481],{"class":275},[130,613,586],{"class":154},[130,615,616],{"class":589},"\u002F\u002F 自動模式\n",[114,618,619],{"id":619},"了解主題解析規則",[101,621,622],{},"套件的主題解析規則（Theme Resolution Policy），依優先度由高至低如下：",[624,625,626,633,638,645],"ol",{},[446,627,628,629,632],{},"選用圖表設定來源的 ",[109,630,631],{},"config.theme","：Markdown 頁面使用 Page Mermaid Config，Vue 元件使用 Direct Mermaid Config。",[446,634,635,637],{},[109,636,229],{}," 的手動模式。",[446,639,640,641,644],{},"已安裝 ",[109,642,643],{},"@nuxtjs\u002Fcolor-mode"," 時，目前的色彩模式值。",[446,646,647,650,651,653],{},[109,648,649],{},"contentMermaid.loader.init.theme","（依序後備至設定的淺色主題與 ",[109,652,171],{},"）。",[101,655,656,657,659,660,663,664,475,666,668,669,672],{},"上述第 1 項的 ",[109,658,631],{}," 是頁面 ",[109,661,662],{},"config"," 或元件 ",[109,665,662],{},[105,667],{},"\nMermaid 圍欄 (fence) 內的 YAML frontmatter 與 ",[109,670,671],{},"%%{init: ...}%%"," directive 仍是原始碼層級設定，會在 Mermaid 解析圖表時依 Mermaid 自己的規則處理，不屬於本模組的主題策略清單。",[101,674,675,676,679,680,683,684,687,688,475],{},"自動色彩模式選擇時，",[109,677,678],{},"dark"," 使用 ",[109,681,682],{},"theme.dark","；其他偵測到的色彩模式值都使用 ",[109,685,686],{},"theme.light","。Mermaid YAML 前置資料與指令仍是 Mermaid 擁有的原始碼語法；其邊界請參閱",[689,690,57],"a",{"href":691},"\u002Fzh\u002Fwriting-diagrams#%E5%AF%A9%E6%85%8E%E4%BD%BF%E7%94%A8-mermaid-%E6%8C%87%E4%BB%A4",[114,693,694],{"id":694},"同時使用色彩模式與手動控制",[101,696,697,698,700,701,703,704,706],{},"有 ",[109,699,643],{}," 時，只要手動模式是 ",[109,702,481],{},"，圖表便會跟隨它。",[105,705],{},"\n只有檢視畫面需要覆寫時才設定手動模式，完成後重設以恢復色彩模式選擇：",[121,708,710],{"className":123,"code":709,"language":125,"meta":126,"style":126},"const { resetMermaidTheme, setMermaidTheme } = useMermaidTheme()\n\nsetMermaidTheme('dark')\nresetMermaidTheme()\n",[109,711,712,736,740,750],{"__ignoreMap":126},[130,713,714,716,719,722,725,727,730,732,734],{"class":132,"line":133},[130,715,267],{"class":136},[130,717,718],{"class":154}," { ",[130,720,721],{"class":275},"resetMermaidTheme",[130,723,724],{"class":154},", ",[130,726,578],{"class":275},[130,728,729],{"class":154}," } ",[130,731,256],{"class":136},[130,733,309],{"class":143},[130,735,312],{"class":154},[130,737,738],{"class":132,"line":151},[130,739,318],{"emptyLinePlaceholder":317},[130,741,742,744,746,748],{"class":132,"line":158},[130,743,578],{"class":143},[130,745,581],{"class":154},[130,747,183],{"class":170},[130,749,358],{"class":154},[130,751,752,754],{"class":132,"line":164},[130,753,721],{"class":143},[130,755,312],{"class":154},[101,757,758],{},"手動狀態的範圍是應用程式，因此刻意鎖定圖表主題的檢視畫面離開時，請規劃重設時機。",[114,760,761],{"id":761},"覆寫內建樣式鉤點",[101,763,764],{},"請在應用程式 CSS 設定變數。以下提供精簡的品牌化淺色／深色調色盤：",[121,766,770],{"className":767,"code":768,"language":769,"meta":126,"style":126},"language-css shiki shiki-themes github-light github-dark-high-contrast",":root {\n  --ncm-code-bg: #f3f4f6;\n  --ncm-code-bg-hover: #e5e7eb;\n  --ncm-border-color: #d1d5db;\n  --ncm-text: #111827;\n  --ncm-text-muted: #4b5563;\n  --ncm-text-xmuted: #6b7280;\n  --ncm-overlay-bg: #f9fafb;\n}\n\nhtml[data-theme='dark'],\n.dark {\n  --ncm-code-bg: #111827;\n  --ncm-code-bg-hover: #1f2937;\n  --ncm-border-color: #374151;\n  --ncm-text: #f9fafb;\n  --ncm-text-muted: #d1d5db;\n  --ncm-text-xmuted: #9ca3af;\n  --ncm-overlay-bg: #111827;\n}\n","css",[109,771,772,779,794,806,818,830,842,854,866,870,874,892,899,909,920,931,941,951,962,973],{"__ignoreMap":126},[130,773,774,777],{"class":132,"line":133},[130,775,776],{"class":249},":root",[130,778,270],{"class":154},[130,780,781,785,788,791],{"class":132,"line":151},[130,782,784],{"class":783},"sa561","  --ncm-code-bg",[130,786,787],{"class":154},": ",[130,789,790],{"class":275},"#f3f4f6",[130,792,793],{"class":154},";\n",[130,795,796,799,801,804],{"class":132,"line":158},[130,797,798],{"class":783},"  --ncm-code-bg-hover",[130,800,787],{"class":154},[130,802,803],{"class":275},"#e5e7eb",[130,805,793],{"class":154},[130,807,808,811,813,816],{"class":132,"line":164},[130,809,810],{"class":783},"  --ncm-border-color",[130,812,787],{"class":154},[130,814,815],{"class":275},"#d1d5db",[130,817,793],{"class":154},[130,819,820,823,825,828],{"class":132,"line":177},[130,821,822],{"class":783},"  --ncm-text",[130,824,787],{"class":154},[130,826,827],{"class":275},"#111827",[130,829,793],{"class":154},[130,831,832,835,837,840],{"class":132,"line":188},[130,833,834],{"class":783},"  --ncm-text-muted",[130,836,787],{"class":154},[130,838,839],{"class":275},"#4b5563",[130,841,793],{"class":154},[130,843,844,847,849,852],{"class":132,"line":194},[130,845,846],{"class":783},"  --ncm-text-xmuted",[130,848,787],{"class":154},[130,850,851],{"class":275},"#6b7280",[130,853,793],{"class":154},[130,855,856,859,861,864],{"class":132,"line":202},[130,857,858],{"class":783},"  --ncm-overlay-bg",[130,860,787],{"class":154},[130,862,863],{"class":275},"#f9fafb",[130,865,793],{"class":154},[130,867,868],{"class":132,"line":321},[130,869,364],{"class":154},[130,871,872],{"class":132,"line":333},[130,873,318],{"emptyLinePlaceholder":317},[130,875,876,879,882,885,887,889],{"class":132,"line":361},[130,877,878],{"class":245},"html",[130,880,881],{"class":154},"[",[130,883,884],{"class":249},"data-theme",[130,886,256],{"class":136},[130,888,183],{"class":170},[130,890,891],{"class":154},"],\n",[130,893,894,897],{"class":132,"line":367},[130,895,896],{"class":249},".dark",[130,898,270],{"class":154},[130,900,901,903,905,907],{"class":132,"line":377},[130,902,784],{"class":783},[130,904,787],{"class":154},[130,906,827],{"class":275},[130,908,793],{"class":154},[130,910,911,913,915,918],{"class":132,"line":382},[130,912,798],{"class":783},[130,914,787],{"class":154},[130,916,917],{"class":275},"#1f2937",[130,919,793],{"class":154},[130,921,922,924,926,929],{"class":132,"line":392},[130,923,810],{"class":783},[130,925,787],{"class":154},[130,927,928],{"class":275},"#374151",[130,930,793],{"class":154},[130,932,933,935,937,939],{"class":132,"line":419},[130,934,822],{"class":783},[130,936,787],{"class":154},[130,938,863],{"class":275},[130,940,793],{"class":154},[130,942,943,945,947,949],{"class":132,"line":425},[130,944,834],{"class":783},[130,946,787],{"class":154},[130,948,815],{"class":275},[130,950,793],{"class":154},[130,952,953,955,957,960],{"class":132,"line":435},[130,954,846],{"class":783},[130,956,787],{"class":154},[130,958,959],{"class":275},"#9ca3af",[130,961,793],{"class":154},[130,963,965,967,969,971],{"class":132,"line":964},19,[130,966,858],{"class":783},[130,968,787],{"class":154},[130,970,827],{"class":275},[130,972,793],{"class":154},[130,974,976],{"class":132,"line":975},20,[130,977,364],{"class":154},[979,980,982],"h3",{"id":981},"表面邊框與文字樣式鉤點","表面、邊框與文字樣式鉤點",[495,984,985,995],{},[498,986,987],{},[501,988,989,992],{},[504,990,991],{},"變數",[504,993,994],{},"用途",[511,996,997,1007,1017,1027,1037,1047,1057,1067,1077,1087],{},[501,998,999,1004],{},[516,1000,1001],{},[109,1002,1003],{},"--ncm-code-bg",[516,1005,1006],{},"圖表區塊與工具列背景。",[501,1008,1009,1014],{},[516,1010,1011],{},[109,1012,1013],{},"--ncm-code-bg-hover",[516,1015,1016],{},"工具列與縮放控制項的滑過表面。",[501,1018,1019,1024],{},[516,1020,1021],{},[109,1022,1023],{},"--ncm-border-color",[516,1025,1026],{},"邊框顏色組成。",[501,1028,1029,1034],{},[516,1030,1031],{},[109,1032,1033],{},"--ncm-border-width",[516,1035,1036],{},"邊框寬度組成。",[501,1038,1039,1044],{},[516,1040,1041],{},[109,1042,1043],{},"--ncm-border-style",[516,1045,1046],{},"邊框樣式組成。",[501,1048,1049,1054],{},[516,1050,1051],{},[109,1052,1053],{},"--ncm-border",[516,1055,1056],{},"完整圖表區塊邊框簡寫。",[501,1058,1059,1064],{},[516,1060,1061],{},[109,1062,1063],{},"--ncm-border-bottom",[516,1065,1066],{},"工具列底部邊框。",[501,1068,1069,1074],{},[516,1070,1071],{},[109,1072,1073],{},"--ncm-text",[516,1075,1076],{},"主要控制項文字。",[501,1078,1079,1084],{},[516,1080,1081],{},[109,1082,1083],{},"--ncm-text-muted",[516,1085,1086],{},"工具列標題與次要文字。",[501,1088,1089,1094],{},[516,1090,1091],{},[109,1092,1093],{},"--ncm-text-xmuted",[516,1095,1096],{},"工具列圖示與較淡文字。",[979,1098,1100],{"id":1099},"覆蓋層游標與提示樣式鉤點","覆蓋層、游標與提示樣式鉤點",[495,1102,1103,1111],{},[498,1104,1105],{},[501,1106,1107,1109],{},[504,1108,991],{},[504,1110,994],{},[511,1112,1113,1123,1133,1146,1159,1169,1179,1189,1199],{},[501,1114,1115,1120],{},[516,1116,1117],{},[109,1118,1119],{},"--ncm-overlay-bg",[516,1121,1122],{},"展開覆蓋層的基礎背景。",[501,1124,1125,1130],{},[516,1126,1127],{},[109,1128,1129],{},"--ncm-overlay-opacity",[516,1131,1132],{},"可見覆蓋層的不透明度。",[501,1134,1135,1140],{},[516,1136,1137],{},[109,1138,1139],{},"--ncm-overlay-backdrop",[516,1141,1142,1143,475],{},"可見覆蓋層的 ",[109,1144,1145],{},"backdrop-filter",[501,1147,1148,1153],{},[516,1149,1150],{},[109,1151,1152],{},"--ncm-expand-target-bg",[516,1154,1155,1158],{},[109,1156,1157],{},"expand.margin"," 留出空間時，展開圖表的背景。",[501,1160,1161,1166],{},[516,1162,1163],{},[109,1164,1165],{},"--ncm-cursor-expand",[516,1167,1168],{},"圖表可開啟展開覆蓋層時的游標。",[501,1170,1171,1176],{},[516,1172,1173],{},[109,1174,1175],{},"--ncm-cursor-collapse",[516,1177,1178],{},"可關閉覆蓋層上的游標。",[501,1180,1181,1186],{},[516,1182,1183],{},[109,1184,1185],{},"--ncm-hint-bg",[516,1187,1188],{},"縮放提示背景。",[501,1190,1191,1196],{},[516,1192,1193],{},[109,1194,1195],{},"--ncm-hint-text",[516,1197,1198],{},"縮放提示文字顏色。",[501,1200,1201,1206],{},[516,1202,1203],{},[109,1204,1205],{},"--ncm-hint-radius",[516,1207,1208],{},"縮放提示圓角。",[979,1210,1211],{"id":1211},"工具列與縮放版面樣式鉤點",[495,1213,1214,1222],{},[498,1215,1216],{},[501,1217,1218,1220],{},[504,1219,991],{},[504,1221,994],{},[511,1223,1224,1234,1244,1254,1264,1274,1284,1294],{},[501,1225,1226,1231],{},[516,1227,1228],{},[109,1229,1230],{},"--ncm-icon-size",[516,1232,1233],{},"渲染器計算出的基礎圖示尺寸。",[501,1235,1236,1241],{},[516,1237,1238],{},[109,1239,1240],{},"--ncm-toolbar-height",[516,1242,1243],{},"用於定位全螢幕縮放控制項的計算工具列高度。",[501,1245,1246,1251],{},[516,1247,1248],{},[109,1249,1250],{},"--ncm-zoom-gap",[516,1252,1253],{},"縮放控制項之間的空間。",[501,1255,1256,1261],{},[516,1257,1258],{},[109,1259,1260],{},"--ncm-zoom-padding",[516,1262,1263],{},"縮放工具列內距。",[501,1265,1266,1271],{},[516,1267,1268],{},[109,1269,1270],{},"--ncm-zoom-radius",[516,1272,1273],{},"縮放工具列圓角。",[501,1275,1276,1281],{},[516,1277,1278],{},[109,1279,1280],{},"--ncm-zoom-font-size",[516,1282,1283],{},"縮放工具列字型大小。",[501,1285,1286,1291],{},[516,1287,1288],{},[109,1289,1290],{},"--ncm-zoom-btn-padding",[516,1292,1293],{},"縮放按鈕內距。",[501,1295,1296,1301],{},[516,1297,1298],{},[109,1299,1300],{},"--ncm-zoom-btn-radius",[516,1302,1303],{},"縮放按鈕圓角。",[101,1305,1306,1307,549,1309,1311,1312,1314],{},"渲染器會動態設定 ",[109,1308,1230],{},[109,1310,1240],{}," 與游標變數。",[105,1313],{},"\n只有在同時考量相符的控制項尺寸與互動狀態時，才覆寫它們。",[1316,1317,1318],"style",{},"html pre.shiki code .s-kum, html code.shiki .s-kum{--shiki-default:#D73A49;--shiki-dark:#FF9492}html pre.shiki code .s_Opv, html code.shiki .s_Opv{--shiki-default:#6F42C1;--shiki-dark:#DBB7FF}html pre.shiki code .sjV9Q, html code.shiki .sjV9Q{--shiki-default:#24292E;--shiki-dark:#FFB757}html pre.shiki code .skGVy, html code.shiki .skGVy{--shiki-default:#24292E;--shiki-dark:#F0F3F6}html pre.shiki code .srMev, html code.shiki .srMev{--shiki-default:#032F62;--shiki-dark:#ADDCFF}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 .sx1sP, html code.shiki .sx1sP{--shiki-default:#22863A;--shiki-dark:#72F088}html pre.shiki code .sHg5J, html code.shiki .sHg5J{--shiki-default:#6F42C1;--shiki-dark:#91CBFF}html pre.shiki code .sP0c6, html code.shiki .sP0c6{--shiki-default:#005CC5;--shiki-dark:#91CBFF}html pre.shiki code .s-wDw, html code.shiki .s-wDw{--shiki-default:#6A737D;--shiki-dark:#BDC4CC}html pre.shiki code .sa561, html code.shiki .sa561{--shiki-default:#E36209;--shiki-dark:#FFB757}",{"title":126,"searchDepth":151,"depth":151,"links":1320},[1321,1322,1323,1324,1325,1326],{"id":116,"depth":151,"text":116},{"id":223,"depth":151,"text":223},{"id":485,"depth":151,"text":485},{"id":619,"depth":151,"text":619},{"id":694,"depth":151,"text":694},{"id":761,"depth":151,"text":761,"children":1327},[1328,1329,1330],{"id":981,"depth":158,"text":982},{"id":1099,"depth":158,"text":1100},{"id":1211,"depth":158,"text":1211},null,"控制 Mermaid 主題解析，並以 CSS 變數自訂內建渲染器。","md",{},{"title":69,"description":1332},"VHd5qBtnTMlObq3HXef_R8MFlJ0kkcfBbm2WHDkDC7Y",[1338],{"title":48,"path":49,"stem":50,"children":1339,"page":33},[1340,1342,1344,1346,1354,1356],{"title":53,"path":54,"stem":55,"children":1341},[],{"title":57,"path":58,"stem":59,"children":1343},[],{"title":61,"path":62,"stem":63,"children":1345},[],{"title":17,"path":65,"stem":66,"children":1347,"page":33},[1348,1350,1352],{"title":69,"path":70,"stem":71,"children":1349},[],{"title":73,"path":74,"stem":75,"children":1351},[],{"title":77,"path":78,"stem":79,"children":1353},[],{"title":81,"path":82,"stem":83,"children":1355},[],{"title":39,"path":85,"stem":86,"children":1357,"page":33},[1358],{"title":89,"path":90,"stem":91,"children":1359},[],1787059980833]