Sample overview

Regular theme

image.png

Custom neon style

image.png

Sample contains debug panel and a custom DebugPanelNeonStyle.uss that overrides some of the properties of default style.

Since Debug Panel is UIToolkit based all of the styling is done through USS - unity style sheets. Debug Panel uses default DebugPanelStyle.uss and supports list of additional style sheets for overrides such as in example above.

Settings

image.png

Here we have two additional style sheets, that adds more of a character to panel. Last in list style gets the most priority so currently we see neon theme, but if we change order and put DebugPanelOrangeStyle.uss last will see the other look.

Neon theme but orange colors

Neon theme but orange colors

In first case orange colors gets combined with neon bulkier elements

Just the orange colors with default theme

Just the orange colors with default theme

While in second case neon theme removed, and orange colors applied to a more compact base theme

Additional styles

Orange style is bundled with package source code, as well as Green and Blue

image.png

image.png

Creating own styles

Since all of style is defined in uss file you can just ask LLM, AI to make you one)

Here is an example of green style, just a bunch of variables for colors overrides

image.png