# True Dark Theme for CyberPanel OpenLiteSpeed UI

I have started using OpenLiteSpeed and CyberPanel for easier Litespeed management. You can have a tremendous amount of performance for a low price. That will be another story to...

Author: Ruhani Rabin
Canonical: https://rabin.blog/true-dark-theme-cyberpanel-openlitespeed-ui/
Published: 2023-02-01T05:44:35.000Z
Updated: 2026-04-13T00:13:05.000Z

I have started using OpenLiteSpeed and CyberPanel for easier Litespeed management. You can have a tremendous amount of performance for a low price. That will be another story to tell.

CyberPanel UI might not be the most intuitive, but it is very workable and stable to use, even for a production setup.

But, be cautious about the server settings and harden the server for maximum security.

Here is how CyberPanel usually looks like:

![CyberPanel Before Applying Dark Theme](https://rabin.blog/_astro/true-dark-theme-for-cyberpanel-openlitespeed-ui.CfvIgalo_NB9H2.webp)

If you work long hours and stare at this screen, I think you can quickly get eye strain from it. This is why they have a panel called “Design” located on the left sidebar after the “Version Management” menu item.

Now, let’s take a look at the dark theme mod for CyberPanel:

![CyberPanel Dark Theme CSS mod](https://rabin.blog/_astro/true-dark-theme-for-cyberpanel-openlitespeed-ui-2.kHQnNxlX_22crTO.webp)

This modification is easy and can be applied and implemented in less than a minute. I have already created the CSS class modifications.

Link to [**the CSS file**](https://github.com/ruhanirabin/CyberPanel-Themes/raw/main/true-dark-cyberpanel/design.css).

Check the [**GitHub Repo**](https://github.com/ruhanirabin/CyberPanel-Themes/tree/main/true-dark-cyberpanel) for Updates.

You can copy the code.

* Go to the Design Tab
* Paste the code into the editor
* Press the “Save Changes” button
* And, that’s it.

The process is shown below:

![CyberPanel Dark Mode - How to Apply Changes](https://rabin.blog/_astro/true-dark-theme-for-cyberpanel-openlitespeed-ui-3.BPPX15ak_Z14tPpJ.webp)

You can go further and customize the code according to your own needs.

The code below could be outdated by the time you are reading it, [go to the repo](https://github.com/ruhanirabin/CyberPanel-Themes/) for the latest code.

If you like this, don’t forget to join my [YouTube Channel](https://www.youtube.com/channel/UCkrjB8iFlgmC30Gqhciwwlg).

## Related reading

* [Renew Let’s Encrypt certificates manually](https://rabin.blog/how-to-renew-letsencrypt-ssl/)
* [Create a static Publii blog hosted on Netlify](https://rabin.blog/static-blog-publii-host-free-netlify/)