Skip to content

Commit 91f6e50

Browse files
committed
Update colors after audit
1 parent f794d46 commit 91f6e50

2 files changed

Lines changed: 107 additions & 94 deletions

File tree

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/theme/StreamDesign.kt

Lines changed: 64 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -238,7 +238,7 @@ public object StreamDesign {
238238
public val chatReplyIndicatorIncoming: Color,
239239
public val chatReplyIndicatorOutgoing: Color,
240240
public val chatTextIncoming: Color = textPrimary,
241-
public val chatTextOutgoing: Color = textPrimary,
241+
public val chatTextOutgoing: Color = brand900,
242242
public val chatTextLink: Color = accentPrimary,
243243
public val chatTextMention: Color = chatTextLink,
244244
public val chatTextTimestamp: Color = textTertiary,
@@ -273,10 +273,10 @@ public object StreamDesign {
273273
accentError = StreamPrimitiveColors.red500,
274274
accentNeutral = StreamPrimitiveColors.slate500,
275275
accentPrimary = StreamPrimitiveColors.blue500,
276-
accentSuccess = StreamPrimitiveColors.green500,
277-
backgroundCoreDisabled = StreamPrimitiveColors.slate200,
276+
accentSuccess = StreamPrimitiveColors.green400,
277+
backgroundCoreDisabled = StreamPrimitiveColors.slate100,
278278
backgroundCoreSurface = StreamPrimitiveColors.slate100,
279-
backgroundCoreSurfaceSubtle = StreamPrimitiveColors.slate200,
279+
backgroundCoreSurfaceSubtle = StreamPrimitiveColors.slate50,
280280
backgroundCoreInverse = StreamPrimitiveColors.slate900,
281281
backgroundElevationElevation0 = StreamPrimitiveColors.baseWhite,
282282
backgroundElevationElevation1 = StreamPrimitiveColors.baseWhite,
@@ -287,9 +287,9 @@ public object StreamDesign {
287287
borderCoreOnAccent = StreamPrimitiveColors.baseWhite,
288288
borderCoreOnDark = StreamPrimitiveColors.baseWhite,
289289
borderCoreOpacity25 = StreamPrimitiveColors.baseBlack.copy(alpha = 0.25f),
290-
borderCorePrimary = StreamPrimitiveColors.blue600,
291-
borderCoreSurfaceSubtle = StreamPrimitiveColors.slate200,
292-
borderUtilityDisabled = StreamPrimitiveColors.slate200,
290+
borderCorePrimary = StreamPrimitiveColors.blue500,
291+
borderCoreSurfaceSubtle = StreamPrimitiveColors.slate100,
292+
borderUtilityDisabled = StreamPrimitiveColors.slate100,
293293
brand50 = StreamPrimitiveColors.blue50,
294294
brand100 = StreamPrimitiveColors.blue100,
295295
brand150 = StreamPrimitiveColors.blue150,
@@ -301,32 +301,32 @@ public object StreamDesign {
301301
brand700 = StreamPrimitiveColors.blue700,
302302
brand800 = StreamPrimitiveColors.blue800,
303303
brand900 = StreamPrimitiveColors.blue900,
304-
textDisabled = StreamPrimitiveColors.slate400,
304+
textDisabled = StreamPrimitiveColors.slate300,
305305
textOnAccent = StreamPrimitiveColors.baseWhite,
306306
textOnDark = StreamPrimitiveColors.baseWhite,
307307
textPrimary = StreamPrimitiveColors.slate900,
308308
textSecondary = StreamPrimitiveColors.slate700,
309309
textTertiary = StreamPrimitiveColors.slate500,
310-
stateBgDisabled = StreamPrimitiveColors.slate200,
311-
stateTextDisabled = StreamPrimitiveColors.slate400,
310+
stateBgDisabled = StreamPrimitiveColors.slate100,
311+
stateTextDisabled = StreamPrimitiveColors.slate300,
312312
avatarBgPlaceholder = StreamPrimitiveColors.slate100,
313-
avatarPaletteBg1 = StreamPrimitiveColors.blue100,
314-
avatarPaletteBg2 = StreamPrimitiveColors.cyan100,
315-
avatarPaletteBg3 = StreamPrimitiveColors.green100,
316-
avatarPaletteBg4 = StreamPrimitiveColors.purple200,
317-
avatarPaletteBg5 = StreamPrimitiveColors.yellow200,
318-
avatarPaletteText1 = StreamPrimitiveColors.blue800,
319-
avatarPaletteText2 = StreamPrimitiveColors.cyan800,
320-
avatarPaletteText3 = StreamPrimitiveColors.green800,
321-
avatarPaletteText4 = StreamPrimitiveColors.purple800,
322-
avatarPaletteText5 = StreamPrimitiveColors.yellow800,
313+
avatarPaletteBg1 = StreamPrimitiveColors.blue150,
314+
avatarPaletteBg2 = StreamPrimitiveColors.cyan150,
315+
avatarPaletteBg3 = StreamPrimitiveColors.green150,
316+
avatarPaletteBg4 = StreamPrimitiveColors.purple150,
317+
avatarPaletteBg5 = StreamPrimitiveColors.yellow150,
318+
avatarPaletteText1 = StreamPrimitiveColors.blue900,
319+
avatarPaletteText2 = StreamPrimitiveColors.cyan900,
320+
avatarPaletteText3 = StreamPrimitiveColors.green900,
321+
avatarPaletteText4 = StreamPrimitiveColors.purple900,
322+
avatarPaletteText5 = StreamPrimitiveColors.yellow900,
323323
avatarTextPlaceholder = StreamPrimitiveColors.slate500,
324324
chatBgIncoming = StreamPrimitiveColors.slate100,
325-
chatBgAttachmentIncoming = StreamPrimitiveColors.slate200,
326-
chatBgAttachmentOutgoing = StreamPrimitiveColors.blue200,
325+
chatBgAttachmentIncoming = StreamPrimitiveColors.slate150,
326+
chatBgAttachmentOutgoing = StreamPrimitiveColors.blue150,
327327
chatBorderOnChatIncoming = StreamPrimitiveColors.slate300,
328328
chatPollProgressFillIncoming = StreamPrimitiveColors.slate500,
329-
chatPollProgressTrackIncoming = StreamPrimitiveColors.slate200,
329+
chatPollProgressTrackIncoming = StreamPrimitiveColors.slate150,
330330
chatPollProgressFillOutgoing = StreamPrimitiveColors.blue500,
331331
chatPollProgressTrackOutgoing = StreamPrimitiveColors.blue200,
332332
chatReplyIndicatorIncoming = StreamPrimitiveColors.slate400,
@@ -337,8 +337,8 @@ public object StreamDesign {
337337
controlRemoveBorder = StreamPrimitiveColors.baseWhite,
338338
controlRemoveIcon = StreamPrimitiveColors.baseWhite,
339339
presenceBorder = StreamPrimitiveColors.baseWhite,
340-
overlayBackground = StreamPrimitiveColors.baseBlack.copy(alpha = 0.5f),
341-
overlayBackgroundDark = StreamPrimitiveColors.baseBlack.copy(alpha = 0.6f),
340+
overlayBackground = StreamPrimitiveColors.baseBlack.copy(alpha = 0.25f),
341+
overlayBackgroundDark = StreamPrimitiveColors.baseBlack.copy(alpha = 0.25f),
342342
highlightBackground = StreamPrimitiveColors.yellow50,
343343
)
344344

@@ -351,13 +351,14 @@ public object StreamDesign {
351351
public fun defaultDark(): Colors = Colors(
352352
accentBlack = StreamPrimitiveColors.baseBlack,
353353
accentError = StreamPrimitiveColors.red400,
354-
accentNeutral = StreamPrimitiveColors.neutral500,
355-
accentPrimary = StreamPrimitiveColors.blue400,
356-
accentSuccess = StreamPrimitiveColors.green400,
357-
backgroundCoreDisabled = StreamPrimitiveColors.slate800,
358-
backgroundCoreSurface = StreamPrimitiveColors.neutral700,
359-
backgroundCoreSurfaceSubtle = StreamPrimitiveColors.neutral800,
354+
accentNeutral = StreamPrimitiveColors.neutral300,
355+
accentPrimary = StreamPrimitiveColors.blue300,
356+
accentSuccess = StreamPrimitiveColors.green300,
357+
backgroundCoreDisabled = StreamPrimitiveColors.neutral800,
358+
backgroundCoreSurface = StreamPrimitiveColors.neutral800,
359+
backgroundCoreSurfaceSubtle = StreamPrimitiveColors.neutral900,
360360
backgroundCoreInverse = StreamPrimitiveColors.neutral50,
361+
backgroundCoreSelected = StreamPrimitiveColors.baseWhite.copy(alpha = 0.25f),
361362
backgroundElevationElevation0 = StreamPrimitiveColors.baseBlack,
362363
backgroundElevationElevation1 = StreamPrimitiveColors.neutral900,
363364
backgroundElevationElevation2 = StreamPrimitiveColors.neutral800,
@@ -367,34 +368,34 @@ public object StreamDesign {
367368
borderCoreOnDark = StreamPrimitiveColors.neutral900,
368369
borderCoreOpacity25 = StreamPrimitiveColors.baseWhite.copy(alpha = 0.25f),
369370
borderCorePrimary = StreamPrimitiveColors.blue300,
370-
borderCoreSurfaceSubtle = StreamPrimitiveColors.neutral700,
371-
borderUtilityDisabled = StreamPrimitiveColors.neutral800,
371+
borderCoreSurfaceSubtle = StreamPrimitiveColors.neutral800,
372+
borderUtilityDisabled = StreamPrimitiveColors.neutral700,
372373
brand50 = StreamPrimitiveColors.blue900,
373374
brand100 = StreamPrimitiveColors.blue800,
374375
brand150 = StreamPrimitiveColors.blue700,
375-
brand200 = StreamPrimitiveColors.blue700,
376-
brand300 = StreamPrimitiveColors.blue600,
377-
brand400 = StreamPrimitiveColors.blue500,
378-
brand500 = StreamPrimitiveColors.blue400,
379-
brand600 = StreamPrimitiveColors.blue300,
380-
brand700 = StreamPrimitiveColors.blue200,
381-
brand800 = StreamPrimitiveColors.blue150,
382-
brand900 = StreamPrimitiveColors.blue100,
383-
textDisabled = StreamPrimitiveColors.slate600,
376+
brand200 = StreamPrimitiveColors.blue600,
377+
brand300 = StreamPrimitiveColors.blue500,
378+
brand400 = StreamPrimitiveColors.blue400,
379+
brand500 = StreamPrimitiveColors.blue300,
380+
brand600 = StreamPrimitiveColors.blue200,
381+
brand700 = StreamPrimitiveColors.blue150,
382+
brand800 = StreamPrimitiveColors.blue100,
383+
brand900 = StreamPrimitiveColors.blue50,
384+
textDisabled = StreamPrimitiveColors.neutral500,
384385
textOnAccent = StreamPrimitiveColors.baseWhite,
385386
textOnDark = StreamPrimitiveColors.neutral900,
386-
textPrimary = StreamPrimitiveColors.neutral50,
387-
textSecondary = StreamPrimitiveColors.neutral300,
388-
textTertiary = StreamPrimitiveColors.neutral400,
387+
textPrimary = StreamPrimitiveColors.baseWhite,
388+
textSecondary = StreamPrimitiveColors.neutral100,
389+
textTertiary = StreamPrimitiveColors.neutral300,
389390
badgeBgOverlay = StreamPrimitiveColors.baseBlack.copy(alpha = .75f),
390-
stateBgDisabled = StreamPrimitiveColors.slate800,
391-
stateTextDisabled = StreamPrimitiveColors.slate600,
391+
stateBgDisabled = StreamPrimitiveColors.neutral800,
392+
stateTextDisabled = StreamPrimitiveColors.neutral500,
392393
avatarBgPlaceholder = StreamPrimitiveColors.neutral700,
393-
avatarPaletteBg1 = StreamPrimitiveColors.blue800,
394-
avatarPaletteBg2 = StreamPrimitiveColors.cyan800,
395-
avatarPaletteBg3 = StreamPrimitiveColors.green800,
396-
avatarPaletteBg4 = StreamPrimitiveColors.purple800,
397-
avatarPaletteBg5 = StreamPrimitiveColors.yellow800,
394+
avatarPaletteBg1 = StreamPrimitiveColors.blue600,
395+
avatarPaletteBg2 = StreamPrimitiveColors.cyan600,
396+
avatarPaletteBg3 = StreamPrimitiveColors.green600,
397+
avatarPaletteBg4 = StreamPrimitiveColors.purple600,
398+
avatarPaletteBg5 = StreamPrimitiveColors.yellow600,
398399
avatarPaletteText1 = StreamPrimitiveColors.blue100,
399400
avatarPaletteText2 = StreamPrimitiveColors.cyan100,
400401
avatarPaletteText3 = StreamPrimitiveColors.green100,
@@ -404,20 +405,20 @@ public object StreamDesign {
404405
chatBgIncoming = StreamPrimitiveColors.neutral800,
405406
chatBgAttachmentIncoming = StreamPrimitiveColors.neutral700,
406407
chatBgAttachmentOutgoing = StreamPrimitiveColors.blue700,
407-
chatBorderOnChatIncoming = StreamPrimitiveColors.slate600,
408-
chatPollProgressFillIncoming = StreamPrimitiveColors.baseWhite,
409-
chatPollProgressTrackIncoming = StreamPrimitiveColors.neutral600,
408+
chatBorderOnChatIncoming = StreamPrimitiveColors.neutral400,
409+
chatPollProgressFillIncoming = StreamPrimitiveColors.neutral300,
410+
chatPollProgressTrackIncoming = StreamPrimitiveColors.neutral700,
410411
chatPollProgressFillOutgoing = StreamPrimitiveColors.baseWhite,
411-
chatPollProgressTrackOutgoing = StreamPrimitiveColors.blue400,
412+
chatPollProgressTrackOutgoing = StreamPrimitiveColors.blue600,
412413
chatReplyIndicatorIncoming = StreamPrimitiveColors.neutral500,
413-
chatReplyIndicatorOutgoing = StreamPrimitiveColors.blue300,
414+
chatReplyIndicatorOutgoing = StreamPrimitiveColors.blue150,
414415
controlRadioCheckBgSelected = StreamPrimitiveColors.baseWhite,
415-
controlRadioCheckIconSelected = StreamPrimitiveColors.blue500,
416-
controlRemoveBg = StreamPrimitiveColors.neutral800,
417-
controlRemoveIcon = StreamPrimitiveColors.baseWhite,
418-
presenceBorder = StreamPrimitiveColors.baseBlack,
419-
overlayBackground = StreamPrimitiveColors.baseBlack.copy(alpha = 0.2f),
420-
overlayBackgroundDark = StreamPrimitiveColors.baseWhite.copy(alpha = 0.6f),
416+
controlRadioCheckIconSelected = StreamPrimitiveColors.neutral900,
417+
controlRemoveBg = StreamPrimitiveColors.neutral50,
418+
controlRemoveIcon = StreamPrimitiveColors.neutral900,
419+
presenceBorder = StreamPrimitiveColors.neutral900,
420+
overlayBackground = StreamPrimitiveColors.baseBlack.copy(alpha = 0.75f),
421+
overlayBackgroundDark = StreamPrimitiveColors.baseBlack.copy(alpha = 0.5f),
421422
highlightBackground = StreamPrimitiveColors.yellow900,
422423
)
423424
}

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/theme/StreamPrimitiveColors.kt

Lines changed: 43 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -24,50 +24,62 @@ internal object StreamPrimitiveColors {
2424
val baseTransparent = Color(0x00000000)
2525
val baseWhite = Color(0xFFFFFFFF)
2626
val blue50 = Color(0xFFF3F7FF)
27-
val blue100 = Color(0xFFD2E3FF)
27+
val blue100 = Color(0xFFE3EDFF)
2828
val blue150 = Color(0xFFC3D9FF)
29-
val blue200 = Color(0xFFA6C4FF)
30-
val blue300 = Color(0xFF7AA7FF)
31-
val blue400 = Color(0xFF4E8BFF)
29+
val blue200 = Color(0xFFA5C5FF)
30+
val blue300 = Color(0xFF78A8FF)
31+
val blue400 = Color(0xFF4586FF)
3232
val blue500 = Color(0xFF005FFF)
33-
val blue600 = Color(0xFF0052CE)
34-
val blue700 = Color(0xFF0042A3)
35-
val blue800 = Color(0xFF003179)
33+
val blue600 = Color(0xFF1B53BD)
34+
val blue700 = Color(0xFF19418D)
35+
val blue800 = Color(0xFF142F63)
3636
val blue900 = Color(0xFF091A3B)
37-
val cyan100 = Color(0xFFD7F7FB)
38-
val cyan800 = Color(0xFF1C8791)
39-
val green100 = Color(0xFFC9FCE7)
40-
val green400 = Color(0xFF59E9B5)
41-
val green500 = Color(0xFF00E2A1)
42-
val green800 = Color(0xFF006548)
43-
val neutral50 = Color(0xFFF7F7F7)
37+
val cyan100 = Color(0xFFD1F3F6)
38+
val cyan150 = Color(0xFFA9E4EA)
39+
val cyan600 = Color(0xFF006970)
40+
val cyan800 = Color(0xFF003A3F)
41+
val cyan900 = Color(0xFF002124)
42+
val green100 = Color(0xFFBDFCDB)
43+
val green150 = Color(0xFF8FEBBD)
44+
val green300 = Color(0xFF00C384)
45+
val green400 = Color(0xFF00A46E)
46+
val green500 = Color(0xFF277E59)
47+
val green600 = Color(0xFF006643)
48+
val green800 = Color(0xFF003A25)
49+
val green900 = Color(0xFF002213)
50+
val neutral50 = Color(0xFFF8F8F8)
4451
val neutral100 = Color(0xFFEFEFEF)
4552
val neutral300 = Color(0xFFABABAB)
4653
val neutral400 = Color(0xFF8F8F8F)
47-
val neutral500 = Color(0xFF7F7F7F)
54+
val neutral500 = Color(0xFF6A6A6A)
4855
val neutral600 = Color(0xFF565656)
49-
val neutral700 = Color(0xFF4A4A4A)
56+
val neutral700 = Color(0xFF464646)
5057
val neutral800 = Color(0xFF323232)
5158
val neutral900 = Color(0xFF1C1C1C)
52-
val purple100 = Color(0xFFEBDEFD)
53-
val purple200 = Color(0xFFD8BFFC)
54-
val purple800 = Color(0xFF6640AB)
55-
val red400 = Color(0xFFE6756C)
56-
val red500 = Color(0xFFD92F26)
59+
val purple100 = Color(0xFFECEDFF)
60+
val purple150 = Color(0xFFD4D7FF)
61+
val purple200 = Color(0xFFC1C5FF)
62+
val purple600 = Color(0xFF553BD8)
63+
val purple800 = Color(0xFF2E2576)
64+
val purple900 = Color(0xFF1A114D)
65+
val red400 = Color(0xFFFC526A)
66+
val red500 = Color(0xFFD90D10)
5767
val slate50 = Color(0xFFF6F8FA)
58-
val slate100 = Color(0xFFF2F4F6)
68+
val slate100 = Color(0xFFEBEEF1)
5969
val slate150 = Color(0xFFD5DBE1)
60-
val slate200 = Color(0xFFE2E6EA)
70+
val slate200 = Color(0xFFC0C8D2)
6171
val slate300 = Color(0xFFA3ACBA)
62-
val slate400 = Color(0xFFB8BEC4)
72+
val slate400 = Color(0xFF87909F)
6373
val slate500 = Color(0xFF687385)
64-
val slate600 = Color(0xFF838990)
65-
val slate700 = Color(0xFF4A4A4A)
66-
val slate800 = Color(0xFF50565D)
67-
val slate900 = Color(0xFF1E252B)
74+
val slate600 = Color(0xFF545969)
75+
val slate700 = Color(0xFF414552)
76+
val slate800 = Color(0xFF30313D)
77+
val slate900 = Color(0xFF1A1B25)
6878
val yellow50 = Color(0xFFFEF9DA)
69-
val yellow100 = Color(0xFFFFF1C2)
70-
val yellow200 = Color(0xFFFFE8A0)
71-
val yellow800 = Color(0xFF9F7700)
79+
val yellow100 = Color(0xFFFCEDB9)
80+
val yellow150 = Color(0xFFFCD579)
81+
val yellow200 = Color(0xFFF6BF57)
82+
val yellow600 = Color(0xFFA82C00)
83+
val yellow800 = Color(0xFF5F1A05)
7284
val yellow900 = Color(0xFF331302)
7385
}

0 commit comments

Comments
 (0)