UI Element Color Picker

Resources Community Resources
, ,
1

UI Element Color Picker - Get Proper Enum of UI Interface color.

Press any image button to get the plugin.

MarketplaceUI SourceCodeUI
image

What does this plugin do?

This plugin allows you to find a color that is bound to your configuration settings, letting you make plugins that match your studio theme more easily!
Example:

local _settings:any = settings()
local _studio = _settings.Studio::Studio
local Studio:Studio = _studio::Studio
local _theme:any = Studio.Theme
local StudioTheme = _theme::StudioTheme
local connection = Studio.ThemeChanged:Connect(function()
	local _theme:any = Studio.Theme
	StudioTheme = _theme::StudioTheme
end)
plugin.Unloading:Once(function()
	connection:Disconnect()
end)

workspace.Baseplate = StudioTheme:GetColor(Enum.StudioStyleGuideColor["Mid"])
2 Likes
2

Update #1

  • Fixed issue with “unknown path” and the plugin is now in strict mode.
  • Button color is now updating upon theme change.
3

Update #2

  • No need to restart studio every time you update Yarik’s Library now
  • I changed bindable event into a coroutines
4

why would we need this? we have the roblox inbuilt colorpicker or we can use the microsoft powertoys color picker (win+shift+c)

1 Like
5

I can clearly see that you never ever worked with plugins; there absolutely no ways to interact API of built in color picker as of now.

7

how can i use windows color picker inside studio?

8

u press win+shift+c (you need to have windows power toys installed)

image
image428Ă—372 7.55 KB

image
image440Ă—376 10.2 KB

16

Why are you alone allowed to call other valid developer resources bloatware? That doesn’t seem fair.

FYI, memes are also in violation of Devforum TOS

2 Likes
18

Update #3

Brute force now will return all args if color matches for 100%
Example:

Input: #2e2e2e

Result:

Enum.StudioStyleGuideColor.MainBackground;Enum.StudioStyleGuideColor.Item;Enum.StudioStyleGuideColor.EmulatorDropDown;Enum.StudioStyleGuideColor.EmulatorBar;Enum.StudioStyleGuideColor.FilterButtonBorder;Enum.StudioStyleGuideColor.TabBar;Enum.StudioStyleGuideColor.FilterButtonDefault;Enum.StudioStyleGuideColor.ColorPickerFrame;Enum.StudioStyleGuideColor.StatusBar;Enum.StudioStyleGuideColor.Dropdown;Enum.StudioStyleGuideColor.RibbonButton;Enum.StudioStyleGuideColor.Notification;Enum.StudioStyleGuideColor.GameSettingsTableItem;Enum.StudioStyleGuideColor.TableItem