mirror of
https://github.com/AppFlowy-IO/AppFlowy.git
synced 2026-03-24 12:56:59 +00:00
[GH-ISSUE #1070] [FR] Create a new theme for AppFlowy Editor #423
Labels
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
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
AppFlowy-IO/AppFlowy#423
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @annieappflowy on GitHub (Sep 16, 2022).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1070
Add a new theme to the theme library.
Reference: https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/documentation/customizing.md#customizing-a-theme-new-feature-in-005-alpha
@ChiragKr04 commented on GitHub (Sep 29, 2022):
@annieappflowy Can I work on this? And do we need to add only the theme is given in reference?
@annieappflowy commented on GitHub (Sep 30, 2022):
@ChiragKr04 , I assigned this issue to you. Can you elaborate on your question?
@MayurSMahajan commented on GitHub (Oct 3, 2022):
I know the issue is already assigned but I had a small doubt. You want new default themes, This will enable users to directly select from a range of newly created custom themes.
So basically what I am trying to say is that the person solving this issue will submit a set of new themes that the user doesn't need to customize himself. The user can just simply should be able to write
editorStyle: EditorStyle.monokai(), here monokai being one of the themes that the person writing a PR will create?Is that correct? And if yes then can I work on this issue simultaneously with the person who is assigned.
I am experienced in UI/UX development and Flutter development and I feel confident about contributing on this issue.
@annieappflowy commented on GitHub (Oct 4, 2022):
@MayurSMahajan , yes, we’d like to offer users with a diverse set of themes. Multiple people can work on this issue together. You can just create a separate issue for the theme you’d like to create. I’ll then label it accordingly. If you need help with this task, please feel free to reach out to @LucasXu0 on Discord.
@annieappflowy commented on GitHub (Oct 4, 2022):
@ChiragKr04 , can you create a separate issue for the theme you’re building? I’ll then label it accordingly!. Thanks
@ChiragKr04 commented on GitHub (Oct 4, 2022):
Sure
Should I pick on my own or you got any suggestions? 😃
@ChiragKr04 commented on GitHub (Oct 4, 2022):
@MayurSMahajan You can pick any theme and If you pick one please let me know. 😄
@MayurSMahajan commented on GitHub (Oct 5, 2022):
@ChiragKr04 I think @annieappflowy meant that you have to create a different issue and submit your work there, since previously this issue was assigned to you.
@MayurSMahajan commented on GitHub (Oct 5, 2022):
I'll try to suggest you some themes that you can work on parallel 😃
@annieappflowy commented on GitHub (Oct 10, 2022):
@MayurSMahajan @ChiragKr04 have you guys figured out what themes you'd like to work on?
@MayurSMahajan commented on GitHub (Oct 10, 2022):
Yes, I have a few in mind, I am going to create one theme with all the colors in the AppFlowy logo, and then one theme with each of the colors individually together with their lighter and darker palettes. Actually I am having some trouble setting up AppFlowy, I have an old laptop, in a few days I am getting a new one, so then I will be able to work on the issue.
Once I can complete the setup I will send some Figma prototypes to @ChiragKr04 and then he can work on those. By the way @ChiragKr04 you are free to create your own designs in the meantime if you want.
@ChiragKr04 commented on GitHub (Oct 10, 2022):
I think I'll do the Monokai theme or Abyss theme palettes.
Monokai Theme
Abyss Theme
Please check if its okay @annieappflowy .
@annieappflowy commented on GitHub (Oct 10, 2022):
Looks great!
BTW, this will be extended to a theme store in the future. Hope your themes are people's favorites!
@ChiragKr04 commented on GitHub (Oct 10, 2022):
Amazing! Yes, both are the top ones.
Working on it.
@MayurSMahajan commented on GitHub (Oct 13, 2022):
Hey! This is my current progress so far. Give me honest feedback.
This is an all color light theme, using all the colors in the AppFlowy logo, except the blue one.
Checkout the figma design here:
PS: To edit the design, simply copy the frame and paste it in your figma design file.
https://www.figma.com/file/M4Ysq0QQ7zdUsStSajckto/AppFlowy_Base?node-id=0%3A1
This is a dark purple theme, using the purple in the AppFlowy logo, it contrasts well with the Pink in the logo, so I have kept that too.
Checkout the figma design here:
PS: To edit the design, simply copy the frame and paste it in your figma design file.
Please give me honest feedback.
@MayurSMahajan commented on GitHub (Oct 13, 2022):
Here is one more
@annieappflowy commented on GitHub (Oct 14, 2022):
Wow, looks amazing!!! @MayurSMahajan , I love the yellow theme. It's very cute!
@ChiragKr04 commented on GitHub (Oct 14, 2022):
Looks amazing man 🚀
@MayurSMahajan commented on GitHub (Oct 14, 2022):
Thank you guys! I am getting a new laptop in a few days until then I won't be able to code these designs in the flutter app. So I am working on more designs. Until then If @ChiragKr04 wants to implement any one of the above designs then definitely go for it!
@MayurSMahajan commented on GitHub (Nov 12, 2022):
I have setted up the application on my pc. I am going through the codebase, since I am a beginner its a bit complex, but I will keep working on it. Will keep you guys in touch.
@Heccubernny commented on GitHub (Mar 12, 2023):
@annieappflowy good day, has this issue been resolved?. And also I think the referenced linked has been changed. It is resulting to page not found. Although I was later been able to navigate to it using this link: https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/appflowy_flutter/packages/appflowy_editor/documentation/customizing.md
@MayurSMahajan commented on GitHub (Mar 26, 2023):
@Heccubernny Sorry for replying late, you can definitely create a new theme and contribute to AppFlowy. In that case, you will have to create an issue for your theme, and then implement a light and a dark version for it. Thank you!
@annieappflowy commented on GitHub (Mar 27, 2023):
We welcome theme creators!