Community Generated CyberPanel Themes


I have been using true-dark-theme or i-dark-theme since I had eye surgery.

While I appreciate the effort you put into your theme, for me the sidebar mouseover is difficult to see which option is active, so I cannot use it. I am not a CSS guru, so I dont know how to ge this effect.


If you can give me the code to add, I would be happy to use it.

1 Like

I updated the repo.


I can see the position of the sidebar now. Thank you @vjranga


need feedback for this. i added rounded corners and minor update.

1 Like

Looks good to me. I think side menu can be improved further.

thanks for the effort though


All the themes are great and very useful, thank you very much for your contributions. One query: I have tried them all and I notice that when I land on a non-privileged user page it reverts to the default style. Is it my mistake or is that how it works?

Here is my contribution. I have used the Cloudflare Theme, modified it a bit and added new icons.

You can find it on my Github.

It includes a layered .psd file for editing the icons.


@usmannasir Could we have more themes added to the design list, like the theme over?

Icons can create conflicts

Added this theme.

How can i upload new custom theme.

You can create a pull request to our themes repo by following the standard procedure or just paste the CSS here, I will take care of rest.

New theme coming soon! :slight_smile:

CyberSpace Dark - By Interpryce:

CyberSpace Pure Dark - By Interpryce:

If you add this code to the themes, you can add your own “logo” or “banner” to the top right.

#page-header #header-nav-right {position: relative;}

#page-header #header-nav-right:before {
    position: absolute;
    height: 43px;
    background: url(;
    content: "";
    left: -200px;
    background-repeat: no-repeat;
    background-size: 200px 43px;
    margin: 0;
    padding-left: 200px;

I’ve already inserted a stylization for this, if you see in the logo, it is modified but maintaining the Cyberpanel brand, which is right. :slight_smile:

I can’t share a version with 100% removal, that would be weird. =)