{"id":992,"date":"2020-05-09T12:28:35","date_gmt":"2020-05-09T12:28:35","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/05\/09\/apply-admin-theme-in-magento-2\/"},"modified":"2025-05-22T13:12:43","modified_gmt":"2025-05-22T07:42:43","slug":"apply-admin-theme-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/apply-admin-theme-in-magento-2\/","title":{"rendered":"How to Apply an Admin Theme in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Previously, we saw the steps to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/create-admin-theme-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">create an admin theme in Magento 2<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Custom admin themes in Magento 2 can be created for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>customized backend<\/li>\n\n\n\n<li>brand logo<\/li>\n\n\n\n<li>handy tools<\/li>\n\n\n\n<li>responsiveness<\/li>\n\n\n\n<li>favourable colours<\/li>\n\n\n\n<li>easy administration<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">However, you also need to&nbsp;<em><strong>apply an admin theme in Magento 2<\/strong><\/em>&nbsp;for leveraging these benefits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The below tutorial shows the stepwise method for the same:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to apply an admin theme in Magento 2:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Requirements:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1. Set the Magento into developer mode. Refer&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/magento-2-modes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 modes<\/a>for the steps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. <a href=\"https:\/\/meetanshi.com\/blog\/create-admin-theme-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create a custom admin theme<\/a>&nbsp;as shown earlier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Create&nbsp;<em><strong>module.xml<\/strong><\/em>&nbsp;in&nbsp;<strong>app\/code\/[Vendor]\/[Module]\/etc<\/strong>&nbsp;and add the following code:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;module name=\"[Vendor]_[Module]\" setup_version=\"0.0.1\"> \n   &lt;sequence>\n      &lt;module name=\"Magento_Theme\"\/>\n   &lt;\/sequence>\n&lt;\/module><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Applying a custom admin theme in Magento 2:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1.Create di.xml in app\/code\/[Vendor]\/[Module]\/etc\/adminhtml and add the&nbsp;following code:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\n    &lt;type name=\"Magento\\Theme\\Model\\View\\Design\">\n        &lt;arguments>\n             &lt;argument name=\"themes\" xsi:type=\"array\">\n                 &lt;item name=\"adminhtml\" xsi:type=\"string\">[Namespace]\/[themename]&lt;\/item>\n             &lt;\/argument>\n         &lt;\/arguments>\n    &lt;\/type>\n&lt;\/config><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">2. Run the&nbsp;<strong>bin\/magento setup:upgrade<\/strong>&nbsp;command to update the components.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Open the Admin in the browser and view the new theme applied.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it. Also before applying admin theme I recommend you to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/change-default-admin-logo-in-magento-2\/\">change default admin logo in Magento 2<\/a>&nbsp;for branding purposes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do share the post with the Magento community via social media.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Previously, we saw the steps to&nbsp;create an admin theme in Magento 2. Custom admin themes in Magento 2 can be created for: However, you also&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-992","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=992"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/992\/revisions"}],"predecessor-version":[{"id":14922,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/992\/revisions\/14922"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}