Utility plugin for picking StudioStyleGuideColor/Modifier for plugin UI elements

StudioStyleGuideColor and StudioStyleGuideModifier can be used to automatically style your plugin UI to Studio’s theme (e.g. Light or Dark). However, just from looking at the list of available items, it’s not always clear which you should use, and sometimes items are incomplete. Aside from manually trying different items one by one, there is no way to determine which you should use at glance.

However, now there is an unofficial utility plugin available which allows you to easily determine which StudioStyleGuideColor/Modifier to use.

Features

This plugin allows the user to preview a table of all StudioStyleGuideColors in each of their possible states, and then filter down that list with a searchbar. The theme list at the top of the plugin can be used to cycle through all available themes to verify selected items behave as expected across each theme.

Demo

https://giant.gfycat.com/ImmaterialScientificKitty.webm

Notes

See the “Working With Studio Color Themes” section of this DevHub article to learn more about the Studio theme API

54 Likes

Being a frequent builder in Studio, and a user of the dark theme, this looks very useful. I think I will look into this plugin. Thank you for developing it!

2 Likes

I don’t actually apply themes to Studio. I just leave it as the default Light Ribbon Bar theme. That being said, if this makes it easier to apply themes to Studio, then I’m willing to try my hand at creating themes.

Would it be possible to make it so you can search by the hex color, and so that you can open/close the widget while the Viewport isn’t visible? I’m using this plugin actively while making a plugin, and those are the two main annoyances at the moment.

EDIT: Turns out you can search by hex colors and I’m just a fool. I would still appreciate being able to toggle it when the Viewport isn’t visible though.

amazing, thank you. I was going to make something like this for plugin development, but you’ve saved me the trouble :grin:

At 0:12 onward it shows searching by hex color?

2 Likes

That’s… Hmm. Let me try again because when I was trying it wasn’t working.

EDIT: I withdraw that particular complaint since it appears I’m an idiot somehow.

Sure thing! If you install the latest version of the plugin, you will be able to open it with the viewport hidden.

2 Likes

Sorry to bump this, but this plugin is so useful! I actually forked a copy and changed the hex code TextLabels to read-only TextBoxes in order to allow for copying and pasting of colour codes. It’d be great to have this in the official plugin.

Oh wow! This would be extremely useful to a lot of people who care a lot about the color of bricks! Amazing work!

Thanks for the suggestion! The latest version of the plugin should have the hex codes and the enum names selectable now

2 Likes