New design

[yabloky]

Hi, can you please advise, I recently upgraded cyberpanel and I have a new design and I would really like to bring back the previous one, the current one is very uncomfortable because of the color and small font. And when I change the theme in the corresponding menu item, after saving - it is not applied, at all, only the login page changes. How to fix it?

*processor is constantly loaded at 100%, which was not the case before, somehow very unfortunate I updated it seems

[sajetek_developer]

The New design is here to stay and unfortunately the Designs do not work.
The only way is to revert to 2.3.9 or fix the issues yourself temporarily.

[yabloky]

And if I go back to 2.3.9 by reinstalling, of course I will have everything that can fly?

[abd.a]

You can do upgrade again and during the installation chose the version 2.4.2 as i found it the best, I tried 2.4.3 and went back to 2.4.2. and you will not lose any data.

[yabloky]

Thanks, but is this “beautiful appearance”, came with 2.4.3? And it’s not present on 2.4.2? I just jumped through several versions

[abd.a]

Yes, v2.4.2 – Complete Design Overhaul. it,s same as 2.4.3 exempt dark mode and you can’t change the theme but all other functions work fine.

RUN:
sh <(curl https://raw.githubusercontent.com/usmannasir/cyberpanel/stable/preUpgrade.sh || wget -O - https://raw.githubusercontent.com/usmannasir/cyberpanel/stable/preUpgrade.sh)
and in this stage:
Press Enter key to continue with latest version or Enter specific version such as: 1.9.4 , 2.0.1 , 2.0.2 …etc
type
2.4.2 then Enter

[BigDaveAZ]

Unfortunately anything you type in will be have Branch2.4.3 automatically typed in anyways.

[serververse]

So, the Conclusion is that We can change the theme color or the theme, in v2.4.4, this small font thing is fixed but theme changing is still the same.

[sazid46]

new UI looks broken part by part attached somehow , some text even cant be seen properly in 13/14 inch laptop screen , maybe need microscope and every option i click asking to buy the extra plugin advertisement ![|16x16]
dont know why cyberpanel quality is decreasing day day ? now you guys dont even approve the post in the group ? ![|16x16]

2021-2023 got the best support from this panel .

but now its getting out of hand.

maybe its time to move to another for change.

[yabloky]

It would be great if the developers would allow us to revert to the previous design. This is very important because we see it every day, and it’s not about colors or whether we like it or not, it’s about the usability of the system. Now something is too small, something overlaps with something else. Developers, please give us the option (or instructions) to revert to the old design while you work on the new one.

[sajetek_developer]

Worked on a quick fix for the design tab so you can add your custom css.
Working in 2.4.4
2 lines, one to add the css section and the other to clear the app cache.
Thank me or tip me.

if ! grep -q "MainDashboardCSS" /usr/local/CyberCP/baseTemplate/templates/baseTemplate/index.html; then sed -i -E 's/(\s?+|\s+?)<\!-- Modern Design System -->/&\n\1<style>\n\1	{{ cosmetic.MainDashboardCSS | safe }}\n\1<\/style>/' /usr/local/CyberCP/baseTemplate/templates/baseTemplate/index.html; fi
find /usr/local/CyberCP/ -type d -name __pycache__ -exec rm -r {} \+ && systemctl restart lscpd && systemctl restart lsws

Quick design changes:

:root {
    --accent-color: cornflowerblue !important;
	--accent-hover: cornflowerblue !important;
	--bg-hover: azure !important;
	
    /*--accent-color: yellowgreen !important;
	--accent-hover: yellowgreen !important;
	--bg-hover: honeydew !important;
	
    --accent-color: violet !important;
	--accent-hover: violet !important;
	--bg-hover: seashell !important;
	
    --accent-color: dodgerblue !important;
	--accent-hover: dodgerblue !important;
	--bg-hover: lightcyan !important;*/
}

[Master3395]

I will have a look into whether i can add this as a feature somehow.
Atm i don’t see any way to do this, without breaking something else.