Follow

要工了总之先这样: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。
另外:嘟文右下角三个点点击后的面板,鼠标移上去的颜色还没找到在哪里,应该还有一些其他没找到的地方 :ablobdundundun:

· Edited · · 1 · 5 · 9

要工了总之先这样:Mastodon官方将品牌主题色从蓝色改为了紫色,如果你的站点最近升级了,也像我一样看不习惯这个紫色,以下是一些较为笨拙的“我偏要勉强” 

@Hydrangea 感谢您我获得安宁 :blobcatmeltcry:

Sign in to participate in the conversation
小球飞象

本实例是獭獭客厅,提供小球飞鱼,壁炉,风铃,獭獭提灯,散乱的书本和小雪人