@@ -680,12 +680,16 @@ class DmRecipientHeader extends StatelessWidget {
680
680
child: Text (style: const TextStyle (color: Colors .white),
681
681
title)),
682
682
RecipientHeaderDate (message: message,
683
- color: _kRecipientHeaderDateColor ),
683
+ color: _kDmRecipientHeaderDateColor ),
684
684
])));
685
685
}
686
686
}
687
687
688
- final _kDmRecipientHeaderColor = const HSLColor .fromAHSL (1 , 0 , 0 , 0.27 ).toColor ();
688
+ // TODO(#95): web uses different color in dark mode
689
+ // Header color from `color-background-private-message-header`
690
+ // in zulip:web/styles/zulip.css .
691
+ final _kDmRecipientHeaderColor = const HSLColor .fromAHSL (1 , 46 , 0.35 , 0.93 ).toColor ();
692
+ final _kDmRecipientHeaderDateColor = Colors .black.withOpacity (0.4 );
689
693
690
694
class RecipientHeaderDate extends StatelessWidget {
691
695
const RecipientHeaderDate ({super .key, required this .message, required this .color});
@@ -715,8 +719,6 @@ class RecipientHeaderDate extends StatelessWidget {
715
719
}
716
720
}
717
721
718
- final _kRecipientHeaderDateColor = const HSLColor .fromAHSL (0.75 , 0 , 0 , 0.15 ).toColor ();
719
-
720
722
final _kRecipientHeaderDateFormat = DateFormat ('y-MM-dd' , 'en_US' ); // TODO(#278)
721
723
722
724
/// A widget with the distinctive chevron-tailed shape in Zulip recipient headers.
0 commit comments