要工了总之先这样:Mastodon官方将品牌主题色从蓝色改为了紫色,如果你的站点最近升级了,也像我一样看不习惯这个紫色,以下是一些较为笨拙但凑合用的“我偏要勉强”
预警:真的比较笨,我一个个把颜色找出来改的,可能有遗漏。
如果站点使用小森林站镜像,小森林站站长保留了一份原配色主题,位置为“首选项—外观——站点主题——Mastodon(深色/浅色主题—群青)”
如果站点使用官方镜像(主题色应该会在下次版本升级时变更),或者使用小森林站镜像(或有类似功能的魔改镜像),又希望在其他主题中使用原蓝色主题色方案的,可以使用这份CSS:
.button:active, .button:focus, .button:hover {
background-color: #2b90d9;
}
.button {
background-color: #2b90d9;
}
.quote-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link, .status__content a.unhandled-link {
color: #2b90d9;
}
.simple_form .block-button, .simple_form .button, .simple_form button {
background: #2b90d9;
}
.floating-action-button {
background: #2b90d9;
}
.floating-action-button:hover {
background: #2b90d9;
}
.button.logo-button {
background: #2b90d9;
}
.tabs-bar__link.active {
color: #2b90d9;
}
.react-toggle--checked .react-toggle-track {
background-color: #2b90d9;
}
.icon-with-badge__badge {
background: #2b90d9;
}
.account__header__bio .account__header__fields a {
color: #2b90d9;
}
.column-back-button {
color: #2b90d9;
}
.icon-button.inverted.active {
color: #2b90d9;
}
.column-header__back-button {
background: color: #2b90d9;
}
.simple_form .block-button:active, .simple_form .block-button:focus, .simple_form .block-button:hover, .simple_form .button:active, .simple_form .button:focus, .simple_form .button:hover, .simple_form button:active, .simple_form button:focus, .simple_form button:hover {
background-color: #2b90d9;
}
.tabs-bar__link.active {
border-bottom: 2px solid #2b90d9;
color: #2b90d9;
}
.column-link--transparent.active {
color: #2b90d9;
}
.column-header.active .column-header__icon {
color: #2b90d9;
}
.privacy-dropdown.active .privacy-dropdown__value.active .icon-button {
background-color: #2b90d9;
}
.sidebar ul .simple-navigation-active-leaf a {
background-color: #2b90d9;
}
.privacy-dropdown__option.active, .privacy-dropdown__option:hover {
background: #2b90d9;
}
.filters .filter-subset a.selected {
color: #2b90d9;
border-bottom: 2px solid #2b90d9;
}
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
color: #fff;
background-color: #2b90d9;
}
.dropdown-menu__item:hover {
background-color: #2b90d9;
}
.column-header>.column-header__back-button {
color: #2b90d9;
}
修改方法:
使用官方镜像(或没有相关魔改的镜像)的站长可以在管理面板的“网站设置——自定义CSS”中定义全站CSS。
使用小森林镜像(或有类似功能的镜像)的用户,可以在“首选项——外观——自定义CSS”中定义个人CSS。
另外:嘟文右下角三个点点击后的面板,鼠标移上去的颜色还没找到在哪里,应该还有一些其他没找到的地方
要工了总之先这样:Mastodon官方将品牌主题色从蓝色改为了紫色,如果你的站点最近升级了,也像我一样看不习惯这个紫色,以下是一些较为笨拙的“我偏要勉强”
@Hydrangea 感谢您我获得安宁