I have updated with no problems, but I would like the old theme back please

Support
,
1

What type of hardware are you using: VPS bought online
What YunoHost version are you running: 12.0.9.2
How are you able to access your server: SSH
Are you in a special context or did you perform specific tweaking on your YunoHost instance ?: No. The theme changed upone migration

Describe your issue

I would like it to go back to looking like a periodic table, but I don’t see that among the choices. ‘Legacy’ doesn’t look like it at all.

Share relevant logs or error messages

N/A

2

You can paste this CSS code in the webadmin → domaines → main domain → Custom CSS Style Sheet.
This is visually close to the legacy theme but does not reproduce the mouse over effect

#app-tiles {
    display: initial;
}
#app-tiles .app-tile {
    display: inline-block;
    width: 9em;
    height: 9em !important;
    padding: 0.6em;
    margin: 0.5em;
    border: none;
    border-radius: 0em !important;
    box-shadow: 2px 3px 3px 2px rgba(0, 0, 0, 0.2);
    line-height: 1em;
    --app-tile-colors: #2ECC71, #F76F87, #6A93D4, #F1C40F, #F39C12, #3498DB, #34495E;
    --app-tile-colors-n: 7;
    color: white;
    --i: mod(var(--label-hash), var(--app-tile-colors-n));
    background: linear-gradient(var(--app-tile-colors)) no-repeat 0 calc(var(--i) * 100% / (var(--app-tile-colors-n) - 1)) / 100% calc(1px * infinity);
}
#app-tiles .app-tile > div {
    margin: auto;
}
#app-tiles .app-label:before {
    content: attr(data-initials);
    display: block;
    font-size: 4em;
    font-weight: 700;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
}
#app-tiles .app-label {
    font-weight: 400;
    font-size: 0.94em;
    text-align: left;
}
#app-tiles .app-description, #app-tiles .app-logo {
    display: none;
}
3 Likes
3

Note that you can also use App tiles display theme: periodic in Domains > thedomain.tld > scroll down to Portal customization

2 Likes
4

Thank you very much both of you!
I may not have cp/pasted into the right place, but I have the css in custom css on that vps in the main domain anyhow for whenever I fix w/e went wrong with the update on my other, more important, vps, b/c it has my real email address on it! :slight_smile: Ah, fun, fun eh? I need to make a new thread. Tweaking appearance is nothing. I thought things went very well, so I proceeded on the important one… I will come back to this thread and bug you guys again, before it expires - I hope! :slight_smile:

5

Guys, how can I put a background image in width/height 100%? This is only one feature I lost by successfull upgrading procedure :+1:

Thx