.chat-container {

    .chat-bubble {

        &.ch-color-red {
            .character-name {
                color: red;
            }

            .bubble {
                --bubble-background-color: #FFD6D6;
            }
        }

        &.ch-color-orange {
            .character-name {
                color: orange;
            }

            .bubble {
                --bubble-background-color: #FFE0BF;
            }
        }

        &.ch-color-yellow {
            .character-name {
                color: #BA8E23;
            }

            .bubble {
                --bubble-background-color: #FFF9CC;
            }
        }

        &.ch-color-green {
            .character-name {
                color: green;
            }

            .bubble {
                --bubble-background-color: #DDF4E4;
            }
        }

        &.ch-color-cyan {
            .character-name {
                color: cyan;
            }

            .bubble {
                --bubble-background-color: #D9F2FD;
            }
        }

        &.ch-color-blue {
            .character-name {
                color: darkblue;
            }

            .bubble {
                --bubble-background-color: #DCE8F8;
            }
        }

        &.ch-color-purple {
            .character-name {
                color: purple;
            }

            .bubble {
                --bubble-background-color: #E8E0F7;
            }
        }

        &.ch-color-pink {
            .character-name {
                color: #E91E63;
            }

            .bubble {
                --bubble-background-color: #F8DCE9;
            }
        }

        &.ch-color-black {
            .character-name {
                color: gray;
            }

            .bubble {
                --bubble-background-color: #E0E0E0;
            }
        }

        &.ch-color-gray {
            .character-name {
                color: #777;
            }

            .bubble {
                --bubble-background-color: #EEEEEE;
            }
        }
    }
}