Auto theme

[btoms20]

What:

• A couple convenience initializers for theme-ing your ChatView

Simply changing the accent color of the ChatView

• This method keeps all of the default colors and changes only the ExyteBlue used throughout the ChatView.

// Creates and applies a `ChatTheme` to your `ChatView` based around the provided `accentColor`
public func chatTheme(accentColor: Color) -> some View

Comprehensive Theme

• This method mixes the theme color into the default background colors and, by default, adjusts the message bubbles for increase contrast (for better readability) when the provided color is either very light or very dark.

/// Creates and applies a `ChatTheme` to your `ChatView` based around the provided `color`
@available(iOS 18.0, *)
public func chatTheme(color ac: Color, background: ThemedBackgroundStyle = .mixedWithAccentColor(), improveContrast: Bool = true) -> some View

Requires:

#122 to be merged in order for the theme to be applied correctly

Disclosure:

• Feel free to modify this PR or delete it if deemed out of scope.
• I modified the ChatExample App to showcase the new theme functions. This change / commit can be dropped before merging if you'd like to keep the original example app.

Important

The comprehensive theme requires iOS 18+ due to its use of the Color.mix(with:, by:) method.
Backwards compatibility is maintained by decorating these functions with @available(iOS 18.0, *)

[f3dm76]

what about prior to ios 18? will the media picker be not themed at all?

[btoms20]

Hey, the mediaPickerTheme was overridden in commit 88d097e.

This section in AttachmentsEditor.swift

.mediaPickerTheme(
    main: .init(
        text: theme.colors.mainText,
        albumSelectionBackground: theme.colors.mainBG,
        fullscreenPhotoBackground: theme.colors.mainBG,
        cameraBackground: theme.colors.mainBG,
        cameraSelectionBackground: theme.colors.mainBG),
    selection: .init(selectedTint: theme.colors.sendButtonBackground)
)

Should probably be replaced with just

.mediaPickerTheme(pickerTheme)

In order to honor the users ChatView.mediaPickerTheme modifier.

The problem is that the default values want to match that of the ChatTheme but if we apply these default values in the chatTheme modifier then we could potentially overwrite an already defined mediaPickerTheme.

ChatView( ... )
.mediaPickerTheme( ... custom theme ... )
.chatTheme( ... custom theme ... ) // If we set mediaPickerTheme defaults here, we override the changes made above.

If we bring mediaPickerTheme into the ChatTheme struct, then we could provide some nice default values without having to worry about potentially overriding a previously defined MediaPickerTheme.

ChatView( ... )
.chatTheme(
    colors: ...,
    images: ...,
    mediaPickerTheme: ...
)

What do you think?

[f3dm76]

why does white come together with accentColor? could you use your contrast magic for this too?

also, would you please move all of these to a separate file like "Theme+Convenience" or smth?

[btoms20]

The senders text is always .white, similar to your default ChatTheme value and Apple's message app. I was adjusting the message bubble color to improve contrast as opposed to altering the text color. I think a solid .white text color will always be easier to read over a tinted / off-white text on a colored background. What do you think?