Please do not post a support request without first reading and following the advice in https://retropie.org.uk/forum/topic/3/read-this-first

Chicuelo Theme



  • @chicuelo

    Hey :) just thought i'd drop by and say hi, as it's been a while since I helped you with a few bits on the theme! I hadn't really been doing anything with RetroPie and my x86 installation for about 6 months or so and got out of the habit of working on it, mainly due to other life commitments - plus also I wanted to start my x86 install afresh but never found the desire to spend the amount of time on it that it needed!!

    However, I picked it back up a few weeks ago and have got a really great appliance-like install working on my x86 box, and it works with Dreamcast, Gamecube, etc. Still got a bit to work on but determined to get the project reasonably finished this time.

    Anyhow, i'm still using the theme (of course), I might have a small PR which I can send you which makes the 'helpsystem' text a little nicer/more readable, if people choose to use it (i don't). And also an improvement to the carousel system 'sliding' if people leave it enabled (again, I use instant).

    Cheers and hope all is well.



  • @movisman said in Chicuelo Theme:

    ight have a small PR which I can send you which makes the 'helpsystem' text a little nicer/more readable, if people choose to use it (i don't). And also an improvement to the carousel system 'sliding' if people leave it enabled (again, I use instant).

    I would love to see it, send me the PR!



  • @chicuelo

    No worries! I will double check how it looks and send it over :)

    It is only minor improvement, just makes the help text white and justifies it correctly. Also keeps it in the same place when going to the gamelist view for consistency. It doesn't look too out of place actually, maybe the down arrow is a bit close but with limited space to work with I think it is fine for those who wish to use it. You could potentially improve further by moving the two arrows closer towards the system to make more space, but considering the theme is not designed to have the help enabled, I think it's ok as is. The carousel improvement is just to prevent the system sliding over the console year and type, it now disappears before this and looks better for it.

    Will have a look and send over the proposed changes.

    Cheers!



  • @movisman
    Great! maybe a lighter gray for the help text. So it does not takes too much attention, I think I used a very dark one to be as quiet as possible



  • @chicuelo

    Yes good idea, the dark one which is currently there is barely visible on my TV (and monitor), which is why I made it white to match the other elements of the theme.

    Let me see if there are any other grey colours used in the theme which I can use instead, i'll post a screenshot here prior to PR so you can see.

    Cheers


  • Banned

    I also would be interested on carousel edit, specially if can be removed. Have option turned on leads to weird slide effect on logo, but other themes uses that function nicely, so i have to switch off everytime i turn back to chicuelo.



  • @DarishZone

    I think it can be removed entirely with some edits to the theme.xml file, but would need to have a play around. Depends if @chicuelo would rather keep support in.

    The edits I made make the effect better on the logo (it doesn't overlap the other text), it slides out of view before this point now, it actually doesn't look too bad.

    I will play with the help text font size and then post up a screengrab or something.

    Cheers


  • Banned

    If you want to share xml and author agree, i'm more than happy to test!



  • @DarishZone
    Sorry, what do you mean on removing the carousel? can you post an example?


  • Banned

    @chicuelo said in Chicuelo Theme:

    @DarishZone
    Sorry, what do you mean on removing the carousel? can you post an example?

    I mean that side sliding effect on system logo when carousel option is activated



  • @DarishZone

    This is tidied up in my code, see above. I haven't got around to posting anything as this week is a little busy. It still slides but doesn't overlap the text now, which looks better if you have those transitions on. It might be possible to disable it entirely in theme.xml (so if carousel transitions are on it doesn't do anything at all to the theme) but i'm not sure I see the value in this, especially if it is tidied up to not slide above the other text?


  • Banned

    @movisman said in Chicuelo Theme:

    @DarishZone

    This is tidied up in my code, see above. I haven't got around to posting anything as this week is a little busy. It still slides but doesn't overlap the text now, which looks better if you have those transitions on. It might be possible to disable it entirely in theme.xml (so if carousel transitions are on it doesn't do anything at all to the theme) but i'm not sure I see the value in this, especially if it is tidied up to not slide above the other text?

    I saw what you wrote, i just answering to chicuelo. The value for me is just to disable it because i have to turn off carousel option everytime i switch back from another theme, which pretty needed it activated. Just my taste, i don't like so much that sliding effect since first time i saw it, seems bit nonsensical to me. But i repeat, it's my tastes, and it's not a big deal, i was just curious because i've already done a lot of edit on xml thanks to advices on this thread. I don't know exactly what your edit does, maybe i could like it, i have to test it, but if the author disagree it's perfectly fine.



  • @DarishZone Its fine for me, I use instant mode because of this too, so it would be great to have this option for those who want a sliding effect



  • Great to see all of the continuing work going on with this theme. I'm still tinkering with it and I was scrolling up and came to changes made by Wildfire and thought i'd give it a go. How do you make the image appear in front of the background (in Wildfire's theme, Ryu 'pops' off the screen). With my limited skills, I tried editing the theme.xml, but with no luck. Any suggestions would be greatly appreciated.

    Thanking all of you!



  • @rajbhalsod I don't quite understand your question. The characters and their background are just two layers in one image on top of the default blueish/white background.
    So you need to create those images or if you want to separate the characters from the background you need to add an extra image element in the theme.xml and set the order with the zIndex tag.



  • @EctoOne thanks for getting back to me, after posting the message, I realised its two layers in one image! any ideas as to how it that image has been made to overlap/appear outside of the space it is in? Sorry for not being clearer, finding it difficult to put into words! Thanks



  • @rajbhalsod Uhm not sure, I assume it's just a bigger transparent canvas than the background layer and the characters are overlapping the transparent area.
    Using such an image might require to adjust the positions/sizes in the theme.xml then.

    Edit: Since you need to use png images for that, you also have to change the extension in the theme.xml because the ones made by chicuelo are jugs. And in this case ALL character images needs to be png, because they are embedded using variables and there is no way to mix different filetypes without making huge changes to the code.



  • Hi @rajbhalsod when I modified the theme I created new artwork for each system as a transparent png featuring the character and background. Then all I had to do was scale and position the artwork to be in line with the system information box.

    As for putting the character in front, I think emulationstation respects the order of the code. So you can either use z-index to order the layers or make sure the system artwork element is below the system information element in the coding and it should work automatically.



  • @Wildfire thank you for your response, I will give it go. I need to learn how to use photoshop! I tried putting the code in the correct order/place but it didn't work, i'll try again tonight. Finally, did you scale and position the artwork within photoshop or in the theme.xml? Sorry for so many questions, your theme mod looks incredible!thank you again.



  • @rajbhalsod I took the artwork from the Chicuelo theme into Photoshop, added a background for the system, then I changed the canvas size to create the transparent area and add the character.

    Then scale the artwork in the theme.xml so the background meets the system information box. If you keep all your artwork in the center of your canvas from photoshop you shouldn't have to re-position the artwork in your theme files.

    I'll have another look at my theme.xml file when I finish work and see what I did to get the artwork in front. From what I remember it had to do with re-ordering the code but I could have used z-index for system view.



Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.