Alright, I’ve done it. A easy way to manage GUI “themes” for different color palettes.
There’s some things to note before throwing this into a GUI and expecting it to work, so please don’t skip the instructions.
-
It’s a ModuleScript, I’d recommend placing straight into StarterGui to be easily accessed as “game.Players.LocalPlayer.StarterGui.ColorScript”
-
To add your own custom theme names you have to go into the ModuleScript and in the Table called ThemesList add your custom theme. By default, I just put in “Dark” and “Light” (as I will show off that in the short video below).
-
You can also customize how long the tweening takes to change themes by changing TimeToTween. Also, you’re allowed to change the style of it’s Tween with EasingStyle, if you don’t know what that is just don’t touch it.
-
Inside your GuiObjects you’ll need the layout as shown here. Sadly you’ll have to this to EVERY GuiObject that changes colors, while this is sad this means you can customize which color becomes what for every single thing for full customization. (Also it’s required that the folder is called “Colors” and that the folders parented to it are named after the property they change.)
This can be ignored without erroring but it will also not change the theme of stuff that don’t have the Colors folder. It also only changes Color3s so attempting to change the Size or Position with this will not work.
Before asked, this works for anything that is considered a GuiObject, nothing less, nothing more.
Also as also shown in the short video, you can change multiple properties at once by just adding another folder with the properties name.
How ColorScript is used however is quite easy! Just put it in a location the Client can access, and require it!
ColorScript comes with only one function, SetGui(Instance, Theme).
This is example usage of a button to change the theme to “Dark” (also saying that the ColorScript is in PlayerGui):
local Player = game:GetService("Players").LocalPlayer
local ColorScript = require(Player:WaitForChild("PlayerGui"):WaitForChild("ColorScript"))
script.Parent.MouseButton1Click:Connect(function()
ColorScript:SetGui(Player.PlayerGui.ScreenGui, "Dark")
end)
This sets everything inside of a specific location to that theme! The reason for why it only sets it in one specific GUI is because there might be GUIs in your game that you don’t want the colors changeable and/or you have multiple themes throughout your GUIs.
Alright, well that’s how to use it! I really doubt I missed anything, so here’s the ModuleScript!
Enjoy using it and please tell me how you like it!
ColorScript.rbxm (1.5 KB)
(PS: I didn’t really know what to name this, I think it’s named correctly however, correct me if I’m wrong.)
