New design

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

iScreen Shoter - Brave Browser - 2508201426091920×1146 106 KB

iScreen Shoter - Brave Browser - 2508201423381920×1145 54 KB

iScreen Shoter - Brave Browser - 2508201423041920×1147 105 KB

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.

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

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.

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

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

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

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.

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.

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.

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;*/
}

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.

Sorry, I don’t quite understand what you mean. When describing the problem, I meant that there is a “design” section in the admin panel with a drop-down menu offering different themes, but whichever one I choose, it doesn’t apply. The same blue design is always displayed, i.e., the existing function doesn’t work. I just want to revert to the old design, not create a custom one of my own.

The issue with that is that the new design is totally different and as such the design feature is not compatible because it was tailed to different classes, ids etc based on css hence it will no longer work for 2.4.x.

You have two options:

1. Go back to a version pre 2.4 which will have the design feature working and use the design tab.
2. Continue with 2.4.x and create your own styles to work with the new design tab but you will have to apply my fix in order to get the design tab working.

I don’t really understand, is this supposed to work?

iScreen Shoter - Brave Browser - 2509181759341920×1139 117 KB

The disigns provided in the dropdown will only work for Cyberpanel up to 2.3.9
Your screenshot shows a version of Cyberpanel above 2.3.9 so the dropdown WILL NOT WORK

If you absolutely need those styles, you have to install CyberPanel 2.3.9 and stay on 2.3.9.

If you are capable of creating your own styles, you can use my script and add your own styles to the textarea and save post 2.3.9.

I will update all the themes in usmannasir/CyberPanel-Themes: CyberPanel Themes for everybody!, to support the latest theme for 2.5.5-dev at least:slight_smile:
So it might work when 2.5.5 is released.

CyberPanel-Themes to version 2.0 for CyberPanel 2.5.5-dev by master3395 · Pull Request #15 · usmannasir/CyberPanel-Themes

And it would be wonderful if it were possible to bring back the old theme? It was wonderful, maybe not colorful enough, but very convenient