{"id":16650,"date":"2024-05-21T12:15:40","date_gmt":"2024-05-21T12:15:40","guid":{"rendered":"https:\/\/hostvento.com\/kb\/web-hosting\/how-to-customize-the-evolution-skin-in-directadmin\/"},"modified":"2024-06-17T03:28:13","modified_gmt":"2024-06-17T03:28:13","slug":"how-to-customize-the-evolution-skin-in-directadmin","status":"publish","type":"docs","link":"https:\/\/www.hostvento.com\/kb\/docs\/hosting-faqs\/how-to-customize-the-evolution-skin-in-directadmin\/","title":{"rendered":"How to Customize the Evolution Skin in DirectAdmin?"},"content":{"rendered":"\n<p>One of the most customizable aspects of DirectAdmin is its evolving skin interface. You can alter sections, user account icons, reseller or admin icons, and other settings at the reseller level using a range of choices available to you. Still, it&#8217;s best to let the experts handle that stuff. For this reason, we&#8217;ll be demonstrating to you how to modify the interface&#8217;s look.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To Customize the Evolution Skin<\/h2>\n\n\n\n<p>1. Log in to DirectAdmin with your reseller account.<\/p>\n\n\n\n<p>2. Go to the&nbsp;<strong>Reseller Tools<\/strong>&nbsp;section and click on&nbsp;<strong>Customize Evolution Skin<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_customize_evolution_skin.png\" alt=\"\" class=\"wp-image-12805\"\/><\/figure>\n<\/div>\n\n\n<p>A panel with multiple configuration sections will appear. As a reseller, you will have access and permission to change most settings available there. We will get through each of the tabs one by one.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customize the Evolution Skin<\/h3>\n\n\n\n<p>Misc. Options<\/p>\n\n\n\n<p>Logo<\/p>\n\n\n\n<p>Colors<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1CustEvoSkin\">Misc. Options<\/h3>\n\n\n\n<p>Short for&nbsp;<strong>Miscellaneous Options<\/strong>, it has various options to change the appearance of the panel interface.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default Layout<\/strong>: Select an arrangement for the DirectAdmin tools. We recommend you go with&nbsp;<strong>Icons Grid<\/strong>&nbsp;as it is more familiar to most users.<\/li>\n\n\n\n<li><strong>Theme Mode<\/strong>: There are two modes for the DirectAdmin interface&nbsp;<strong>Light<\/strong>&nbsp;and&nbsp;<strong>Dark<\/strong>. There is a third option,&nbsp;<strong>Automatic\/User Select<\/strong>, that leaves things to your discretion.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_misc_options.png\" alt=\"\" class=\"wp-image-12845\"\/><\/figure>\n<\/div>\n\n\n<p><strong>Note<\/strong><\/p>\n\n\n\n<p>You can allow individual users to change the skin layout by unticking the&nbsp;<strong>Forbid users changing the skin layout on user level<\/strong>. It is better to leave it the way it is. If not, you will have a tough time navigating the interface when taking over the user account.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2CustEvoSkin\">Logo<\/h3>\n\n\n\n<p>This section allows you to change the logos for the interface.<\/p>\n\n\n\n<p>1. To change the logo for a particular field\/option, click the&nbsp;<strong>X&nbsp;<\/strong>symbol beside the logo image you want to replace.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo.png\" alt=\"\" class=\"wp-image-12846\"\/><\/figure>\n<\/div>\n\n\n<p>It will remove the logo image from the field.<\/p>\n\n\n\n<p>2. Click on the box and upload the image from your local machine.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo_drop.png\" alt=\"\" class=\"wp-image-12847\"\/><\/figure>\n<\/div>\n\n\n<p>The image will appear in the field box.<\/p>\n\n\n\n<p>3. Click the&nbsp;<strong>UPLOAD<\/strong>&nbsp;button to complete the process.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_logo_upload.png\" alt=\"\" class=\"wp-image-12848\"\/><\/figure>\n<\/div>\n\n\n<p>You can repeat this process to change the logos for any other field.<\/p>\n\n\n\n<p>Currently, the evolution skin of the DirectAdmin panel offers five fields for the logos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Default<\/li>\n\n\n\n<li>For dark mode &amp; sidebar layout<\/li>\n\n\n\n<li>Favicon<\/li>\n\n\n\n<li>Symbol<\/li>\n\n\n\n<li>Symbol for dark mode<\/li>\n<\/ul>\n\n\n\n<p>The other sections are to customize the&nbsp;<strong>Menu<\/strong>&nbsp;for User or Reseller accounts. We will skip them and move to the&nbsp;<strong>Colors<\/strong>&nbsp;tab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3CustEvoSkin\">Colors<\/h3>\n\n\n\n<p>Here you can adjust or change the colors for notification windows, messages, etc. based on their type\/nature.<\/p>\n\n\n\n<p>The types are categorized as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Primary<\/li>\n\n\n\n<li>Safe<\/li>\n\n\n\n<li>Danger<\/li>\n\n\n\n<li>Neutral<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.com\/kb\/hosting-faqs\/wp-content\/uploads\/2021\/09\/da_evolution_colors_min.png\" alt=\"\" class=\"wp-image-12850\"\/><\/figure>\n<\/div>\n\n\n<p>After making your changes, click the<strong>&nbsp;SAVE<\/strong>&nbsp;button and, it will be over.<\/p>\n\n\n\n<p><strong>Note&nbsp;<\/strong><\/p>\n\n\n\n<p>If you want to customize the&nbsp;<strong>Menu<\/strong>, we recommend you contact support to handle it. The same goes for the&nbsp;<strong>Widgets<\/strong>&nbsp;section.<\/p>\n\n\n\n<p><a href=\"https:\/\/hostvento.com\/kb\/web-hosting\/how-to-optimize-apache-web-server-with-whm\/\" target=\"_blank\" rel=\"noopener\"><strong>How to Optimize Apache Web Server with WHM?<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the most customizable aspects of DirectAdmin is its evolving skin interface. You can alter sections, user account icons, reseller or admin icons, and other settings at the reseller level using a range of choices available to you. Still, it&#8217;s best to let the experts handle that stuff. For this reason, we&#8217;ll be demonstrating [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":23377,"menu_order":372,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-16650","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/16650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/comments?post=16650"}],"version-history":[{"count":2,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/16650\/revisions"}],"predecessor-version":[{"id":21222,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/16650\/revisions\/21222"}],"up":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/23377"}],"wp:attachment":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/media?parent=16650"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/doc_tag?post=16650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}