GithubHelp home page GithubHelp logo

a6smile / definitely-not-cpanel-directadmin-skin-css Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vovler/definitely-not-cpanel-directadmin-skin-css

0.0 0.0 0.0 98 KB

Custom CSS for DirectAdmin's Evolution skin to make it resemble cPanel's paper_latern skin.

License: MIT License

CSS 100.00%

definitely-not-cpanel-directadmin-skin-css's Introduction

Definitely-not-cPanel DirectAdmin skin/custom-css

Version: 2.0

It's sad that cPanel increased prices so much, especially for people that run a $5 VPS or sell shared hosting for low cost. There were price increases of about 1000% for some of their clients in 2019. Roughtly a year later, they announced price increases again for Jan 2021, similarly as bad.
Some moved to Plesk cause it's effectively cheaper than cPanel, the only issue is that Plesk is owned by the same parent company as cPanel.

Many made the move to DirectAdmin, however it is not as polished, and some features feel clunky. And for those used to cPanel's paper_latern skin, DirectAdmin's skins are a bit off-putting.
Since I don't think DirectAdmin will make a skin 100% equal to cPanel for PR reasons, I decided to customize their Evolution skin to resemble cPanel's.

How does it look:

Before:

Before

After (including some menu organization changes):

After

How to install:

  1. In DirectAdmin's admin settings, inside "Skin Manager", change the skin to Evolution
  2. Using your favorite FTP/STFP program, go to "/usr/local/directadmin/data/skins/evolution/assets/"
  3. Upload the css file and optionally the icons file (dont forget to clear cache if you upload the icons).
  4. In DA's admin settings go to "Customize Evolution Skin"
  5. At "External CSS URL" write "/assets/custom.css" and submit.
  6. Optionally, change the logo to a logo with white background.
  7. Optionally, in DA's admin settings, inside "Customize Evolution Skin" organize the Menu:User / Reseller / Admin to resemble cPanel's.
  8. Optionally, remove all unecessary widgets except "WGT_USER/RESELLER/ADMIN_STATS" for a cleaner look in the right widget bar.

F.A.Q.:

Q) Is this mobile responsive?
A) Yes

Q) Have you tested this in the reseller and admin panel?
A) Mostly not, 99% of the attention was spent at the regular user panel, including changing the color of user icons. Icons that are not displayed at the user panel have not been looked at, only color edited in bulk.

Q) Will you ever improve the reseller or admin panel look?
A) Eventually™. But you can fork this, improve it yourself and create a pull request.

Q) The widget bar lost some of it functionality, is it intended?
A) Yes. You can remove some of the display:none's to restore the funtionality that you want.

Q) Ewww. Your css code looks terrible.
A) Yes.

definitely-not-cpanel-directadmin-skin-css's People

Contributors

iipoliii avatar vovler avatar

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.