風山@私はご飯を残しました(慢心)Oct 13
body {
background-color: #191b22;
}
.drawer__inner__mastodon {
background-color: #444b5d;
}
.drawer__inner{
background-color: #444b5d;
}
.column>.scrollable{
background-color: #282c37;
}
.column-header {
background-color: #313543;
}
Dmitri Goosens Oct 17, 2024

hello @ian

the new #mastodon looks stunning !
awesome

thanks a lot

side note, this is the CSS I inject to freeze the composition column in the advanced web interface

```
.drawer {
position: fixed;
height: 100%;
z-index: 98;
background-color: #191b22;
}

body>[data-popper-placement] {
z-index: 99 !important;
}

.drawer + .column {
margin-left: 350px;
}
```
(wish there were an option to deal with this)

Show threadBoris Schapira (Pro)May 17, 2024
@alex86 It looks great, except perhaps for the colour of the canvas, which is a little dark (#121212) for my taste. I feel like a softer dark like #191b22 would preserve contrast with the other theme colors while being less sharp
Show threadlampFeb 14, 2023
@lucasvl no they can't, some like vivaldi will set the color to the site's theme color (i.e. <meta content='#191b22' name='theme-color'>) but chrome doesn't do that
Show threadAlexander MikhaylenkoDec 30, 2022

And I guess the most obvious thing to test it with is mastodon.

And so:

theme color - #191B22
under page background color: #191B22 as well
sampled page top color: #282C37

So here the sampled color is better than theme color, but that one should be respected, so oh well.

More so if light theme is used - theme-color is still dark while both background and sampled colors are appropriately light...

And apparently there's one more layer to this.

https://developer.mozilla.org/en-US/ has theme-color set to white and yet Safari picks up sampled color: #1B1B1B

I'm honestly not sure why. Maybe it treats white theme-color as unset?..

Search

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

MDN Web Docs
Show threadのえるAug 10, 2021

@AuroraTune_1103 これ @Rintan に振った方が良さそうですね。

mastodon-darkとmastodon-lightの配色、

ダークの方
// Background-color
$bg-color: #191b22;
$menu-bg-color: #d9e1e8;
$menu-bg-hover-color: lighten($menu-bg-color, 6%);
$menu-bg-active-color: lighten($menu-bg-color, 10%);

ライトの方
// Background-color
$bg-color: #eff3f5;
$menu-bg-color: $bg-color;
$menu-bg-hover-color: darken($bg-color, 6%);
$menu-bg-active-color: darken($bg-color, 10%);

bg-colorとmenu-bg-colorの指定の仕方に一貫性がないですね。どうなおしていいか意図がわからないので、確認お願いします。

Encrypted MessageAug 4, 2020
I can't use Tor to access my mastodon instance. The /about is fine, however when I log in, it just shows #191b22 (The color).