Hi,

Since CyberPanel now allows you to add custom CSS code. I’ve seen great work from community. I am creating this thread to officially list them here.

How to Install

• Go to CyberPanel > Design
• Paste the contents of css to the text area.
• Save.

Themes

1. By Slddev → GitHub - Slddev/CyberPanel-Themes: CyberPanel Themes for everybody!
2. By Brugman → GitHub - Brugman/cyberpanel-dark-theme-plus: A Dark Theme for CyberPanel.

Want to add your own theme

1. Clone this repo: GitHub - usmannasir/CyberPanel-Themes: CyberPanel Themes for everybody!
2. Create a folder and name it anything, must be unique.
3. Inside the folder create design.css and paste your css in there.
4. Create pull request.
5. Then notify here we will merge the pull request after review.

If you find anything else add in comments and we will update the main thread.

Thanks.

For my use, I created a simple theme. Please check that it fits your standard.

Looks good. If you want I can add it to official CyberPanel selector/repo.

Thank you. Yes, I am happy to add it.

CyberPanel-VJ-Theme2206×1173 159 KB

Added to CyberPanel official themes repo.

Thank you. I updated it a bit. I hope to keep it up to date with future CyberPanel updates.

So for these are the best themes. I’ve added rest of them in CyberPanel too.

Thank you @usmannasir. I hope we can add a theme to the file manager area in future updates.

I think gaussian theme should be made default on install. As the first time i installed CP i saw it as a wannabe WHM but after exploring it for a couple of days, I realized how powerful YET user friendly it is, my views changed.

Both of themes from Flat CyberPanel Theme inspired by Digital Ocean dashboard has been added to CyberPanel Themes repo.

I’ve been personally using CyberPanel-VJ-Theme-Purple on my servers, but now I am also impressed by DO-Inpired-flat-blue

Many thanks to @ CypherPotato

do-inspired2850×1630 327 KB

I am very happy with the dark theme CSS options you have provided, but its nice to see some alternatives.

I also created darker version, but The code needs to be cleaned up. (still testing)

image1920×950 128 KB

love it … paste here please the code if you allowed us (or me)

@MyIDKaTePe
you can get it my github repo

thank you…

I will test it for you and give you some feedback.

btw where is your github ?

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.

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.

image1910×872 125 KB

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?

image1104×746 46.6 KB

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.

f5da71bea605ef5c7eeb3d0ec8cf68f71920×1949 217 KB

@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!

CyberSpace Dark - By Interpryce:

image1440×879 145 KB

CyberSpace Pure Dark - By Interpryce:

image1440×880 62.8 KB

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

image1900×693 98.8 KB

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

#page-header #header-nav-right:before {
    position: absolute;
    height: 43px;
    background: url(https://newstargeted.com/logo.png);
    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.

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

How do I get this theme?

The @usmannasir was left to add to the themes directory, but didn’t.

If you’d like to use this theme, you can find it here:

I’ve added instruction on top of this post on how to add your own integrations/themes to CyberPanel.

True, since it’s way above I didn’t even notice it correctly. I’m going to do that this afternoon.

I added today so no worries.

@usmannasir Can you check the Pull request?

Pull requests · usmannasir/CyberPanel-Themes (github.com)

it is done, thank you

@usmannasir You’re welcome, I plan to create another theme even more modern and beautiful, but I’ll wait for your other big update. I’ve heard rumors that you’re redesigning the Cyberpanel, is this true?

yes our new design is coming soon.

@usmannasir Very good, when it launches, I update the CyberSpace theme.

@usmannasir Check out this pull request below, and merge it. I have made several improvements and corrections to this theme, what was already good and beautiful, is now complete.

v1.5.0 - Various improvements, cleanups, and enforcement of global CSS3 compliance. Implemented color system for easy maintenance or future modifications. Classes restructured and commented for easy understanding.

I’ve merged it, thanks again.

Hello Mates.
I have designed this theme.
Its not completed yet, but I thought of sharing so that I can get more suggestions & improve it.

Theme Name: HMM NEXT
Version: 1.0.0
Color Scheme: White
Designed by: Ariyan Debnath

COPY PASTE THE CSS FROM HERE →

https://cdn.luveedu.com/cyberpanel/assets/hmm-white.css

==================

Sample Images.

image1906×869 81.6 KB

image1913×879 76.4 KB

image1919×879 108 KB

==================

I will upload it in Github later this week.

Coming soon.

Dark theme also
Better Form Inputs
Improved Layout Stability

Let me know when you create the pull request.

Thank you @usmannasir for setting up this thread & providing the instructions for adding custom CSS to CyberPanel. Its great to see the communitys creativity being showcased here and also i consider contributing my own theme in the future.

Hello

I have added the Pull Request. Please check and let’s see : )

Thank You

merged.

thank you

good job, thank you

Hello,

Pull:

→ Add: Ragnarock theme by georgittanchev · Pull Request #13 · usmannasir/CyberPanel-Themes · GitHub

Hello,

Pull: here

i generated dark mod of this theme. Here anyone can use it. Credits go to Ariyan

HMM Dark Theme

Clipboard_04-28-2025_011907×814 56.5 KB

here i changed some color errors. I hope you all like the theme.

HMM Dark Theme

Can you create pull request here: GitHub - usmannasir/CyberPanel-Themes: CyberPanel Themes for everybody!

All Themes Support Ended after v2.4.4

We’re very upset with this, all the past themes we’re unusable & the “All-New-Theme” is not that good, not very good colors & Font Sizes.

Also we can’t edit from GUI Easily.

Please Respond on this and make the Themes of Cyberpanel Alive Again.

Hey everyone!

Just released v2 of my VJ Themes for CyberPanel! Got some fresh updates and improvements across all the color variants (Purple, Blue, Green, and Dark).

If you’re using any of these themes and spot something that looks off or isn’t working right, please drop a comment here or open an issue on GitHub so I can get it fixed ASAP.

GitHub: GitHub - VJ-Ranga/CyberPanel-VJ-Themes: Simple CyberPanel Theme

Appreciate any feedback, bug reports, or suggestions you guys might have. Let’s make these themes even better together!

Cheers!

Nice, i will have a look at all of the themes again, and i hope that @usmannasir makes a branch for each CyberPanel version, because not all themes get supported for each CyberPanel forward i think.