A Dark Theme for CyberPanel.
This project is abandoned! Newer versions of CyberPanel include multiple dark themes. I recommend you use those. I'm moving the Plus features of this repo that are still valuable to Brugman/cyberpanel-design-tweaks.
- Add Less build system.
- Repaint CyberPanel as white on black.
- Add Plus features.
- Test all pages.
- Add some color.
- Publish!
Copy the CSS from css/theme.min.css to the "Custom CSS" field on the "Design" page of your CyberPanel.
Besides repainting the UI to be white text on a black background I've also changed the following:
-
The page loader is removed. Without the loader the header and menu remain visible at all times, keeping you visually grounded, which let's you browse around faster.
-
The "NEW" tags on menu items are removed. You don't need to be reminded about the current version's new features every day. You don't magically get new features without updating manually. Whenever you update, go check out the changelog.
-
The menu icons wiggle is removed.
-
The Raleway font has been replaced by Open Sans. Raleway is way too thin to be easily readable at this size.
-
Unnecessary lines/borders are removed. As Refactoring UI commands it.
Found a bug? Anything you would like to ask, add or change? Please open an issue so we can talk about it.
Pull requests are welcome. Please try to match the current code formatting.
pnpm i
| Command | Action |
|---|---|
pnpm gulp |
Build once |
pnpm gulp watch |
Build continuously |