Skip to content

Commit 139d4e5

Browse files
theme: Update theme variables for tweak dark theme
This change updates the dark theme variables in `DesignVariables` and `MessageListTheme` acc. to their values in Figma. https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=4514-33396&t=bMNXsr5LwkrHz4dp-1 CZO Discussion: https://chat.zulip.org/#narrow/stream/137-feedback/topic/design.20feedback/near/1950672 Fixes: #973
1 parent c02d947 commit 139d4e5

File tree

2 files changed

+10
-10
lines changed

2 files changed

+10
-10
lines changed

lib/widgets/message_list.dart

+6-6
Original file line numberDiff line numberDiff line change
@@ -56,13 +56,13 @@ class MessageListTheme extends ThemeExtension<MessageListTheme> {
5656
MessageListTheme.dark() :
5757
this._(
5858
dateSeparator: Colors.white,
59-
dateSeparatorText: const HSLColor.fromAHSL(0.75, 0, 0, 1).toColor(),
60-
dmRecipientHeaderBg: const HSLColor.fromAHSL(1, 46, 0.15, 0.2).toColor(),
61-
messageTimestamp: const HSLColor.fromAHSL(0.8, 0, 0, 0.85).toColor(),
62-
recipientHeaderText: const HSLColor.fromAHSL(0.8, 0, 0, 1).toColor(),
59+
dateSeparatorText: const HSLColor.fromAHSL(0.5, 0, 0, 1).toColor(),
60+
dmRecipientHeaderBg: const HSLColor.fromAHSL(1, 0, 0, 0.14).toColor(),
61+
messageTimestamp: const HSLColor.fromAHSL(0.5, 0, 0, 1).toColor(),
62+
recipientHeaderText: const HSLColor.fromAHSL(0.9, 0, 0, 1).toColor(),
6363
senderBotIcon: const HSLColor.fromAHSL(1, 180, 0.05, 0.5).toColor(),
64-
senderName: const HSLColor.fromAHSL(0.85, 0, 0, 1).toColor(),
65-
streamMessageBgDefault: const HSLColor.fromAHSL(1, 0, 0, 0.15).toColor(),
64+
senderName: const HSLColor.fromAHSL(0.9, 0, 0, 1).toColor(),
65+
streamMessageBgDefault: const HSLColor.fromAHSL(1, 0, 0, 0.11).toColor(),
6666
streamRecipientHeaderChevronRight: Colors.white.withValues(alpha: 0.3),
6767

6868
// 0.75 opacity from here:

lib/widgets/theme.dart

+4-4
Original file line numberDiff line numberDiff line change
@@ -173,7 +173,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
173173
bannerBgIntDanger: const Color(0xff461616),
174174
bgBotBar: const Color(0xff222222),
175175
bgContextMenu: const Color(0xff262626),
176-
bgCounterUnread: const Color(0xff666699).withValues(alpha: 0.37),
176+
bgCounterUnread: const Color(0xff393c49),
177177
bgMenuButtonActive: Colors.black.withValues(alpha: 0.2),
178178
bgMenuButtonSelected: Colors.black.withValues(alpha: 0.25),
179179
bgTopBar: const Color(0xff242424),
@@ -189,12 +189,12 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
189189
foreground: const Color(0xffffffff),
190190
icon: const Color(0xff7977fe),
191191
iconSelected: Colors.white.withValues(alpha: 0.8),
192-
labelCounterUnread: const Color(0xffffffff).withValues(alpha: 0.7),
192+
labelCounterUnread: const Color(0xffffffff).withValues(alpha: 0.73),
193193
labelEdited: const HSLColor.fromAHSL(0.35, 0, 0, 1).toColor(),
194194
labelMenuButton: const Color(0xffffffff).withValues(alpha: 0.85),
195195
mainBackground: const Color(0xff1d1d1d),
196196
textInput: const Color(0xffffffff).withValues(alpha: 0.9),
197-
title: const Color(0xffffffff),
197+
title: const Color(0xffffffff).withValues(alpha: 0.9),
198198
bgSearchInput: const Color(0xff313131),
199199
textMessage: const Color(0xffffffff).withValues(alpha: 0.8),
200200
channelColorSwatches: ChannelColorSwatches.dark,
@@ -210,7 +210,7 @@ class DesignVariables extends ThemeExtension<DesignVariables> {
210210
inboxItemIconMarker: const HSLColor.fromAHSL(0.4, 0, 0, 1).toColor(),
211211
loginOrDivider: const Color(0xff424242),
212212
loginOrDividerText: const Color(0xffa8a8a8),
213-
modalBarrierColor: const Color(0xff000000).withValues(alpha: 0.5),
213+
modalBarrierColor: const Color(0xff000000).withValues(alpha: 0.3),
214214
// TODO(design-dark) need proper dark-theme color (this is ad hoc)
215215
mutedUnreadBadge: const HSLColor.fromAHSL(0.5, 0, 0, 0.6).toColor(),
216216
navigationButtonBg: Colors.white.withValues(alpha: 0.05),

0 commit comments

Comments
 (0)