Theming

Learn how to change your project theme.

Head into your project, in style.Theme. This module contains a dictionnary with all the default properties that you want your widgets to have. Just add, as a key, the widget name followed with "Theme", and as a value, the properties. Here's an example:

local FONT = Enum.Font.GothamSemibold

local TEXTTHEME = {
	Font = FONT,
	TextColor3 = Color3.fromRGB(0, 0, 0)
}

local BACKGROUND_COLOR3 = Color3.fromRGB(255, 255, 255)

local Theme = {
	TextBoxTheme = {
		TextTheme = TEXTTHEME
	},
	TextButtonTheme = {
		BackgroundColor3 = Color3.fromRGB(0, 170, 0),
		TextTheme = TEXTTHEME
	},
	TextFormFieldTheme = {
		Size = UDim2.fromOffset(200, 25),
		TextTheme = TEXTTHEME
	},
	TextLabelTheme = {
		TextTheme = TEXTTHEME
	},
	ContainerTheme = {
		BackgroundColor3 = BACKGROUND_COLOR3
	}
}

return Theme

Last updated