-
Notifications
You must be signed in to change notification settings - Fork 258
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Tweak dark theme #1213
base: main
Are you sure you want to change the base?
Tweak dark theme #1213
Conversation
Please clean up your commit history and post again to request a review. See here for guidelines. |
525b063
to
3af0d2e
Compare
I’ve cleaned up the commit history by removing unnecessary merge commits into the This is my first time using Apologies for any confusion. Please review the updated PR. |
The |
Thanks! I'll let other folks take a look at this one. |
Hi! Please read through the commit style guide (also previously linked by Alya) linked in our README and fix the commit message: https://github.com/zulip/zulip-flutter?tab=readme-ov-file#submitting-a-pull-request |
076d0de
to
139d4e5
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the PR! I noted the differences between this revision and the Figma design after going through lib/widgets/message_list.dart
and some part of lib/widgets/compose_box.dart
for colors used in the widgets.
Some of the comments are just about different colors being used, and others request the addition/removal of variables. It should be fine to include color adjustments all in a single commit, but for adding/removing variables, let's try to have separate commits for the ones added, so it is easier to see which variables they replace. Consider using the NFC tag if a commit is a pure refactor.
I think there are also changes to the autocomplete window, but that should be addressed in #995,
Adjusted the colors for `foreground` in `DesignVariables` and `dateSeparator` in `MessageListTheme` as asked. `foreground`: zulip#1213 (comment) `dateSeparator`: zulip#1213 (comment)
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
9c71065
to
139d4e5
Compare
Adjusted the colors for `foreground` in `DesignVariables` and `dateSeparator` in `MessageListTheme` as asked. `foreground`: zulip#1213 (comment) `dateSeparator`: zulip#1213 (comment)
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
Adjusted the colors for `foreground` in `DesignVariables` and `dateSeparator` in `MessageListTheme` as asked. `foreground`: zulip#1213 (comment) `dateSeparator`: zulip#1213 (comment)
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
56f8fdb
to
2a11a43
Compare
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
2a11a43
to
ce64ca5
Compare
Adjusted the colors for `foreground` in `DesignVariables` and `dateSeparator` in `MessageListTheme` as asked. `foreground`: zulip#1213 (comment) `dateSeparator`: zulip#1213 (comment)
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
ce64ca5
to
c6aca86
Compare
Removed `colorMessageHeaderIconInteractive` from `DesignVariables` and used `title` in place of it as per the design guidelines. discussion: zulip#1213 (comment)
Removed `senderName` & `recipientHeaderText` from `MessageListTheme` and used `title` in place of it as per the design guidelines. discussion: zulip#1213 (comment)
Adjusted the colors for `foreground` in `DesignVariables` and `dateSeparator` in `MessageListTheme` as asked. `foreground`: zulip#1213 (comment) `dateSeparator`: zulip#1213 (comment)
Added `labelTime` variable in `MessageListTheme` that replaces the `dateSeparatorText` and `messageTimestamp` variable according to the latest design. `labelTime`: zulip#1213 (comment)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the update! Left a comment. Could you also post the updated screenshots?
1e5edbf
to
2a11eec
Compare
Fixed a bug in `MessageListTheme.lerp()` where `dmRecipientHeaderBg` was using `streamMessageBgDefault` instead of `dmRecipientHeaderBg` for interpolation. discussion: zulip#1213 (comment)
2a11eec
to
089d03b
Compare
Fixed a bug in `MessageListTheme.lerp()` where `dmRecipientHeaderBg` was using `streamMessageBgDefault` instead of `dmRecipientHeaderBg` for interpolation. discussion: zulip#1213 (comment)
089d03b
to
06a5138
Compare
What's going on with the dramatic changes at the bottoms of your screenshots? |
Apart from the issue Alya brought up, the update looks good to me! Marking this for Greg's review. |
It seems to be a new issue in the main branch. When you change the theme after opening the app (for example, while on the DMs page), the bottom taskbar color doesn’t update properly. Could you confirm if this issue persists? If so, I’ll check for an existing issue or file a new one. Thanks for pointing it out! |
About Changes
This PR updates the color variables in
DesignVariables
andMessageListTheme
for a slightly higher contrast in dark theme according to the values in the figma file.Fixes: #973
Screenshots