#8c8dff — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #8c8dff, aggregated by home.social.
-
Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!
/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
} -
Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!
/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
} -
Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!
/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
} -
Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!
/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
} -
Togs is tired of the grayed out star, as it feels anti-accessibility for him, so he modified the css on his side! It is a bit burnt solution but work fine for him!
/*Toot icon*/
path[d="M7 22L3 18L7 14L8.4 15.45L6.85 17H17V13H19V19H6.85L8.4 20.55L7 22ZM5 11V5H17.15L15.6 3.45L17 2L21 6L17 10L15.6 8.55L17.15 7H7V11H5Z"] {
fill:#8c8dff;
}path[d="M9 9H15V15H9V9Z"]{
fill:#8c8dff;
}/*Favorite icon*/
path[d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"]{
fill:#ca8f04;
}/*Bookmark icon*/
path[d="M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240 200-120Z"]{
fill:#ff5050;
} -
Hey mastodon admins!
Here is CSS for a micro-improvement on UI.
It highlights (more) the selected message in a thread so it is easier to find.
Use case: Entering a long thread from notification.
```
.focusable.detailed-status__wrapper {
border-left: 1px solid #8c8dff;
}
``` -
@MGOPW found some more; checkboxes for content warning on photos:
.compose-form__sensitive-button .checkbox.active {
border-color: #8c8dff;
background: #8c8dff;
}privacy:
.privacy-dropdown__option.active, .privacy-dropdown__option:hover {
background: #6364ff;
color: #fff;
outline: 0;
}content warning active:
.text-icon-button.active {
color: #8c8dff;
}.language-dropdown__dropdown__results__item.active {
background: #6364ff;
color: #fff;
outline: 0;
} -
CW: #MastoAdmin: The new purple boost button isn't accessible (includes CSS fix)
The updated purple has one downside found so far: the boost :boost_ok: button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.
The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.
-
CW: #MastoAdmin: The new purple boost button isn't accessible (includes CSS fix)
The updated purple has one downside found so far: the boost :boost_ok: button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.
The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.
-
CW: #MastoAdmin: The new purple boost button isn't accessible (includes CSS fix)
The updated purple has one downside found so far: the boost :boost_ok: button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.
The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.
-
CW: #MastoAdmin: The new purple boost button isn't accessible (includes CSS fix)
The updated purple has one downside found so far: the boost :boost_ok: button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.
The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.
-
CW: #MastoAdmin: The new purple boost button isn't accessible (includes CSS fix)
The updated purple has one downside found so far: the boost :boost_ok: button on toots goes from #606984 grey to #8c8dff purple (a contrast ratio of only 1.91:1), which some of our users were having trouble recognizing.
The icons are inline SVG with hex color codes included, easily replaced with a quick CSS hack. I increased the brightness to #cbc9ff in this snippet.
