# Why does the "reply" button in post actions have a background transition effect?

**URL:** https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362
**Category:** UX
**Created:** [June 2, 2026, 8:19pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362 "2026-06-02T20:19:15Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 2, 2026, 8:19pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/1 "2026-06-02T20:19:15Z")

</div>

Hi!

![chromexk0yYgh0xq](https://global.discourse-cdn.com/meta/original/4X/2/6/b/26b9c9408c50161a9b57b762142c772e39ba9341.gif)

I don’t see any obvious other button that shares this design choice. Also the text color has no transition so it doesn’t look very good.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [June 3, 2026, 12:44am UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/2 "2026-06-03T00:44:39Z")

</div>

What theme are you using? I have effects on all buttons on Meta branded and Horizon.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [June 3, 2026, 4:01am UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/3 "2026-06-03T04:01:26Z")

</div>

@Canapin What theme is this? I cannot seem to see the same effect on Meta Branded or Foundation.

(@HAWK no idea how I missed that even after reading your post twice. Didn’t wake up fully I guess…)

---

<div class="post-metadata">

### Author: ![Bryanpwo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bryanpwo/32/238284_2.png) [@Bryanpwo](https://meta.discourse.org/u/Bryanpwo)
#### Post date: [June 3, 2026, 6:50am UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/4 "2026-06-03T06:50:21Z")

</div>

It is your theme; the side menu options on your Discourse instance shows the same behaviour.

BTW. Nice to see your unicyclist community is thriving.

Bryan (EndeavourOS)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 3, 2026, 8:58am UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/5 "2026-06-03T08:58:11Z")

</div>

Hi, sorry I probably wasn’t clear. I’m talking about the _animated_ background transition, which I don’t see on any other button.

I’m using Foundation. It also happens on Meta Branded, but not on Horizon.

![chromeiROpBHVzVg](https://global.discourse-cdn.com/meta/original/4X/a/8/b/a8bea5122c3125fe02ed13695bbcc9822ac9b147.gif)

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [June 3, 2026, 9:06am UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/6 "2026-06-03T09:06:02Z")

</div>

Oh, maybe it’s so subtle that I missed it. I have rubbish eyes. Does it fade in while the others are flat?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [June 10, 2026, 7:54pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/7 "2026-06-10T19:54:22Z")

</div>

The transition is due to us making these action items slightly transparent when not hovered. This is to not take away focus on the content itself.

It could possibly be time to get rid of this, and just use lighter colors here rather than opacity settings.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 10, 2026, 9:28pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/9 "2026-06-10T21:28:25Z")

</div>

Ohh I see, actually we don’t need the background transition property here anyway… I think this was an old remnant from when the reply button had a background color by default?

> <https://github.com/discourse/discourse/pull/40764>
>
> We no longer transition the background of the post controls, so all it does is c…ause an unwanted hover effect when hovering the button. The opacity is still used to make the reply button darker when hovering the relevant post.

The opacity can stay for the post hover making the reply button darker, it doesn’t get in the way here.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 10, 2026, 9:28pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/10 "2026-06-10T21:28:52Z")

</div>

I’m not sure I understand so just in case my question can be written as “why is the reply button animated on hover” when no other buttons seemingly are? Plus, only the background is animated on hover, not the text, which looks weird.

It comes from the `.fade-out` class that overrides the default transition (which is set to none).

* * *

edit: well kris answered while I was typing. Thanks! 😆

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 10, 2026, 9:36pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/11 "2026-06-10T21:36:10Z")

</div>

I’ve read the fix and it fixes the _text_ not having the fade animation, but I’m still not sure I get it.  
My main question isn’t answered unless I’m missing something: why is this button animated with the `transition` property when others buttons aren’t?

If this reply button is animated on hover purposely, then OK! 😄 It looks a bit weird to me because it seems to be the only animated button on hover. I just thought it was something that was supposed to be removed but overlooked 🙂

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [June 10, 2026, 9:42pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/12 "2026-06-10T21:42:00Z")

</div>

“fade-out” class is only added to reply button with a label. If I’m not wrong, I think Canapin asks whether this inconsistency is intentional comparing to others buttons.

> <https://github.com/discourse/discourse/blob/main/frontend/discourse/app/components/post/menu/buttons/reply.gjs#L26>

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 10, 2026, 10:14pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/13 "2026-06-10T22:14:38Z")

</div>

This is it. Thanks for narrowing the point I’m raising!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 10, 2026, 10:24pm UTC](https://meta.discourse.org/t/why-does-the-reply-button-in-post-actions-have-a-background-transition-effect/404362/14 "2026-06-10T22:24:18Z")

</div>

It’s to draw more attention to the reply button on the post you’re hovering, it’s a very old behavior that I think used to be more dramatic and applied to all controls way back in the 1.0 days.

Up for debate whether we need it at all anymore, but I like the subtle little differentiation.
