{
	id: "",  // 主题的唯一标识（小写字母+短横线）
	base: "light",  // 主题基调，"light" 或 "dark"
	name: "",  // 主题名称
	props: {
		bg: "",  // 页面背景色
		fg: "",  // 主要文字颜色
		accent: "",  // 主题主色（通常用于按钮、链接等）
		panel: "",  // 面板背景色
		navBg: "",  // 导航栏背景色
		navFg: "",  // 导航栏文字颜色
		buttonBg: "",  // 按钮背景色
		buttonHoverBg: "",  // 按钮悬停背景色
		link: "",  // 超链接颜色
		mention: "@accent",  // 提及颜色，通常和 accent 统一
		mentionMe: "@mention",  // 提及自己时的颜色
		warn: "",  // 警告颜色
		error: "",  // 错误提示颜色
		success: "",  // 成功提示颜色
		shadow: "",  // 阴影颜色
		divider: "",  // 分割线颜色
		accentedBg: "",  // 轻微强调背景
		modalBg: "",  // 模态框背景色
		focus: "",  // 聚焦状态颜色
		infoBg: "",  // 提示信息背景色
		infoFg: "",  // 提示信息文字颜色
		codeNumber: "",  // 代码高亮：数字
		codeString: "",  // 代码高亮：字符串
		codeBoolean: "",  // 代码高亮：布尔值
		inputBorder: "",  // 输入框边框
		inputBorderHover: "",  // 输入框悬停时边框
		panelBorder: "",  // 面板边框
		scrollbarHandle: "",  // 滚动条颜色
		scrollbarHandleHover: "",  // 滚动条悬停颜色
		wallpaperOverlay: "",  // 壁纸覆盖层（用于半透明效果）
		panelHeaderBg: "",  // 面板头部背景
		panelHeaderFg: "",  // 面板头部文字颜色
		listItemHoverBg: "",  // 列表项悬停颜色
		navActive: "@accent",  // 当前导航项颜色
		navIndicator: "@indicator",  // 导航栏指示器颜色
		navHoverFg: "",  // 导航项悬停颜色
		cwBg: "",  // 折叠警告背景色（内容警告）
		cwFg: "",  // 折叠警告文字色
		cwHoverBg: "",  // 鼠标悬停时的折叠警告背景色
		badge: "",  // 徽章颜色
		switchBg: "",  // 开关背景色
		switchOnBg: "@accent",  // 开启状态下的开关背景
		switchOnFg: "@fgOnAccent",  // 开启状态下的开关前景色
		switchOffBg: "",  // 关闭状态下的开关背景
		switchOffFg: "@panel",  // 关闭状态下的开关前景色
		indicator: "@accent",  // 进度指示器颜色
		windowHeader: "",  // 窗口头部背景
		panelHighlight: "",  // 面板高亮部分
	},
	author: "" 
}

填充颜色

直接使用十六进制颜色，如 “#ff6699”

或者使用 rgba(255, 255, 255, 0.5) 设置透明度

也可以用 @变量 引用已有颜色，如 “@accent”

调整透明度

:alpha<0.5<@accent → 让 @accent 颜色变半透明

:darken<5<@fg → 让 @fg 颜色变深 5 级

:lighten<3<@panel → 让 @panel 颜色变亮 3 级

可以修改我曾做过的以下主题进行修改

{
	id: 'strawberry',
	base: 'light',
	name: '草莓芭菲（半透明）',
	props: {
		X2: ':darken<2<@panel',
		X3: 'rgba(255, 192, 203, 0.05)',
		X4: 'rgba(255, 192, 203, 0.1)',
		X5: 'rgba(255, 192, 203, 0.05)',
		X6: 'rgba(255, 192, 203, 0.25)',
		X7: 'rgba(255, 192, 203, 0.05)',
		X8: ':lighten<5<@accent',
		X9: ':darken<5<@accent',
		bg: 'rgba(255, 228, 225, 0.3)',
		fg: '#d81b60',
		X10: ':alpha<0.4<@accent',
		X11: 'rgba(255, 192, 203, 0.1)',
		X12: 'rgba(255, 192, 203, 0.1)',
		X13: 'rgba(255, 192, 203, 0.15)',
		X14: ':alpha<0.5<@navBg',
		X15: ':alpha<0<@panel',
		X16: ':alpha<0.7<@panel',
		X17: ':alpha<0.8<@bg',
		cwBg: '#ffb3c1',
		cwFg: '#18161a',
		link: '#ff6f61',
		warn: '#ecb637',
		badge: '#ffb3c1',
		error: '#ec4137',
		focus: ':alpha<0.3<@accent',
		navBg: '@panel',
		navFg: '@fg',
		panel: 'rgba(255, 255, 255, 0.6)',
		popup: ':lighten<3<@panel',
		accent: '#ff6f61',
		header: ':alpha<0.7<@panel',
		infoBg: '#ffe5e5',
		infoFg: '#d81b60',
		renote: '#ff6f61',
		shadow: 'rgba(0, 0, 0, 0.1)',
		divider: 'rgba(0, 0, 0, 0.1)',
		hashtag: '#ff99cc',
		mention: '@accent',
		modalBg: 'rgba(0, 0, 0, 0.3)',
		success: '#ffb3c1',
		buttonBg: 'rgba(255, 192, 203, 0.05)',
		switchBg: 'rgba(255, 192, 203, 0.15)',
		acrylicBg: ':alpha<0.5<@bg',
		cwHoverBg: '#ff6f61',
		indicator: '@accent',
		mentionMe: '@mention',
		messageBg: '@bg',
		navActive: '@accent',
		accentedBg: ':alpha<0.15<@accent',
		codeNumber: '#ff6f61',
		codeString: '#ff99cc',
		fgOnAccent: '#fff',
		infoWarnBg: '#ffe5e5',
		infoWarnFg: '#d81b60',
		navHoverFg: ':darken<5<@fg',
		switchOnBg: '@accent',
		switchOnFg: '@fgOnAccent',
		codeBoolean: '#ffb3c1',
		dateLabelFg: '@fg',
		deckDivider: ':darken<3<@bg',
		inputBorder: 'rgba(255, 192, 203, 0.1)',
		panelBorder: '" solid 1px var(--divider)',
		switchOffBg: 'rgba(255, 192, 203, 0.1)',
		switchOffFg: '@panel',
		accentDarken: '#c06bff',
		acrylicPanel: ':alpha<0.5<@panel',
		navIndicator: '@indicator',
		windowHeader: ':alpha<0.85<@panel',
		accentLighten: '#f1c5ff',
		buttonHoverBg: 'rgba(255, 192, 203, 0.1)',
		driveFolderBg: ':alpha<0.3<@accent',
		fgHighlighted: ':darken<3<@fg',
		fgTransparent: ':alpha<0.5<@fg',
		panelHeaderBg: ':lighten<3<@panel',
		panelHeaderFg: '@fg',
		buttonGradateA: '@accent',
		buttonGradateB: '#ffb3c1',
		htmlThemeColor: '@bg',
		panelHighlight: ':darken<2<@panel',
		listItemHoverBg: 'rgba(255, 192, 203, 0.03)',
		scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
		inputBorderHover: 'rgba(255, 192, 203, 0.2)',
		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
		fgTransparentWeak: ':alpha<0.75<@fg',
		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
	},
	author: '@xunan@stelpolva.moe',
}

在主题中X2~17具有一定作用但不是必须的，不过我删除后经常安装不了，我又研究不懂，问了GPT老师，大概作用如下： X2 面板的暗色变化 :darken<2<@panel X3 轻微透明的背景色 rgba(255, 192, 203, 0.05) X4 轻微高亮的背景色 rgba(255, 192, 203, 0.1) X5~X7 轻微渐变背景层次 rgba(255, 192, 203, 0.05) X8 亮一点的强调色 :lighten<5<@accent X9 暗一点的强调色 :darken<5<@accent X10 强调色的半透明变化 :alpha<0.4<@accent X11~X13 其他细微层次变化 rgba(255, 192, 203, 0.1) ~ 0.15 X14~X16 面板、背景的透明度变化 :alpha<0.5<@navBg ~ :alpha<0.7<@panel X17 背景的额外层次 :alpha<0.8<@bg

目前修改的最简易的主题模板如下

{
	"id": "",  // 主题唯一标识
	"base": "light",  // 主题模式："light" 或 "dark"
	"name": "",  // 主题名称
	"props": {
		"bg": "",  // 页面背景
		"fg": "",  // 主要文字颜色
		"panel": "",  // 面板背景
		"accent": "",  // 主要强调色
		"navBg": "",  // 导航栏背景
		"navFg": "@fg",  // 导航栏文字颜色
		"buttonBg": "",  // 按钮背景
		"buttonHoverBg": "",  // 按钮悬停
		"link": "@accent",  // 超链接颜色
		"warn": "",  // 警告色
		"error": "",  // 错误色
		"success": "",  // 成功色
		"modalBg": "",  // 模态框背景
		"focus": "",  // 输入框聚焦状态
		"shadow": "",  // 阴影
		"divider": "",  // 分割线
		"scrollbarHandle": "",  // 滚动条颜色
		"mention": "@accent",  // 提及颜色
		"mentionMe": "@mention",  // 提及自己
		"switchOnBg": "@accent",  // 开关（开）背景
		"switchOffBg": "",  // 开关（关）背景
		"indicator": "@accent",  // 进度指示器
		"panelHeaderBg": "",  // 面板标题背景
		"panelHeaderFg": "@fg",  // 面板标题文字颜色
		"navActive": "@accent",  // 选中的导航栏项
		"wallpaperOverlay": "",  // 背景覆盖色
		"cwBg": "",  // 折叠警告背景
		"cwFg": "",  // 折叠警告文字
		"badge": "",  // 徽章颜色
		"codeNumber": "",  // 代码高亮 - 数字
		"codeString": "",  // 代码高亮 - 字符串
		"codeBoolean": "",  // 代码高亮 - 布尔值
		"inputBorder": "",  // 输入框边框
		"inputBorderHover": "",  // 输入框悬停边框
		"windowHeader": "",  // 窗口头部
		"navIndicator": "@indicator",  // 导航栏指示器
		"listItemHoverBg": "",  // 列表项悬停
		"fgTransparent": "",  // 透明文字
		"fgHighlighted": "",  // 高亮文字
		"fgOnAccent": "#fff"  // 强调色上的文字
	},
	"author": ""  // 你的名字
}