#ff5050 — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #ff5050, 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;
} -
I've created a #userscript for the #browser (I use the extension #stylus) which changes in the #mastodon web frontend the colour of the active bookmark icon to orange.
/* simple as this */
.icon-button.bookmark-icon.active {
color: orange;
}The default active colour #ff5050 I cannot distinguish from the inactive colour #606984, because of the small size of the icon.
On the pages on https://www.color.hex.com I'm able to see the difference.
https://www.color-hex.com/color/ff5050
https://www.color-hex.com/color/606984 -
I've created a #userscript for the #browser (I use the extension #stylus) which changes in the #mastodon web frontend the colour of the active bookmark icon to orange.
/* simple as this */
.icon-button.bookmark-icon.active {
color: orange;
}The default active colour #ff5050 I cannot distinguish from the inactive colour #606984, because of the small size of the icon.
On the pages on https://www.color.hex.com I'm able to see the difference.
https://www.color-hex.com/color/ff5050
https://www.color-hex.com/color/606984 -
I've created a #userscript for the #browser (I use the extension #stylus) which changes in the #mastodon web frontend the colour of the active bookmark icon to orange.
/* simple as this */
.icon-button.bookmark-icon.active {
color: orange;
}The default active colour #ff5050 I cannot distinguish from the inactive colour #606984, because of the small size of the icon.
On the pages on https://www.color.hex.com I'm able to see the difference.
https://www.color-hex.com/color/ff5050
https://www.color-hex.com/color/606984 -
I've created a #userscript for the #browser (I use the extension #stylus) which changes in the #mastodon web frontend the colour of the active bookmark icon to orange.
/* simple as this */
.icon-button.bookmark-icon.active {
color: orange;
}The default active colour #ff5050 I cannot distinguish from the inactive colour #606984, because of the small size of the icon.
On the pages on https://www.color.hex.com I'm able to see the difference.
https://www.color-hex.com/color/ff5050
https://www.color-hex.com/color/606984 -
I've created a #userscript for the #browser (I use the extension #stylus) which changes in the #mastodon web frontend the colour of the active bookmark icon to orange.
/* simple as this */
.icon-button.bookmark-icon.active {
color: orange;
}The default active colour #ff5050 I cannot distinguish from the inactive colour #606984, because of the small size of the icon.
On the pages on https://www.color.hex.com I'm able to see the difference.
https://www.color-hex.com/color/ff5050
https://www.color-hex.com/color/606984