Collaborate with other modders to make Synthesia the way you want it.
Always the latest versions: [ colors.xml | ui.xml ]
Read the Getting Started topic to learn how important it is to MERGE YOUR CHANGES every time you download a new dev preview.

Postby Korados » 12-24-12 6:39 am

Hello guys,

I wanted to recolor Synthesia to an orange theme but unfortunately I encountered a problem:

When I tried to recolor the footer at the menu, just the upper half turned into orange and
the lower one stayed blue-violet. I didn't found a solution in the colors.xml, so I asked Nicholas
and he asked me to post a new topic so he and I can explain it to you all.

Merry Christmas!


Posts: 62

Postby kiwi » 01-26-13 4:46 pm

Well i have give up modding i prefer wait because skinning 'll be changing but i am sure i have changed the bottom bar colour et fonts colours in the xml it's here.
here's my xml if u want.
(12.21 KiB) Downloaded 2408 times
(80.4 KiB) Downloaded 2466 times
Synthesia Donor
Posts: 1178

Postby Nicholas » 01-31-13 5:23 am

Those gradients were all crazy. The title screen's top half used the general (all the other screen's) header gradient colors in reverse order... and the footer on the title screen used some combination of gradient colors and other stuff.

Anyway, it's fixed now. Grab the latest 8.5 development preview and be sure to MERGE YOUR CHANGES with the latest colors.xml (and ui.xml) from the pink box, above.

You're looking for these (much nicer defined) colors now:

  • headerGradientTop
  • headerGradientBottom
  • titleHeaderGradientTop
  • titleHeaderGradientBottom
  • titleFooterGradientTop
  • titleFooterGradientBottom
Posts: 11867

Postby kiwi » 08-26-14 10:47 am

Hmm i have tried to delete background overlay but not really what i want.
Any hints for to remove the 3d effects on the Library ?
Last edited by kiwi on 09-04-14 3:28 pm, edited 1 time in total.
Synthesia Donor
Posts: 1178

Postby kiwi » 08-30-14 9:04 am

Humm maybe i am not very clear so here's what i want to achieve is it possible?
So i have maid my changes in paint so it' ll be more easy to see what i mean.

Legend of the reds arrows:

1:recolore the pale blue in another color
2:removing the 3d effect of the horizontal lines in song Library.
3: removing the 3d effect on adress bar and schearch bar.
4 & 5 :removing the 3d effect on buttons.
Last edited by kiwi on 09-04-14 3:29 pm, edited 1 time in total.
Synthesia Donor
Posts: 1178

Postby Nicholas » 08-30-14 11:19 am

In ui.xml, anywhere you see "backgroundOverlay1" or "backgroundOverlay2", try removing those attributes. Does that make things any better? The overlay layers are usually where the 3D effects come from.
Posts: 11867

Postby kiwi » 08-31-14 8:13 am

Thank you Nicolas i have already tried it because you already said that to me ^^.
But even if it's a little better it's not totally not 3d.
And on some buttons (navigations at the top) if i delete them i have more 3d effects.

And for the background colour (without using hue) i mean the pale blue color i haven't founded it?

Here a screenshot say me if i can drop more 3d effects on it?
synthesiamod.png (64.96 KiB) Viewed 44766 times
Synthesia Donor
Posts: 1178

Postby Nicholas » 09-03-14 4:26 pm

The background color is "menuBackgroundAccent". This method isn't full-proof, but this can help find those:

  1. Open that screenshot in a program with a good color picker. (Microsoft Paint's is bad. Their hue range is 0..240 for some reason when it should be 0..360.)
  2. Use the color picker to find the RGB or HSV value for the mystery color.
  3. Try to locate it that way in colors.xml.
When I checked (in Photoshop) I got H=200, S=18, V=87. Searching for "18, 87" in the file pointed me to menuBackgroundAccent.

I omitted the 200 in my search because some recent work lets an entire theme build off an "inherited" hue, so "200" appears in fewer places now.

If you don't find it searching for the HSV numbers, try the RGB numbers.
Posts: 11867

Postby kiwi » 09-04-14 10:22 am

Thank you! worked just the "menuBackgroundAccent" shearch pointed right to the first place i have seen it before but haven't tryed to modify it (because i am not verue familiar with hue).
So i changed for rgb cause i don't want this background change if i use the simple hue color config.

And for 3d effects i can make more flat/metro style?
I remember you wanted to include custom picture ressources is it planned ? cause i 'll replace the 3d effects by my own pictures without 3d effects for a total customising.

If i use ressource hacker with the tool of lemo maybe i can?
Synthesia Donor
Posts: 1178

Postby Nicholas » 09-04-14 2:39 pm

Replacing the resources themselves with Resource Hacker or Visual Studio would definitely get rid of the 3D effect.
Posts: 11867

Postby kiwi » 09-04-14 3:25 pm

Ok so i 'll regiving a try (the problem is just that i need to do this for any new dev build :/)
And the task can be consumming for each new build.

Anyway thx for the help Nicholas.
Synthesia Donor
Posts: 1178

Postby Nicholas » 09-04-14 4:03 pm

kiwi wrote:And the task can be time consuming for each new build.

A really great way to speed the merging up would be to get comfortable with a nice "diff" tool like WinMerge or TortoiseIDiff. In just a few clicks you should be able to migrate any changes you've made from one development preview to the next. I love tools like those that can make my life easier.

(This is unrelated, but WinMerge can even compare all the files in entire directory structures recursively. That can be super handy every once in a while.)
Posts: 11867

Postby kiwi » 09-04-14 7:51 pm

Thx for the tip :)
Synthesia Donor
Posts: 1178

Postby kiwi » 02-02-16 7:25 am

Finally i had succedded to remove all the 3d effects without touching the .xml only .png.
Synthesia Donor
Posts: 1178

Return to Modding Synthesia

Who is online

Users browsing this forum: No registered users