介绍

本文基于Misskey写就，搭建方式是利用现有docker镜像进行最小化部署。
与Mastodon不同的是，Mastodon只能使用管理员添加的主题，要想添加外部主题需由管理员修改源码，而Misskey不仅仅满足于自带主题，任何人都可以制作主题并安装。也就是说就算普通用户不喜欢所在实例的默认主题（由管理员设置），也大可不必将就凑合，本文简单介绍如何自己制作喜欢的主题并使用。

另一方面，Mastodon用户主要需求就是UI好看。随着越来越多的Mastodon站长开始魔改透明背景主题，中文用户总量也日益增多。但其实Misskey的主题魔改本身就足够简单，而且Misskey的web端自带了一个桌布功能，只要将主题本身的背景色设置成半透明即可。而Mastodon的主题魔改工作需要有前端经验的人来设计。

开始魔改

由于我自己比较喜欢暗色主题，所以下面我皆以暗色主题为例，浅色主题的修改方式类似。

注意：
Misskey的外观设置都是存在本地缓存而不是同步到服务器，所以同一个账号在不同设备可以使用不同主题，每个设备中的外观设置都互相独立。所以如果你非常喜欢某个主题，而你有多个设备/多个登录会话，则需要设置多次。

挑选

准备一只可以登录的Misskey帐号。登录后打开设置-外观主题-取得主题，随意挑选一个主题，复制代码后回到Misskey中预览效果，这一步重复多次，直到某个主题的背景色你非常喜欢，将其安装。或者你觉得某个自带主题的背景色很好看也可以。

回到Misskey的主题管理员，记录那个主题代码中的bg字段，这个是背景色的色值。

在挑选主题的过程中，顺便留意各个主题的主题色你是否喜欢，若喜欢则将其安装，并把主题代码中的accent字段记录下来，这个是主题色的色值。

举个例子，我觉得自带主题中Mi Future Dark的纯黑背景色很好看，但同时又很喜欢Mi Cherry Dark的玫红主题色，那么我将前者的bg字段和后者的accent字段记录下来，也就是bg: '#101014',和accent: 'rgb(255, 89, 117)',。

如果你实在挑不出喜欢的主题色，可以上这个颜色码对照表网站碰碰运气。

融合魔改

在刚刚安装好的所有候选主题中挑选一个作为模板，将他的主题代码复制下来，回到Misskey选择主题编辑器，接下来由你自己将他魔改成你喜欢的样子。

下滑找到编辑代码的地方，把代码粘贴上去，随后将代码中的id字段，author字段和desc字段（若有）删除，并将之前记录下来的bg字段和accent字段替换进去，注意需要保留代码原有的格式。

至此魔改步骤就大致完成。但如你所见，还有相当一部分字段没有改动，例如hashing，link，mention,fg等等等。只要是props参数内的内容都是可以修改的，当然也可以自行增减。所有参数请见Dark模板中11-98行。如果不会修改，直接删掉即可，注意base和fg字段不要动。

成品

纯黑背景

Down Town(Black)，纯黑色背景+玫红色主题。

{
	id: '6e6676fd-afbd-43ee-a3ef-2c5a82fd3f48',
	base: 'dark',
	name: 'Down Town(Black)',
	props: {
		bg: '#101014',
		fg: 'rgb(236, 239, 244)',
		navBg: '@bg',
		panel: '@bg',
		accent: 'rgb(255, 89, 117)',
		header: 'transparent',
	},
	author: 'MicroSic',
}

Silence City(Black)，纯黑色背景+灰蓝色主题。

{
	id: '5cc9556c-bee7-4e73-85a5-f2cc95f8043e',
	base: 'dark',
	name: 'Silence City(Black)',
	props: {
		bg: '#101014',
		fg: 'rgb(236, 239, 244)',
		navBg: '@bg',
		panel: '@bg',
		accent: 'rgb(70,125,122)',
		header: 'transparent',
	},
	author: 'MicroSic',
}

透明背景

Down Town，透明背景+玫红色主题。

{
	id: '4c571e7b-c266-47ee-b463-1f84996d5efe',
	base: 'dark',
	desc: '透明背景主题，建议设定桌布后使用。',
	name: 'Down Town',
	props: {
		bg: 'rgba(16,16,20,0.3)',
		fg: 'rgb(236, 239, 244)',
		navBg: '@bg',
		panel: '@bg',
		accent: 'rgb(255, 89, 117)',
		header: 'transparent',
	},
	author: 'MicroSic',
}

Silence City，透明背景+灰蓝色主题。

{
	id: '1aee8b57-1b42-4063-a8d4-427c06a944b6',
	base: 'dark',
	desc: '透明背景主题，建议设定桌布后使用。',
	name: 'Silence City',
	props: {
		bg: 'rgba(16,16,20,0.3)',
		fg: 'rgb(236, 239, 244)',
		navBg: '@bg',
		panel: '@bg',
		accent: 'rgb(70,125,122)',
		header: 'transparent',
	},
	author: 'MicroSic',
}

调整显示字体

在设置-常规设置-自定义CSS里修改样式，这里需要填写自己设备里已安装的字体名称。我换成了思源宋体。使用此功能记得到常规设置里把使用系统默认字体关掉。

1
2
3

html {
font-family: BIZ UDGothic,Roboto,HelveticaNeue,Source Han Serif CN,serif!important;
}

试了各种字体，目前我使用的CSS样式如下：

1
2
3

html {
font-family:Georgia, -apple-system,serif,'Nimbus Roman No9 L', 'PingFang SC','Josefin Sans','Hiragino Sans GB',Source Han Serif CN,'Microsoft Yahei','WenQuanYi Micro Hei', 'ST Heiti',serif!important;
}

英文字体使用Georgia，中文使用衬线体。对于Mac和苹果系统优先使用苹方字体。参考文章：中文网页字体设置方案：从 font-family 到 font-display。