Messages

1

CentOS-WebPanel GUI / 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: