• 繁體中文
      • 繁體中文

      主題變數參考

      本頁由主題變數定義自動生成，共 292 個變數。作用範圍和使用方式見主題編寫指南。修改變數後執行 pnpm theme:generate；文件構建會檢查生成結果是否同步。

      下載 JSON Schema

      。在 v2 主題 JSON 頂層加入 "$schema": "https://aino.md/schemas/appearance-theme.v2.zh-cn.schema.json"，支援 JSON Schema 的編輯器即可提供欄位補全與結構檢查。Schema 檢查變數名、型別和基本字面量語法；顏色函式、陰影等字串內部的數值範圍仍以 Aino 匯入校驗為準。離線時可下載 Schema，改用本地相對路徑。

      Schema 說明支援全部 9 種介面語言。除英文使用預設地址外，其他語言在檔名中加入語言程式碼，例如 appearance-theme.v2.ja.schema.json。支援的語言程式碼：zh-cn、zh-tw、ja、de、fr、es、pt、ar。

      所有變數值均為字串。示例只展示一種有效寫法，不代表預設值。

      變數分組型別示例
      --accent-primary強調色顏色#abc
      --accent-secondary強調色顏色#abc
      --accent-soft強調色顏色#abc
      --accent-strong強調色顏色#abc
      --accent-tertiary強調色顏色#abc
      --button-backgroundAino 按鈕顏色#abc
      --button-background-activeAino 按鈕顏色#abc
      --button-background-hoverAino 按鈕顏色#abc
      --button-border-colorAino 按鈕顏色#abc
      --button-border-color-hoverAino 按鈕顏色#abc
      --button-colorAino 按鈕顏色#abc
      --button-color-hoverAino 按鈕顏色#abc
      --button-font-weightAino 按鈕字重normal
      --button-radiusAino 按鈕圓角0
      --button-shadowAino 按鈕陰影none
      --card-backgroundAino 卡片顏色#abc
      --card-background-hoverAino 卡片顏色#abc
      --card-border-colorAino 卡片顏色#abc
      --card-border-widthAino 卡片長度0
      --card-radiusAino 卡片圓角0
      --card-shadowAino 卡片陰影none
      --input-backgroundAino 輸入框顏色#abc
      --input-background-hoverAino 輸入框顏色#abc
      --input-border-colorAino 輸入框顏色#abc
      --input-border-color-focusAino 輸入框顏色#abc
      --input-colorAino 輸入框顏色#abc
      --input-placeholder-colorAino 輸入框顏色#abc
      --input-shadowAino 輸入框陰影none
      --modal-backdrop-blurAino 材質長度0
      --modal-backdrop-saturationAino 材質比率0
      --toast-backdrop-blurAino 提示訊息長度0
      --toast-backdrop-saturationAino 提示訊息比率0
      --toast-backgroundAino 提示訊息顏色#abc
      --toast-border-colorAino 提示訊息顏色#abc
      --toast-border-widthAino 提示訊息長度0
      --toast-radiusAino 提示訊息圓角0
      --toast-shadowAino 提示訊息陰影none
      --toolbar-backdrop-blurAino 工具欄長度0
      --toolbar-backdrop-saturationAino 工具欄比率0
      --toolbar-backgroundAino 工具欄顏色#abc
      --toolbar-border-colorAino 工具欄顏色#abc
      --toolbar-shadowAino 工具欄陰影none
      --border-color邊框顏色#abc
      --border-color-strong邊框顏色#abc
      --border-color-subtle邊框顏色#abc
      --editor-border-color編輯器顏色#abc
      --editor-surface-primary編輯器顏色#abc
      --editor-surface-secondary編輯器顏色#abc
      --editor-surface-tertiary編輯器顏色#abc
      --focus-ring-shadow陰影與焦點陰影none
      --shadow-glow陰影與焦點陰影none
      --shadow-lg陰影與焦點陰影none
      --shadow-md陰影與焦點陰影none
      --shadow-sm陰影與焦點陰影none
      --clickable-icon-radius圖示圓角0
      --icon-color圖示顏色#abc
      --icon-color-active圖示顏色#abc
      --icon-color-hover圖示顏色#abc
      --icon-opacity圖示不透明度0
      --icon-opacity-hover圖示不透明度0
      --icon-size圖示長度0
      --icon-stroke圖示比率0
      --editor-link-color連結顏色#abc
      --editor-link-hover-color連結顏色#abc
      --link-color連結顏色#abc
      --link-hover-color連結顏色#abc
      --menu-background選單顏色#abc
      --menu-border-color選單顏色#abc
      --menu-item-background-hover選單顏色#abc
      --menu-item-color選單顏色#abc
      --menu-item-color-hover選單顏色#abc
      --menu-item-padding-x選單長度0
      --menu-item-padding-y選單長度0
      --menu-radius選單圓角0
      --menu-shadow選單陰影none
      --motion-curve-emphasis動效緩動linear
      --motion-curve-soft動效緩動linear
      --motion-duration-fast動效時長0ms
      --motion-duration-normal動效時長0ms
      --motion-duration-slow動效時長0ms
      --blockquote-background-color引用顏色#abc
      --blockquote-border-color引用顏色#abc
      --blockquote-border-thickness引用長度0
      --blockquote-color引用顏色#abc
      --blockquote-font-style引用字形normal
      --checkbox-border-color任務核取方塊顏色#abc
      --checkbox-border-color-hover任務核取方塊顏色#abc
      --checkbox-color任務核取方塊顏色#abc
      --checkbox-color-hover任務核取方塊顏色#abc
      --checkbox-marker-color任務核取方塊顏色#abc
      --code-background程式碼顏色#abc
      --code-comment程式碼顏色#abc
      --code-function程式碼顏色#abc
      --code-important程式碼顏色#abc
      --code-keyword程式碼顏色#abc
      --code-normal程式碼顏色#abc
      --code-operator程式碼顏色#abc
      --code-property程式碼顏色#abc
      --code-punctuation程式碼顏色#abc
      --code-size程式碼字號18px
      --code-string程式碼顏色#abc
      --code-tag程式碼顏色#abc
      --code-value程式碼顏色#abc
      --hr-color編輯器顏色#abc
      --hr-thickness編輯器長度0
      --background-modifier-active-hover基礎變數顏色#abc
      --background-modifier-border基礎變數顏色#abc
      --background-modifier-border-focus基礎變數顏色#abc
      --background-modifier-border-hover基礎變數顏色#abc
      --background-modifier-hover基礎變數顏色#abc
      --background-primary基礎變數顏色#abc
      --background-primary-alt基礎變數顏色#abc
      --background-secondary基礎變數顏色#abc
      --background-secondary-alt基礎變數顏色#abc
      --caret-color基礎變數顏色#abc
      --color-accent基礎變數顏色#abc
      --color-accent-1基礎變數顏色#abc
      --color-accent-2基礎變數顏色#abc
      --interactive-accent基礎變數顏色#abc
      --interactive-accent-hover基礎變數顏色#abc
      --interactive-hover基礎變數顏色#abc
      --interactive-normal基礎變數顏色#abc
      --radius-l基礎變數圓角0
      --radius-m基礎變數圓角0
      --radius-s基礎變數圓角0
      --text-accent基礎變數顏色#abc
      --text-accent-hover基礎變數顏色#abc
      --text-error基礎變數顏色#abc
      --text-faint基礎變數顏色#abc
      --text-highlight-bg基礎變數顏色#abc
      --text-normal基礎變數顏色#abc
      --text-on-accent基礎變數顏色#abc
      --text-on-accent-inverted基礎變數顏色#abc
      --text-selection基礎變數顏色#abc
      --text-success基礎變數顏色#abc
      --text-warning基礎變數顏色#abc
      --h1-color標題顏色#abc
      --h1-size標題字號18px
      --h1-weight標題字重normal
      --h2-color標題顏色#abc
      --h2-size標題字號18px
      --h2-weight標題字重normal
      --h3-color標題顏色#abc
      --h3-size標題字號18px
      --h3-weight標題字重normal
      --h4-color標題顏色#abc
      --h4-size標題字號18px
      --h4-weight標題字重normal
      --h5-color標題顏色#abc
      --h5-size標題字號18px
      --h5-weight標題字重normal
      --h6-color標題顏色#abc
      --h6-size標題字號18px
      --h6-weight標題字重normal
      --heading-formatting標題顏色#abc
      --input-border-width輸入框長度0
      --input-font-weight輸入框字重normal
      --input-radius輸入框圓角0
      --link-color-hover連結顏色#abc
      --link-external-color連結顏色#abc
      --link-external-color-hover連結顏色#abc
      --link-unresolved-color連結顏色#abc
      --list-indent列表長度0
      --list-marker-color列表顏色#abc
      --list-marker-color-hover列表顏色#abc
      --list-spacing列表長度0
      --modal-background彈窗顏色#abc
      --modal-border-color彈窗顏色#abc
      --modal-border-width彈窗長度0
      --modal-radius彈窗圓角0
      --nav-collapse-icon-color導航顏色#abc
      --nav-collapse-icon-color-collapsed導航顏色#abc
      --nav-indentation-guide-color導航顏色#abc
      --nav-indentation-guide-width導航長度0
      --nav-item-background-active導航顏色#abc
      --nav-item-background-hover導航顏色#abc
      --nav-item-background-selected導航顏色#abc
      --nav-item-color導航顏色#abc
      --nav-item-color-active導航顏色#abc
      --nav-item-color-highlighted導航顏色#abc
      --nav-item-color-hover導航顏色#abc
      --nav-item-color-selected導航顏色#abc
      --nav-item-weight導航字重normal
      --nav-item-weight-active導航字重normal
      --nav-item-weight-hover導航字重normal
      --color-blue調色盤顏色#abc
      --color-cyan調色盤顏色#abc
      --color-green調色盤顏色#abc
      --color-orange調色盤顏色#abc
      --color-pink調色盤顏色#abc
      --color-purple調色盤顏色#abc
      --color-red調色盤顏色#abc
      --color-yellow調色盤顏色#abc
      --table-background表格顏色#abc
      --table-border-color表格顏色#abc
      --table-border-width表格長度0
      --table-header-background表格顏色#abc
      --table-header-border-color表格顏色#abc
      --table-header-color表格顏色#abc
      --table-header-weight表格字重normal
      --table-row-alt-background表格顏色#abc
      --table-row-background-hover表格顏色#abc
      --table-selection表格顏色#abc
      --table-text-color表格顏色#abc
      --tab-background-active頁籤顏色#abc
      --tab-container-background頁籤顏色#abc
      --tab-divider-color頁籤顏色#abc
      --tab-font-size頁籤字號18px
      --tab-font-weight頁籤字重normal
      --tab-radius頁籤圓角0
      --tab-radius-active頁籤圓角0
      --tab-text-color頁籤顏色#abc
      --tab-text-color-active頁籤顏色#abc
      --tag-background標籤顏色#abc
      --tag-background-hover標籤顏色#abc
      --tag-border-color標籤顏色#abc
      --tag-border-color-hover標籤顏色#abc
      --tag-border-width標籤長度0
      --tag-color標籤顏色#abc
      --tag-color-hover標籤顏色#abc
      --tag-radius標籤圓角0
      --tag-size標籤字號18px
      --tag-weight標籤字重normal
      --bold-color排版顏色#abc
      --italic-color排版顏色#abc
      --scrollbar-active-thumb-bg捲軸顏色#abc
      --scrollbar-bg捲軸顏色#abc
      --scrollbar-thumb-bg捲軸顏色#abc
      --radius-lg形狀圓角0
      --radius-md形狀圓角0
      --radius-sm形狀圓角0
      --radius-xl形狀圓角0
      --radius-xs形狀圓角0
      --sidebar-blur側欄長度0
      --sidebar-opacity側欄不透明度0
      --sidebar-panel-background側欄顏色#abc
      --sidebar-panel-background-active側欄顏色#abc
      --sidebar-panel-background-hover側欄顏色#abc
      --sidebar-panel-background-raised側欄顏色#abc
      --sidebar-panel-border-color側欄顏色#abc
      --sidebar-saturation側欄比率0
      --surface-sidebar側欄顏色#abc
      --slider-thumb-border-color滑動條顏色#abc
      --slider-thumb-border-width滑動條長度0
      --slider-thumb-color滑動條顏色#abc
      --slider-thumb-height滑動條長度0
      --slider-thumb-radius滑動條圓角0
      --slider-thumb-width滑動條長度0
      --slider-track-background滑動條顏色#abc
      --slider-track-height滑動條長度0
      --error狀態顏色#abc
      --success狀態顏色#abc
      --warning狀態顏色#abc
      --surface-accent-soft區域背景顏色#abc
      --surface-accent-soft-strong區域背景顏色#abc
      --surface-canvas區域背景顏色#abc
      --surface-danger-soft區域背景顏色#abc
      --surface-elevated區域背景顏色#abc
      --surface-muted區域背景顏色#abc
      --surface-muted-strong區域背景顏色#abc
      --surface-panel區域背景顏色#abc
      --surface-success-soft區域背景顏色#abc
      --surface-toolbar區域背景顏色#abc
      --surface-warning-soft區域背景顏色#abc
      --text-inverse文字顏色#abc
      --text-muted文字顏色#abc
      --text-primary文字顏色#abc
      --text-secondary文字顏色#abc
      --toggle-background開關顏色#abc
      --toggle-background-active開關顏色#abc
      --toggle-radius開關圓角0
      --toggle-thumb-color開關顏色#abc
      --toggle-thumb-height開關長度0
      --toggle-thumb-radius開關圓角0
      --toggle-thumb-width開關長度0
      --toggle-width開關長度0
      --tooltip-background提示框顏色#abc
      --tooltip-color提示框顏色#abc
      --tooltip-font-size提示框字號18px
      --tooltip-radius提示框圓角0
      --tooltip-shadow提示框陰影none
      --font-interface-theme排版字型棧'Noto Serif SC', Georgia, serif
      --font-monospace-theme排版字型棧'Noto Serif SC', Georgia, serif
      --font-text-size排版字號18px
      --font-text-theme排版字型棧'Noto Serif SC', Georgia, serif
      --font-ui-large排版字號18px
      --font-ui-medium排版字號18px
      --font-ui-small排版字號18px
      --heading-spacing排版長度0
      --line-height-normal排版行高1
      --line-height-tight排版行高1
      --p-spacing排版長度0

      取值約束

      以下約束與應用內 AI 提示詞來自同一份定義，長度按單位分別限制。

      型別約束
      顏色顏色：#RGB、#RGBA、#RRGGBB、#RRGGBBAA、transparent，或用逗號分隔引數的 rgb()/rgba()/hsl()/hsla()。統一儲存為六位或八位十六進位制，保留透明度。
      圓角圓角：0 或非負長度。各單位上限：32px / 2rem / 2em。
      長度長度：0 或非負長度。各單位上限：256px / 16rem / 16em。
      字號字號：0 或非負長度。各單位上限：64px / 4rem / 4em。
      字重字重：normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900。
      字形字形：normal, italic, oblique。
      字型棧字型棧：最多 8 個已安裝字型、500 個字元。不包含或下載字型檔案。
      不透明度不透明度：0 到 1 的無單位數值。
      比率比率：0 到 3 的無單位數值。
      行高行高：1 到 3 的無單位數值。
      時長時長：使用 ms 或 s 的非負數值，最多 2000 ms。
      緩動緩動：linear, ease, ease-in, ease-out, ease-in-out，或 cubic-bezier(x1, y1, x2, y2)。x 的範圍為 0–1，y 的範圍為 -3–3。
      陰影陰影：none，或最多 4 層、500 個字元。每層依次為可選的 inset、x、y、可選的模糊和擴充套件長度、顏色。長度絕對值的各單位上限：256px / 16rem / 16em。模糊不能為負數。