How to Apply an Admin Theme in Magento 2

Previously, we saw the steps to create an admin theme in Magento 2.

Custom admin themes in Magento 2 can be created for:

• customized backend
• brand logo
• handy tools
• responsiveness
• favourable colours
• easy administration

However, you also need to apply an admin theme in Magento 2 for leveraging these benefits.

The below tutorial shows the stepwise method for the same:

Steps to apply an admin theme in Magento 2:

Requirements:

1. Set the Magento into developer mode. Refer Magento 2 modesfor the steps.
2. Create a custom admin theme as shown earlier.
3. Create module.xml in app/code/[Vendor]/[Module]/etc and add the following code:
   
   <module name="[Vendor]_[Module]" setup_version="0.0.1">     <sequence>       <module name="Magento_Theme"/>    </sequence> </module>

   1 2 3 4 5

   <module name="[Vendor]_[Module]" setup_version="0.0.1">     <sequence>       <module name="Magento_Theme"/>    </sequence> </module>

Applying a custom admin theme in Magento 2:

1. Create di.xml in app/code/[Vendor]/[Module]/etc/adminhtml and add the following code:
   
   <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">     <type name="Magento\Theme\Model\View\Design">         <arguments>              <argument name="themes" xsi:type="array">                  <item name="adminhtml" xsi:type="string">[Namespace]/[themename]</item>              </argument>          </arguments>     </type> </config>

   1 2 3 4 5 6 7 8 9

   <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">     <type name="Magento\Theme\Model\View\Design">         <arguments>              <argument name="themes" xsi:type="array">                  <item name="adminhtml" xsi:type="string">[Namespace]/[themename]</item>              </argument>          </arguments>     </type> </config>

2. Run the bin/magento setup:upgrade command to update the components.
3. Open the Admin in the browser and view the new theme applied.

That’s it. Also before applying admin theme I recommend you to change default admin logo in Magento 2 for branding purposes.

Any doubts about the custom admin theme and how to apply it?

If so, feel free to mention them in the Comments section below.

I’d be happy to help.

Do share the post with the Magento community via social media.