Template:Chat/styles.css

.circular img {
   border-radius: 50%;
}

.chat-purple {
    color: #800080;
}
.chat-red {
    color: #DC143C;
}
.chat-yellow {
    color: #8A6815;
}
.chat-green {
    color: #218721;
}

@media screen {
	html.skin-theme-clientpref-night .chat-purple {
        color: #E000E0;
    }
	html.skin-theme-clientpref-night .chat-red {
        color: #EC3257;
    }
	html.skin-theme-clientpref-night .chat-yellow {
        color: #DAA520;
    }
	html.skin-theme-clientpref-night .chat-green {
        color: #2FC12F;
    }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .chat-purple {
        color: #E000E0;
    }
	html.skin-theme-clientpref-os .chat-red {
        color: #EC3257;
    }
	html.skin-theme-clientpref-os .chat-yellow {
        color: #DAA520;
    }
	html.skin-theme-clientpref-os .chat-green {
        color: #2FC12F;
    }
}


.chat-large {
    font-size: 170%;
}

.chat-small {
    font-size: 80%;
    color: var(--color-subtle, #54595d);
}
@media screen {
	html.skin-theme-clientpref-night .chat-small {
        color: var(--color-subtle, #a2a9b1);
    }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .chat-small {
        color: var(--color-subtle, #a2a9b1);
    }
}