Giter VIP home page Giter VIP logo

cyberpanel-dark-theme-plus's Introduction

CyberPanel Dark Theme Plus

A Dark Theme for CyberPanel.

screenshot

Abandoned

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.

v1 checklist

  • Add Less build system.
  • Repaint CyberPanel as white on black.
  • Add Plus features.
  • Test all pages.
  • Add some color.
  • Publish!

How to use

Copy the CSS from css/theme.min.css to the "Custom CSS" field on the "Design" page of your CyberPanel.

What's the Plus

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.

Contributing

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.

Development

Requirements

Installation

  1. pnpm i

Build CSS

Command Action
pnpm gulp Build once
pnpm gulp watch Build continuously

Author

Tim Brugman

cyberpanel-dark-theme-plus's People

Contributors

brugman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

cyberpanel-dark-theme-plus's Issues

Great stuff!

Thanks for this. finally cyberpanel is readable :D

Dark theme not applied by plugins and some other quick errors

Thank you for the dark theme
there is a small bug ( probably cyberpanel related ) that does not apply the custom css to the plugin page or filemanager

  1. /configservercsf/ and /filemanager/ shows the default theme ,so there need to be a way to inject the custom theme into the original theme so it get forced on all pages or a "css swapper"

  2. /users/listUsers shows notihng as white name on a white table result in a white page .. kinda hard to read on a white background

  3. /packages/listPackages same as above , white table ..

  4. /dataBases/createDatabase shows a white select box with white text

  5. /dns/addDeleteDNSRecords , white table

  6. /ftp/createFTPAccount, white select

thats it for now , as almost every link contains something related to table or select , so after a fix i can test the other stuff a bit more
the first errors are related that it just does not parse the custom css, so probably not a fix in here

Thank you
Greetings from PowerChaos

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.