In Progress CPANEL-42371 - Advice on customizing Jupiter

[businezz]

Hi,

I am trying to customize Jupiter theme with my own colors. I am following the docs here Update customization data · cPanel & WHM Developer Portal and everything works fine.

Now, if i want to use the default cPanel logo i can use this command: whmapi1 update_customizations application=cpanel theme="jupiter" brand='{"brand" : {"colors" : {"accent" : "#FF0000","primary" : "#FFCC00"},"logo" : {"description" : "Logo Goes Here", "forDarkBackground" : "", "forLightBackground" : ""}}}' which it's updating it with my color and the default cPanel logo is applied. - PERFECT

And there's an issue now. If i go in WHM and upload my own logo it's not applying for the end users. Anyone can give me an idea how can i use my own logo uploaded through WHM, and resellers to be able to use their own logos while i have Jupiter customized? I guess i'm missing something in the command...?

I have full root access to the server.

 

[cPRex]

Hey there! Could you check out the documentation pages here to see if those will get you on the right track?

Guide to cPanel Interface Customization and Branding in the Jupiter Theme

With its world-class support and rich feature set, cPanel & WHM has been the industry-leading web hosting platform for over 20 years. Trusted worldwide by our technology partners WordPress, CloudLinux, LiteSpeed, and more.

api.docs.cpanel.net

 

[businezz]

Hey there! Could you check out the documentation pages here to see if those will get you on the right track?

Guide to cPanel Interface Customization and Branding in the Jupiter Theme

With its world-class support and rich feature set, cPanel & WHM has been the industry-leading web hosting platform for over 20 years. Trusted worldwide by our technology partners WordPress, CloudLinux, LiteSpeed, and more.

api.docs.cpanel.net

That's what i was following up. I'll give it another try.

What's the command to reverse any changes back to the default style?

 

[cPRex]

At the bottom of the page here:

Guide to cPanel Interface Customization and Branding - Branding Customization

With its world-class support and rich feature set, cPanel & WHM has been the industry-leading web hosting platform for over 20 years. Trusted worldwide by our technology partners WordPress, CloudLinux, LiteSpeed, and more.

api.docs.cpanel.net

there is information about undoing the interface changes with the API system.

 

[mlopez]

I also tried to update jupiter interface and I couldn't make it work.
It did change the colors and everything but the logo. It now shows a broken image icon

I read the docs and used online base64 image converters (from our svg logo file) but none of that worked!

This is the command I used:

whmapi1 update_customizations \
application=cpanel \
theme="jupiter" \
brand='{"brand" : {"colors" : {"accent" : "#222222","primary" : "#ee7623"},"logo" : {"description" : "My Company", "forDarkBackground" : "PD94bWwgdmVyc2lv..." : "forLightBackground" : "PD94bWwgdmVyc2lv..."}}}

 

[cPRex]

I'm not seeing anything obviously wrong with your command or method. Instead of the API call, can you try the new WHM >> Customization page to see if that gets the logo working normally?

 

[branram]

Is it possible to modify Jupiter and change the complete icon set used? While the icon set used in Paper Lantern wasn't anything spectacular, it did make it easier to find what you're looking for as the icons were all different. I've had multiple people tell me that the icons in Jupiter make it very difficult to find what they are looking for, as they are all very similar looking. I'm just curious if we can take the icon_spritemap.svg file used for these icons and alter it to replace these icons with our own version and call up our version instead?

 

[cPRex]

@branram - not yet, but we are looking into options to make the icon set more configurable.

 

[rogerhe]

@branram 100% agree. The thin line iconset in Jupiter is extremely confusing and our customers want the old icons back.

@cPanel please prioritise this, it is affecting our customer experience big-time.

 

[cPRex]

I can say it's something we're looking into, but I will also say it's very unlikely we get an easy way to replace icons (as in, without hacking the interface in ways that have been mentioned previously, which also get erased during the nightly update) until after Paper Lantern is removed. It's on the roadmap, but that's all the details I have at this point, and I know that's not very specific.

 

[hosthuski]

Jupiter is horrible. We all agree.

I'm not getting much results when trying to customize the accent color. Right now it seems that the only color the Jupiter interface listens to is the menu background color. And it ignores other colors. I thought changing ACCENT color would change orange accents in SVG icons in UI to my color of choice... like we were promised it would do a year ago.

I sent the API data successfully but it does not seem to apply any colors except the menu bg AKA "Primary". Accent color is nowhere to be found in the interface after refreshing and even after trying other browsers.

Followed docs here: https://api.docs.cpanel.net/openapi/whm/operation/update_customizations/

WHM 106.0.14

Here's what I put into Terminal:

whmapi1 --output=jsonpretty \
update_customizations \
application='cpanel' \
theme='jupiter' \
data='{"brand":{"colors":{"accent":"#17BACD","primary":"#212122","link":"#17BACD"}},"documentation":{"url":"XXXX"},
"help":{"url":"XXXX"}}'

So what's the story?

 

[cPRex]

@hosthuski - I'm doing some testing on this now and I'll update you soon.

 

[cPRex]

On my end, when I run this command, I see the left sidebar background changes, and the highlight color around the top search bar. I don't see that the icons change.

I'm waiting to hear back from the UI development team with more details about this so I can provide you with some more information.

 

[cPRex]

My testing also shows that the accent color doesn't seem to be doing anything. I created case CPANEL-42371 with our developers so they can take a look at this, and I'll be sure to post any updates to this thread as I get them.