I just looked at mastodon's web interface and understood what everyone is grumbling about. Anybody interested, here's the custom css I used to undo most of the new CW design:

.content-warning::before, .content-warning::after, .spoiler-input__border { display: none; }
.content-warning { border: none; }
.content-warning .link-button { width: 100%; }
.content-warning .link-button:hover { background: #2b90d9; color: #eae7dc; }

(The setting is in Administration → Server settings → Appearance now)

.status__content a.unhandled-link {
color: #2b90d9;
}

これも必要だった

.status__content a {
color: #2b90d9;
}

こうかな

@rey Here's a patch! Should be able to apply it by tossing it in a file and going e.g. "git am nopurple.patch".

Note that I can't actually test this, and it'll probably only revert things like the post button and follow button, not the new actual purple of the boost button and whatnot. But!

From e72a91518023829e44d55185b0747658ba791d1e Mon Sep 17 00:00:00 2001
From: Frost <[email protected]>
Date: Wed, 5 Oct 2022 19:48:23 -0700
Subject: [PATCH] Revert brand color part of 45aa5781ce611ea411e34e3b18358a9fe15f67ce

No purple!
---
app/javascript/styles/mastodon/variables.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/styles/mastodon/variables.scss b/app/javascript/styles/mastodon/variables.scss
index be2c900ea..3da40305a 100644
--- a/app/javascript/styles/mastodon/variables.scss
+++ b/app/javascript/styles/mastodon/variables.scss
@@ -13,5 +13,5 @@ $red-bookmark: $warning-red;
$classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
-$classic-highlight-color: #6364ff; // Brand purple
+$classic-highlight-color: #2b90d9; // Summer Sky

// Variables for defaults in UI
--
2.34.1

#Mastodon #mastodev #MastoAdmin

@rey AHA!

in app/javascript/styles/mastodon/variables.scss
-$classic-highlight-color: #2b90d9; // Summer Sky
+$classic-highlight-color: #6364ff; // Brand purple

is what we want to revert.
I should be able to make a patch you (and other admins!) can one-command apply...

@15x15 谢谢!但好像没有变化?
.icon-button.active{
background-color: #2b90d9;
}

预警:真的比较笨,我一个个把颜色找出来改的,可能有遗漏。
如果站点使用小森林站镜像,小森林站站长保留了一份原配色主题,位置为“首选项—外观——站点主题——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。
另外:嘟文右下角三个点点击后的面板,鼠标移上去的颜色还没找到在哪里,应该还有一些其他没找到的地方 

@schratze @freeplay Guess what I made!

The default is the new color, the old one is \#2b90d9

I will be using \#056c6f I think.

Anyway, it's available here: https://userstyles.world/style/4743/spacious-mastodon

#userstyle #mastodon #userCSS #CSS

Spacious Mastodon by riedler

!ALERT! unmaintained since 01.06.2024 Helps you see more also try the optional helper userscript: https://greasyfork.org/en/scripts/461165

Mastodon HEX #2b90d9

@konatasick 无语了麻烦死了。你需要改 ~/live/public/mask-icon.svg~/live/public/badge.png,logo-alt 现在要不要改我也不清楚了。改完之后去电脑上的 ~/Library/Safari/Template Icons 把里面的文件删了就好了。载入的实际上是 <head> 里面的 <link color="#2B90D9" href="/mask-icon.svg" rel="mask-icon">,所以传黑色的就好了,它自己上色。我把你站的 icon 在 inkscape 里 trace 了一下,你把下面的文字保存成 mask-icon.svg 就可以了

<svg
width="16"
height="16"
viewBox="0 0 341.33334 341.33334"
xmlns="http://www.w3.org/2000/svg">
<path
d="M 145.33334,339.28309 C 120.4778,335.35305 95.760614,325.72851 75.218489,311.98133 61.885073,303.05834 38.458762,279.72435 29.724558,266.66667 -9.6535702,207.79618 -9.6535702,133.53716 29.724558,74.666668 38.458762,61.608991 61.885073,38.274997 75.218489,29.352018 96.277009,15.259251 120.72515,5.8792105 146.66667,1.9394282 c 40.50691,-6.1518515 84.31736,3.9023656 119.44818,27.4125898 13.33342,8.922979 36.75973,32.256973 45.49393,45.31465 39.37813,58.870492 39.37813,133.129512 0,192.000002 -8.7342,13.05768 -32.16051,36.39167 -45.49393,45.31466 -35.27789,23.60864 -80.08383,33.73669 -120.78151,27.30176 z M 77.71853,256.90211 c 7.444437,-4.36273 12.357302,-10.07577 16.827921,-19.56877 L 98.000002,230 98.666669,174 c 0.47219,-39.66397 1.097394,-56 2.143201,-56 0.8121,0 18.76566,20.1 39.8968,44.66667 28.65496,33.31371 39.16068,44.66667 41.33333,44.66667 2.17266,0 12.67838,-11.35296 41.33334,-44.66667 C 244.50448,138.1 262.44005,118 263.23014,118 c 1.0044,0 1.54029,21.5588 1.78145,71.66667 l 0.34491,71.66667 h 7.30072 c 6.18217,0 7.96784,-0.59599 11.65508,-3.89005 l 4.35437,-3.89006 0.36415,-79.51017 c 0.31583,-68.96015 0.0947,-80.077927 -1.66628,-83.788982 -2.58936,-5.456687 -6.01003,-7.555082 -13.79967,-8.465382 -5.04028,-0.589006 -6.91149,-0.19036 -9.78848,2.085342 -1.9563,1.547457 -20.81773,22.908852 -41.91427,47.469762 C 200.7656,155.90471 182.85011,176 182.04994,176 c -0.80018,0 -19.13876,-20.63629 -40.7524,-45.85842 -21.61365,-25.22213 -40.67577,-46.522129 -42.360275,-47.333332 -6.570641,-3.164204 -16.687771,-0.374633 -20.33497,5.60691 -2.47851,4.064848 -2.592544,7.257469 -2.59731,72.716562 l -0.005,68.46506 -4.09551,3.82578 c -5.519827,5.15628 -11.734336,6.19931 -18.162247,3.04828 -7.255087,-3.5565 -10.917203,-9.62349 -10.119523,-16.76488 1.112267,-9.95781 -6.728362,-15.85704 -16.229651,-12.21105 -4.074311,1.56347 -6.392535,8.30071 -5.450519,15.84035 1.851567,14.81944 12.076147,29.423 24.724117,35.31295 8.53199,3.9732 22.64698,3.17949 31.051862,-1.7461 z m 47.84315,-73.77543 c 3.03231,-2.7442 3.1266,-6.82284 0.23167,-10.02169 -2.70818,-2.99251 -6.24757,-3.12696 -9.03144,-0.34308 -2.7173,2.71729 -2.66955,7.06017 0.11141,10.13311 2.73811,3.02558 5.51919,3.09973 8.68836,0.23166 z"/>
</svg>