Custom themes

Themes use the DarkTheme configuration as the base and any defined theme will act as overwrites to this configuration

Accents

ReGui comes with built-in accent colors that can be used for coloring. As seen in the source here

ReGui.Accent = {
	--// ReGui acent colors
	Light = Color3.fromRGB(60, 150, 250),
	Dark = Color3.fromRGB(29, 66, 115),
	White = Color3.fromRGB(240, 240, 240),
	Gray = Color3.fromRGB(127, 126, 129),
	Black = Color3.fromRGB(15, 19, 24),
	Yellow = Color3.fromRGB(217, 180, 62),
	Orange = Color3.fromRGB(234, 157, 57),
	Green = Color3.fromRGB(130, 188, 91),
	Red = Color3.fromRGB(255, 69, 69),

---

Creating a theme

For this example, we'll create a basic dark and red theme

ReGui:DefineTheme("RedTheme", {
	Text = Color3.fromRGB(255, 255, 255),
	WindowBg = ReGui.Acent.Black,
	TitleBarBg = ReGui.Acent.Black,
	ActiveTitleBar = ReGui.Acent.Red,
	ActiveTitle = ReGui.Accent.White,
	Title = ReGui.Accent.White,
})

Usage in a Window

Now to use the theme we have just created, set the Themeflag to the name of the theme we have created - RedTheme

local Window = ReGui:Window({
	Title = "My theme demo",
	Theme = "RedTheme",
	Size = UDim2.fromOffset(300, 200)
})

Window:Label({
	Text = "Hello, world!"
})