漫游者迷路中

记生活迷思,当吟游诗人

关于二月与三月,我总算是忙里偷闲,随便写上一点。

阅读更多

《包法利夫人》一书大概是我二月唯一读完的一本书,回想到自己还能快乐读“杂书”的时候一个月可以看完好多本书,已经许久没有这样一口气读一本文学作品了。以前是没有写读书笔记的习惯,更不会为读了一本书而专门写一篇小记,现在只不过是因为看到一些fedi友与博主的读书小记突然有了三分钟热情,虽只是拙劣模仿,但也是我的一种开始吧。第一次尝试可能写得奇形怪状的,希望以后的自己看到不要过于责怪自己,但想到自己会因为自己以前笔记写得丑而生气估摸是困难的。

阅读更多

⭐️果然看番还是要看自己喜欢的,在月底看的所有番都让我特别开心。果然看不用带脑子的温馨番剧才是我的归宿。

阅读更多

※因为防止拖延到二月而提前写完了一月的月总结

阅读更多

阿南年度精选奖

评选标准:不考虑发行时间和体量,不考虑技术力,仅考虑个人感受!我喜欢才是最好的!

阅读更多

代码中一些含义解释

{
	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: '@[email protected]',
}

在主题中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": ""  // 你的名字
}

总之莫名奇妙地写了

阅读更多