[PR #2193] [MERGED] feat: Improve dark mode in board page #5146

New issue

Closed

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

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

Owner

Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/2193
Author: @hyj1204
Created: 4/4/2023
Status: ✅ Merged
Merged: 4/11/2023
Merged by: @LucasXu0

Base: main ← Head: feat/dark_mode_board_improvement

---

📝 Commits (9)

• 1c720e5 chore: update board UI in dark mode
• 2d480ef chore: update URL cell UI
• 3f8169c chore: update checkList pop up UI and shadow color
• 7446a51 chore: fix flutter analyze issue
• 370a3e1 chore: update URL popup textfield and change new property text
• c1f081f chore: Update NumberTypeOptionWidget and options title UI
• 596fba6 chore: make color value more readable
• 03e6c5b chore: flutter analyze
• 4ec6ae6 chore: update sort button style

📊 Changes

26 files changed (+118 additions, -90 deletions)

View changed files

📝 frontend/appflowy_flutter/assets/translations/en.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/eu-ES.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/fr-FR.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/ko-KR.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/pt-BR.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/ru-RU.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/sv.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/zh-CN.json (+1 -1)
📝 frontend/appflowy_flutter/assets/translations/zh-TW.json (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_setting.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_toolbar.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/layout/sizes.dart (+1 -4)
📝 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/grid_header.dart (+1 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/number.dart (+58 -46)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart (+5 -3)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/grid_group.dart (+6 -1)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/sort_button.dart (+2 -2)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_cell.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_progress_bar.dart (+1 -2)

...and 6 more files

📄 Description

This PR is the third part of the dark mode improvement https://github.com/AppFlowy-IO/AppFlowy/issues/1671. It update the UI in the Kanban board view page.

Feature Preview

Updated the following UI:

1. Item detail dialogue: Change the text from 'New column' to 'New property' to avoid potential confusion.
   

2. CheckList in the item detail dialogue
   

3. Setting button
   

4. Update NumberTypeOptionWidget's UI to avoid text overflow
   

5. Minor update in grid view: Keep GridToolbar has the same button style
   

PR Checklist

• My code adheres to the AppFlowy Style Guide
• I've listed at least one issue that this PR fixes in the description above.
• I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
  No test added. UI changes only.
• All existing tests are passing.

---

_{🔄 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/2193 **Author:** [@hyj1204](https://github.com/hyj1204) **Created:** 4/4/2023 **Status:** ✅ Merged **Merged:** 4/11/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/dark_mode_board_improvement` --- ### 📝 Commits (9) - [`1c720e5`](https://github.com/AppFlowy-IO/AppFlowy/commit/1c720e5f887be7bd75358dad230d470eb4d659c5) chore: update board UI in dark mode - [`2d480ef`](https://github.com/AppFlowy-IO/AppFlowy/commit/2d480ef01a88793b0f7035aa139171a3951dcfd3) chore: update URL cell UI - [`3f8169c`](https://github.com/AppFlowy-IO/AppFlowy/commit/3f8169c56d88d23f056d603dd064863dc1c3ae68) chore: update checkList pop up UI and shadow color - [`7446a51`](https://github.com/AppFlowy-IO/AppFlowy/commit/7446a510bccbaa56e15151a85d0a01d12f4be978) chore: fix flutter analyze issue - [`370a3e1`](https://github.com/AppFlowy-IO/AppFlowy/commit/370a3e1a58df78d814da879364ee14d0ac71be89) chore: update URL popup textfield and change new property text - [`c1f081f`](https://github.com/AppFlowy-IO/AppFlowy/commit/c1f081f7b21904324a81f022003c3c719b47e206) chore: Update NumberTypeOptionWidget and options title UI - [`596fba6`](https://github.com/AppFlowy-IO/AppFlowy/commit/596fba6d5a4d5c9c3f95d7e025f62b7ae6f84401) chore: make color value more readable - [`03e6c5b`](https://github.com/AppFlowy-IO/AppFlowy/commit/03e6c5bb25c30caf658da604d414bce3c5882e2c) chore: flutter analyze - [`4ec6ae6`](https://github.com/AppFlowy-IO/AppFlowy/commit/4ec6ae67244536f2192abcb8014286e77f88b952) chore: update sort button style ### 📊 Changes **26 files changed** (+118 additions, -90 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/assets/translations/en.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/eu-ES.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/fr-FR.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/ko-KR.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/pt-BR.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/ru-RU.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/sv.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/zh-CN.json` (+1 -1) 📝 `frontend/appflowy_flutter/assets/translations/zh-TW.json` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_setting.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/board/presentation/toolbar/board_toolbar.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/layout/sizes.dart` (+1 -4) 📝 `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/grid_header.dart` (+1 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/number.dart` (+58 -46) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart` (+5 -3) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/grid_group.dart` (+6 -1) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/toolbar/sort_button.dart` (+2 -2) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_cell.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/checklist_cell/checklist_progress_bar.dart` (+1 -2) _...and 6 more files_ </details> ### 📄 Description This PR is the third part of the dark mode improvement https://github.com/AppFlowy-IO/AppFlowy/issues/1671. It update the UI in the Kanban board view page. ### Feature Preview Updated the following UI: 1. Item detail dialogue: Change the text from 'New column' to 'New property' to avoid potential confusion.  2. CheckList in the item detail dialogue  3. Setting button  4. Update NumberTypeOptionWidget's UI to avoid text overflow  5. Minor update in grid view: Keep GridToolbar has the same button style <img width="190" alt="image" src="https://user-images.githubusercontent.com/14248245/230994049-f421caee-eaaf-485b-9049-10684a9ad6ba.png"> #### PR Checklist - [x] My code adheres to the [AppFlowy Style Guide](https://appflowy.gitbook.io/docs/essential-documentation/contribute-to-appflowy/software-contributions/submitting-code/style-guides) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. No test added. UI changes only. - [x] All existing tests are passing. --- _{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

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

• closed this issue
• added the
  pull-request
  label

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#5146

No description provided.