Author Topic: Admin panel theme tweak  (Read 4953 times)

0 Members and 1 Guest are viewing this topic.

Offline
*
Admin panel theme tweak
« on: December 03, 2020, 01:16:01 PM »
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]
# 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]
/* CECILIO MORALES CSS */
Add the following:
Code: [Select]
@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]
# 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:
« Last Edit: December 03, 2020, 01:18:59 PM by dongfix »

Re: Admin panel theme tweak
« Reply #1 on: December 03, 2020, 03:36:03 PM »
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. ;)

Offline
*
Re: Admin panel theme tweak
« Reply #2 on: December 04, 2020, 11:05:49 PM »
I wish that CWP will work on new theme for admin area too...

Re: Admin panel theme tweak
« Reply #3 on: December 05, 2020, 12:49:05 AM »
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.

Offline
*
Re: Admin panel theme tweak
« Reply #4 on: December 05, 2020, 05:12:54 PM »
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...

Offline
*
Re: Admin panel theme tweak
« Reply #5 on: December 15, 2020, 05:21:33 PM »
Thank you!