跳到正文
Linasan UI

AppSettingsDialog 外观设置

后台的外观设置:布局、内容宽度、页签栏、深浅色、主题色、基础色、圆角、色弱模式和顶栏按钮。

布局 standard · 主题色 blue · 圆角 8px

组件只负责界面,值由你保存和应用:主题色写到 html[data-accent]、基础色写到 html[data-base]、圆角写到 --radius、深色加 .dark 类。这两组 data 属性的颜色在 @linasan/ui/globals.css 里(不在 registry 的主题项里)。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/app-settings-dialog.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { AppSettingsDialog, type AppearanceValue } from '@/components/layout/app-settings-dialog';

属性

属性

类型

本页目录