How to make the chat look different?

Help and Feedback Scripting Support
#1

I’m trying to make the chat look different… I’m not trying to modify its settings or anything i just wanna like maybe add some rounded corners, change some colors etc. any way i can do this?

3 Likes
#2

You’ll need to disable the core chat Gui first.

#3

You can do something like this

local ChatService = game:GetService("Chat")
ChatService.BubbleChatEnabled = true
 
local bubbleChatSettings = {
	BackgroundColor3 = Color3.fromRGB(180, 210, 220),
	TextSize = 20,
	Font = Enum.Font.FredokaOne,
	BubbleDuration = 10
}
-- Apply the settings
ChatService:SetBubbleChatSettings(bubbleChatSettings)

(more info Bubble Chat | Roblox Creator Documentation)

4 Likes
#4

Not the bubble chat, like the actual chat GUI itself (the one in the top right)

1 Like
#5

oh, okay. sorry I read it wrong, lol. yes, you’ll need to disable the core chat gui first, and then make your own

1 Like
#6

This is one thing that (as far as I know), chat doesn’t have configurations for. That said, because Chat is UI you can do it yourself. Be aware that certain changes to default chat that do not happen from its own methods can cause unexpected behavior.

local Players = game:GetService("Players")
local LocalPlayer = Players.LocalPlayer

local Chat = LocalPlayer:WaitForChild("PlayerGui"):WaitForChild("Chat")

local Core = {}

for _, ChatCoreFrame in ipairs(Chat.Frame:GetChildren()) do
	Core[ChatCoreFrame] = ChatCoreFrame
end

An example of using this to round the UI would be this:

local Round = Instance.new("UICorner")

for Index in pairs(Core) do
	local Dupe = Round:Clone()
	Dupe.Parent = Index:FindFirstChild("Frame") or Index
end

image

6 Likes
#7

i think you need to add the new additions, rescript the chat

or

make an entire new chat

1 Like
#8

thank you. sorry about the late reply, this is helpful.

#9

probably is the best way to go about it.