[PR #2099] [MERGED] Feat(appflowy_flutter): dark mode improvement for generic area/widgets #5093

New issue

Closed

opened 2026-03-23 22:17:11 +00:00 by mirror · 0 comments

mirror commented 2026-03-23 22:17:11 +00:00

Owner

Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/2099
Author: @hyj1204
Created: 3/23/2023
Status: ✅ Merged
Merged: 3/30/2023
Merged by: @LucasXu0

Base: main ← Head: feat/dark_mode_improvement

---

📝 Commits (10+)

• 5c50abf chore: update color scheme for dark mode
• 65df20f chore: update dark color scheme
• 15e84c7 chore: update top bar BGcolor and icon color
• 9bc061b chore: update text color
• e17029a chore: update share button color on the top bar
• f31c814 chore: add tooltip theme data in global
• 5c09e33 chore: add hint and tertiary color and update font size pop up menu style
• 36fe251 chore: update all the semibold texts color
• edfe2c9 chore: update all the hover color
• eec7e68 chore: update setting BG color

📊 Changes

71 files changed (+446 additions, -228 deletions)

View changed files

➕ frontend/appflowy_flutter/assets/images/home/new_app_dark.svg (+5 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/board_page.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_setting.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/calendar/presentation/calendar_day.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/choicechip.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/disclosure_button.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/filter_menu.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_list.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/date.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/number.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option_editor.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/action.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/sort_editor.dart (+3 -3)

...and 51 more files

📄 Description

This PR is the first part of the dark mode improvement #1671 . It update the UI in the generic area/widgets, like Side bar, Top bar, question bubble and tool tip #2016 . The page area where plugins is haven't been updated. It will be updated in the next PR.

The main change
Due to the icon color on the button needs to change when it is hovered, I created a new widget FlowySvg to replace svg Widget(where has hover effect) in order to get the icon color when it is hovered from current theme data.

And inside FlowyHoverContainer, the icon color in the ThemeData will be updated to the new icon color(when it is hovered).

To clarify, the icon's color will be based on the current ThemeData when it is not being hovered over. However, when the user hovers over the icon, its color will temporarily change to a new color while still being based on the ThemeData. This allows the icon's color to be dynamically changed.

The following UI has been updated

1. All the elements in the Side bar
   

2. Hover effect in multiple locations
   
   
   

3. Font size switch menu
   

4. All the Tooltip
   

5. Question bubble
   

6. Setting Menu and DropdownMenuItem style
   

---

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/2099 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 3/23/2023 **Status:** ✅ Merged **Merged:** 3/30/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/dark_mode_improvement` --- ### 📝 Commits (10+) - [`5c50abf`](https://github.com/AppFlowy-IO/AppFlowy/commit/5c50abfb0434f6b8fd6708125fbfe67eb68f0d34) chore: update color scheme for dark mode - [`65df20f`](https://github.com/AppFlowy-IO/AppFlowy/commit/65df20f14a1a1fdbb53c49a120f8e7740dd8eb18) chore: update dark color scheme - [`15e84c7`](https://github.com/AppFlowy-IO/AppFlowy/commit/15e84c7210143c6477c0f5f6bab6f5637ac11c85) chore: update top bar BGcolor and icon color - [`9bc061b`](https://github.com/AppFlowy-IO/AppFlowy/commit/9bc061b9d8bdd7405033797ea3f4abae342896de) chore: update text color - [`e17029a`](https://github.com/AppFlowy-IO/AppFlowy/commit/e17029aea655b38de6f51a6b603b0d2534789a03) chore: update share button color on the top bar - [`f31c814`](https://github.com/AppFlowy-IO/AppFlowy/commit/f31c8146e67b648512e6c2f4e185b39473f68512) chore: add tooltip theme data in global - [`5c09e33`](https://github.com/AppFlowy-IO/AppFlowy/commit/5c09e336c87e5d9f62bf68e03bb90b9b6f54eff1) chore: add hint and tertiary color and update font size pop up menu style - [`36fe251`](https://github.com/AppFlowy-IO/AppFlowy/commit/36fe251945a7c3d2e5741165c0a6f313c5f78b0c) chore: update all the semibold texts color - [`edfe2c9`](https://github.com/AppFlowy-IO/AppFlowy/commit/edfe2c901250e07da55e7cfb4a3810c48ff8c6ce) chore: update all the hover color - [`eec7e68`](https://github.com/AppFlowy-IO/AppFlowy/commit/eec7e6817a0436f4bd2f9f34d316547568c1ef9e) chore: update setting BG color ### 📊 Changes **71 files changed** (+446 additions, -228 deletions) <details> <summary>View changed files</summary> ➕ `frontend/appflowy_flutter/assets/images/home/new_app_dark.svg` (+5 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/board_page.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_setting.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/calendar/presentation/calendar_day.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/choicechip/choicechip.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/disclosure_button.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/filter/filter_menu.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_cell.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_list.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/date.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/number.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option_editor.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/row/action.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/sort/sort_editor.dart` (+3 -3) _...and 51 more files_ </details> ### 📄 Description This PR is the first part of the dark mode improvement #1671 . It update the UI in the generic area/widgets, like Side bar, Top bar, question bubble and tool tip #2016 . The page area where plugins is haven't been updated. It will be updated in the next PR. **The main change** Due to the icon color on the button needs to change when it is hovered, I created a new widget `FlowySvg` to replace `svg Widget`(where has hover effect) in order to get the icon color when it is hovered from current theme data.  And inside `FlowyHoverContainer`, the icon color in the ThemeData will be updated to the new icon color(when it is hovered).  To clarify, the icon's color will be based on the current ThemeData when it is not being hovered over. However, when the user hovers over the icon, its color will temporarily change to a new color while still being based on the ThemeData. This allows the icon's color to be dynamically changed. The following UI has been updated 1. All the elements in the Side bar  2. Hover effect in multiple locations    3. Font size switch menu  4. All the Tooltip  5. Question bubble  6. Setting Menu and DropdownMenuItem style  --- _{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

mirror 2026-03-23 22:17:11 +00:00

• closed this issue
• added the
  pull-request
  label

mirror referenced this issue 2026-03-23 23:15:59 +00:00

[PR #5093] [CLOSED] Update tr-TR.json #6639

Sign in to join this conversation.

No Branch/Tag specified

Branches Tags

main

copilot/fix-date-format-issue

feat/mention_a_person

merge_upstream_v6

mobile/release/0.9.3

release/0.9.3

release/0.9.2

select_source

release/0.9.1

refactor_import_data

release/0.8.9.1

release/0.8.9

anon_user_mode

release/0.8.8

fix_windows_selection

release/0.8.7

annieappflowy-patch-1

windows_local_ai

release/0.8.6

release/0.8.5

release/0.8.4

chore/optional-response-format

release/0.8.3

release/0.8.2

release/0.8.1

release/0.8.0

release/0.7.9

feat/support-rename-workspace

chat_rag_only

calculate_ui_test

release/0.7.8

release/0.7.7

stringfi_cells

hotfix/0.7.5

release/0.7.4

client-api-update

feat/collab-editing

fix_calculation_bug

feat/upload-file-in-document

update-client-api

feat/support-global-comment-on-web

update-client-api-2

feat/support-duplicate-publish-on-web

feat/ai-plan-billing

chore/test-web-deploy

chore/enable-billing-for-testing

build/test

ai_tag_feature

chore/enable-billing-plan

feat/billing-client-windows

chore/support-openai-chat

fix/try-no-media-kit

sign-in-error-format

workspace-invite-ci-test

last-workspace

workspace-invite-wip

feat/date-text-input

appflowy_v1

0.11.1

0.11.0

0.10.9

0.11.2

0.10.7

0.10.6

0.10.5

0.11.3

0.11.4

0.10.8

0.10.4

0.10.3

0.10.2

0.10.0

0.10.1

0.9.9

0.9.8

0.9.7

0.9.5

0.9.6

0.9.4

0.9.3

0.9.2

0.9.1

0.9.0

0.8.9

0.8.8

0.8.7

0.8.6

0.8.5

0.8.4

0.8.3

0.8.2

0.8.1

0.8.0

0.7.9

0.7.8

0.7.7

0.7.6

0.7.5

0.7.4

0.7.3

0.7.2

0.7.1

0.7.0

0.6.9

0.6.8

0.6.7.2

0.6.7.1

0.6.7

0.6.6

0.6.5

0.6.4

0.6.3

0.6.2

0.6.1

v0.6.1

0.6.0

0.5.9

0.5.8

0.5.7

0.5.6

0.5.5

0.5.4

0.5.3

0.5.2

0.5.1

0.5.0

0.4.9

0.4.8

0.4.7

0.4.6

0.4.5

0.4.4

0.4.3

0.4.2

0.4.1

0.4.0

0.3.9.1

0.3.9

0.3.8

0.3.7

0.3.6

0.3.5

0.3.4

0.3.3

0.3.2

0.3.1

0.3.0

0.2.9

0.2.8

0.2.7

0.2.6

0.2.5

0.2.4

0.2.3

0.2.2

0.2.1

0.2.0

0.1.6

0.1.5

0.1.4

0.1.3

0.1.2

0.1.1

0.1.0

0.0.9.1

0.0.9

0.0.8.1

0.0.8

0.0.7.1

0.0.7

0.0.6.2

0.0.6.1

0.0.6

0.0.6_beta.1

0.0.5.3

0.0.5.2

0.0.5.1

0.0.5

0.0.5_beta.2

0.0.5_beta.1

0.0.4

0.0.4_beta.3

0.0.4_beta.2

0.0.4_beta.1

0.0.3

0.0.3_beta.2

0.0.3_beta.1

0.0.2

0.0.1

Labels

Clear labels   

2024

  

2025

  

2026

  

acct mgmt

  

AI

  

automation

  

bug

  

calendar

  

ci

  

CJK

  

cloud

  

code-block

  

collaboration

  

copy-paste

  

database

  

data migration

  

data sync

  

deploy

  

desktop

  

develop

  

develop

  

documentation

  

duplicate

  

editor

  

editor-plugin

  

emoji

  

export

  

files

  

flutter-only

  

follow-up

  

formula

  

good first issue for devs

  

good first issue for experienced devs

  

grid

  

hacktoberfest

  

HACKTOBERFEST-ACCEPTED

  

help wanted

  

i18n

  

icons

  

images

  

importer

  

improvements

  

infra

  

install

  

integrations

  

IR

  

kanban board

  

login

  

look and joy

  

mentorship

  

mobile

  

mobile

  

needs design

  

new feature

  

new feature

  

non-coding

  

notes

  

notifications

  

onboarding

  

organization

  

P0+

  

permission

  

platform-linux

  

platform-mac

  

platform-windows

  

plugins

  

program

  

pull-request

Mirrored from GitHub Pull Request

  

Q1 25

  

Q1 26

  

Q2 24

  

Q2 25

  

Q3 24

  

Q3 25

  

Q4 24

  

Q4 25

  

react

  

regression

  

rust

  

rust

  

Rust-only

  

Rust-only

  

Rust-starter

  

Rust-starter

  

self-hosted

  

shortcuts

  

side panel

  

slash-menu

  

sync v2

  

table

  

tablet

  

task

  

tauri

  

templates

  

tests

  

themes

  

translation

  

v0.5.6

  

v0.5.8

  

v0.5.9

  

v0.6.0

  

v0.6.1

  

v0.6.4

  

v0.6.7

  

v0.6.8

  

v0.7.1

  

v0.7.4

  

v0.7.4

  

v0.7.5

  

v0.7.6

  

v0.7.7

  

v0.7.8

  

v0.8.0

  

v0.8.4

  

v0.8.5

  

v0.8.9

  

web

No labels

2024

2025

2026

acct mgmt

AI

automation

bug

calendar

ci

CJK

cloud

code-block

collaboration

copy-paste

database

data migration

data sync

deploy

desktop

develop

develop

documentation

duplicate

editor

editor-plugin

emoji

export

files

flutter-only

follow-up

formula

good first issue for devs

good first issue for experienced devs

grid

hacktoberfest

HACKTOBERFEST-ACCEPTED

help wanted

i18n

icons

images

importer

improvements

infra

install

integrations

IR

kanban board

login

look and joy

mentorship

mobile

mobile

needs design

new feature

new feature

non-coding

notes

notifications

onboarding

organization

P0+

permission

platform-linux

platform-mac

platform-windows

plugins

program

pull-request

Q1 25

Q1 26

Q2 24

Q2 25

Q3 24

Q3 25

Q4 24

Q4 25

react

regression

rust

rust

Rust-only

Rust-only

Rust-starter

Rust-starter

self-hosted

shortcuts

side panel

slash-menu

sync v2

table

tablet

task

tauri

templates

tests

themes

translation

v0.5.6

v0.5.8

v0.5.9

v0.6.0

v0.6.1

v0.6.4

v0.6.7

v0.6.8

v0.7.1

v0.7.4

v0.7.4

v0.7.5

v0.7.6

v0.7.7

v0.7.8

v0.8.0

v0.8.4

v0.8.5

v0.8.9

web

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

AppFlowy-IO/AppFlowy#5093

No description provided.