Admin panel theme tweak

[dongfix]

Hello,

I made a custom.css for the admin panel that just does a very small thing:

Aligns the icons, and fixes up the fonts.

Instructions:

First type as root (or using sudo)

Code Select Expand

# chattr -i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css

Then open that file in any editor of your choice, and below:

Code Select Expand

/* CECILIO MORALES CSS */

Add the following:

Code Select Expand

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap');
* {
  font-family: 'Source Sans Pro', sans-serif;
}

pre {
  font-family: 'IBM Plex Mono', monospace!important;
}

.icon16, *[class^=".icomoon"] {
  font-family: "icomoon";
}

.icon16 {
  width: 28px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

#sidebar .shortcuts ul li a {
  width: auto;
  height: auto;
  padding: 10px;
  margin-right: 5px;
}

#myList .icon16 {
  margin-left: 5px;
  margin-right: 5px;
}

Then save the file and type (as root, or using sudo):

Code Select Expand

# chattr +i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css

And then ctrl + shift + r the admin panel. Everything should look neat and aligned, without changing the feel of the web panel.

Note: you will need to do this every time the panel updates.

This is my first post, apologies if this is in the wrong place.
This is what it looks like after the change:

[cinique]

That's handy to know, thanks.
I'm struggling to see much difference but then I usually have to zoom out to 90 or 80%, to see most thing in alignment.

[SloMail]

I wish that CWP will work on new theme for admin area too...

[cinique]

The current theme is the clearest out of all server control panels, IMO.
Needs a few small alignment tweaks here & there, that I've pointed out in another thread.
Rather than messing about with themes, it is MUCH more important to fix functionality.

[SloMail]

The new look for CWP is more than importand, you can take a look at spanel.io very very similar to cPanel which is a great UI to be honest...

[wshosted]

Thank you!