[GH-ISSUE #3365] [Bug] Improve SnackBar Theme #1497

New issue

Closed

opened 2026-03-23 20:50:05 +00:00 by mirror · 1 comment

mirror commented

2026-03-23 20:50:05 +00:00

Owner

Originally created by @AmanNegi on GitHub (Sep 8, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3365

Originally assigned to: @AmanNegi on GitHub.

Bug Description

In AppFlowy, we currently display Snack Bars in various parts of the application. However, a noticeable inconsistency exists in the themes used for these Snack Bars across different sections of the app. This inconsistency in themes negatively impacts the overall readability and accessibility of the content presented to our users.

This issue shares similarities with #3299, and we can potentially implement solutions similar to those provided in that context to achieve a uniform Snack Bar theme across the application.

How to Reproduce

Snackbar 1:

Create a document.
Add an Image element.
Hover on the image you will see options towards right (copy, align, delete).
Click on copy, you will incur a snack bar, saying that copying was successful.

Snackbar 2:

Create a document.
Add some elements. (optional)
On the top right, you can see an option to Share. Click on it and select markdown.
You will be prompted to selection a destination, select it and press OK.
You will be presented with a snackbar, saying that it has been exported successfully.

Expected Behavior

Snackbar themes should be consistent throughout the application.

Operating System

Ubuntu

AppFlowy Version(s)

Latest

Screenshots

Additional Context

No response

Originally created by @AmanNegi on GitHub (Sep 8, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3365 Originally assigned to: @AmanNegi on GitHub. ### Bug Description In AppFlowy, we currently display Snack Bars in various parts of the application. However, a noticeable inconsistency exists in the themes used for these Snack Bars across different sections of the app. This inconsistency in themes negatively impacts the overall readability and accessibility of the content presented to our users. This issue shares similarities with #3299, and we can potentially implement solutions similar to those provided in that context to achieve a uniform Snack Bar theme across the application. ### How to Reproduce ### Snackbar 1: 1. Create a document. 2. Add an Image element. 3. Hover on the image you will see options towards right (copy, align, delete). 4. Click on copy, you will incur a snack bar, saying that copying was successful. ### Snackbar 2: 1. Create a document. 2. Add some elements. (optional) 3. On the top right, you can see an option to `Share`. Click on it and select markdown. 4. You will be prompted to selection a destination, select it and press OK. 5. You will be presented with a snackbar, saying that it has been exported successfully. ### Expected Behavior Snackbar themes should be consistent throughout the application. ### Operating System Ubuntu ### AppFlowy Version(s) Latest ### Screenshots ![snackbar_theme](https://github.com/AppFlowy-IO/AppFlowy/assets/37607224/27a0b5cc-4f13-4371-abca-5b2539c9de4e) ### Additional Context _No response_