-Layer Finder-

Do you want to make your own color themes? Are you intimidated by the long list of slots and their scary names? Well it’s about to get a whole lot easier!

This color theme highlights each UI element in a distinct color. Importing this theme will let you visually ID which slot almost any UI element is taking its color from.

This is a tool. Don't expect it to look pretty.

I did my best to keep text as legible as possible, but there are a few spots that may be hard to see. Both Light & Dark theme are set to the same colors, but some elements may still be changed by your device.

Usage

Make sure to DISABLE the “Now playing color source” option since it will override many of this theme’s colors.

1) Load this theme
2) Find the UI element you want to change and check what color it is
3) Go back to Theme settings and tap on “Selected theme colors”. Look for the matching color!

Can't tell which one? Narrow it down!

A few slots still have similar colors, so you may need to use a little trial-and-error to find the right one.

1) Edit this theme
2) Change the color of ONE of the slots that you suspect is being used. Make sure you edit the colors for your current (Light/Dark) mode!

Then go back to the UI element to see if it changed. If not, try changing the others until you find the right one. (You can always import this theme again to "reset" its colors.)

Found the right slot?

Once you know what slot you want to change, you can swap back to your real theme and set the color you want!

Notice:

This theme does NOT use white #FFFFFF or black #000000. Anything you see in those colors probably cannot be changed by Symfonium. (Check your device settings for Day/Night mode, Theme colors, etc.)

Link to Symfonium's official docs:

https://docs.symfonium.app/wiki/other/theme-colors-documentation/

Current version notes

Improved ease-of-use! All colors now use only two of the three RGB sliders, and are set no higher than E6 (230)

  • Now you can simply drag the "Zero" slider to FF (255), then check if your UI element changed
  • To reset, simply look for the 255 slider and set it back to Zero

Adjusted several colors to better distinguish some elements.

  • proper colors have been set for the Error slots
  • changed surfaceContainerHighest from Turquoise #00FF75 to Electric Pink #E60080
  • surfaceContainer changed from solid Green #00FF00 to a much darker Green #001A00

Only the first screenshot has been updated. Most elements look basically the same.

Previous versions

1.1.0 (2026-04-30)

The colors for "outline" and "surfaceContainerHighest" have been updated to make it more clear that ON/OFF toggles do not share color slots.

Ask the author

Sign in or create an account to ask the author a private question about this customization. Messages are visible to you, the author, and site staff.

Report this customization