Author Topic: Dark Mode For Admin  (Read 1289 times)

0 Members and 1 Guest are viewing this topic.

Offline
*
Dark Mode For Admin
« on: June 19, 2023, 04:17:08 AM »
How about dark mode for the sysadmin area and not just the user panel :(

Offline
****
Re: Dark Mode For Admin
« Reply #1 on: June 19, 2023, 01:46:31 PM »
There is a script to make the CSS for the admin panel dark:
https://forum.centos-webpanel.com/index.php?topic=3921.0
and my revised version is on this thread:
https://forum.centos-webpanel.com/index.php?topic=1487.0

Offline
*
Re: Dark Mode For Admin
« Reply #2 on: October 10, 2023, 10:44:22 PM »
How do you remove this and go back to default. I think it's not letting me reset widgets after I moved them. I want to remove the dark mode and see if I can reset widgets.

Offline
****
Re: Dark Mode For Admin
« Reply #3 on: October 11, 2023, 01:56:48 PM »
Here is the default custom.css. Sorry, I should have recommended you backup the file before making any changes to it.
Code: [Select]
/* -----------------------------------------
   Custom.css - put your own changes here
----------------------------------------- */
/* CECILIO MORALES CSS */

.error_message{
  display: inline-flex;
  background-color: #ea4444;
  color: #fff;
  padding: .8rem 2rem;
  border-radius: 5px;
  margin-left: 1rem;
  font-weight: bold;
}
.from_top{
  margin: 1rem 0px 0px;
}
.ssl_list_services_button{
  display: flex;
  margin: 1rem 0px;
  justify-content: center;
}
.ssl_list_services .label.label-default{
  margin-right: 5px;
}
.ssl_list_services .ssl_list_services_none{
  padding: 5px;
  text-align: center;
  margin-bottom: 0px;
}
.ssl_manage_item{
  display: flex;
}

.ssl_manage_item .label{
  margin-top: 5px;
}
.ssl_manage_noinstalled_head{
  margin-top: 15px !important;
  margin-right: 0px !important;
  margin-bottom: 5px !important;
  margin-left: 0px !important;
}
.services_manage h3{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 1.8rem;
}
.services_manage h3.no-item{
  font-size: 1.3rem;
}
.ssl_list_files{
  display: none;
}

/* RED TOOLTIP FOR CGROUPS */
.tooltip.right .tooltip-inner {
  background-color:#ff0000;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #ff0000;
}
.autossl_error_item_domain{
  font-weight: 600;
  font-size: 1.3rem;
  margin: 0px;
}
.autossl_error_item_message{
  font-weight: 600;
  font-size: 1.2rem;
}
.autossl_error_item_domain span,.autossl_error_item_message span{
  font-weight: 500;
}
.autossl_error_title{
  font-size:1.5rem;
  margin-top: 0px;
}
.autossl_error_install{
  display: flex;
  flex-wrap: wrap;
}
.autossl_error_install_icon{
  width: 25%;
  font-size: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.autossl_error_install_icon i{
  color: #ea4141;
}
.autossl_error_install_icon.success_install i{
  color: #419641;
}
.autossl_error_install_content{
  width:75%;
  flex-wrap: wrap;
}
#error_install_modal .modal-dialog{
  width: 400px;
}
.error_cron_ssl{
  background-color: #efc5c5;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
}
.sslconf_schedule_task{
  display: flex;
  align-items: center;
}
.sslconf_schedule_task fa{
  font-size: 1.5rem;
}
.sslconf_schedule_task select{
  margin: 0px 5px;
}
.cgroups_list_button{
  height: 7rem;
  align-items: center;
  display: flex;
}
.cgroups_list_button button{
  height: 3rem;
}
#name_user_policy{
  font-weight: bold;
}
.policy-form{
  padding: 10px 20px !important;
}
.policy-form .form-group{
  margin-bottom: 5px;
}
#save_policy_button{
  cursor: pointer;
}
span.error{
  color: #ff0000;
}
.limit-info{
  font-size: 10px
}
.limit-info .fa{
  color: #ec8765;
}
.limit-disabled{
  background-color: #f9d0c2;
}
.limit-enabled{
  background-color: #dae9f1;
}
.user-list-legend{
  width: 3rem;
  display: inline-block;
  border-radius: 5px;
}
#cgroups_user_list_loader{
  display: none;
}
.cgroups_user_list_loader{
  background-color: #fffefecf;
  position: absolute;
  height: 100%;
  z-index: 100;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cgroups_user_list_loader .fa{
  font-size: 6rem;
  color: #4faede;
}
.chshell_user_list{
  width: 100%;
}
#table_users_chshell  td{
  padding-top: 0px;
  padding-bottom: 0px;
}
.user_chshell_item{
  height: 4rem;
  display: flex;
  align-items: center;
}
.response_chshell{
  max-height: 30vh;
}
.chshell-jail-installed{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ch-jail-cant-unistall{
  margin-bottom: 0px;
  margin-right: 5px;
  display: none;
}
.chshell-alert-uninstall{
  display: flex;
  align-items: center;
}
.chshell-alert-install{
  display: flex;
  justify-content: space-between;
}
.table-bordered.ssl_list > tbody > tr > td{
  border: 1px solid #eeeeee;
}
/* AUTOSSL */
.autossl_pane .autossl_pane_all_accounts{
  display: flex;
}
.autossl_pane .autossl_pane_all_accounts label{
  font-weight: bold;
}
.td_container{
  padding:0px;
  height:1rem
}
.td_container_wrapper{
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

So you would have to remove the immutable bit before restoring its contents. Here's the reversion procedure:
Code: [Select]
chattr -i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
cp /usr/local/cwpsrv/htdocs/admin/design/css/custom.css /usr/local/cwpsrv/htdocs/admin/design/css/custom-dark.css
truncate -s0 /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
nano /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
chattr +i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css

Offline
*
Re: Dark Mode For Admin
« Reply #4 on: October 11, 2023, 04:39:31 PM »
Thank you!!!