Yii2 theme integration

Question

I have installed Yii2 advanced application, and now I want to change backend theme. How can I do this? Is there any file where I need to tell Yii2 that use my custom theme?

Answer 1

Yet another approach to change theme in Yii2 is:

1. Create a themes directory in web folder in frontend or backend where you want to change theme.

2. place your theme folder inside themes directory.

3. change $css and $js variables in AppAsset.php in assets folder in frontend or backend like:

   public $css = [
       //'css/site.css',
       'themes/theme_folder/css/font-awesome.min.css',
       'themes/theme_folder/css/slicknav.css',
       'themes/theme_folder/css/style.css',
       'themes/theme_folder/css/responsive.css',
       'themes/theme_folder/css/animate.css',
       'themes/theme_folder/css/colors/red.css',
       //'themes/margo/asset/css/bootstrap.min.css',
   ];
   public $js = [
           'themes/theme_folder/js/jquery.migrate.js',
           'themes/theme_folder/js/modernizrr.js',
           'themes/theme_folder/js/jquery.fitvids.js',
           'themes/theme_folder/js/owl.carousel.min.js',
           'themes/theme_folder/js/nivo-lightbox.min.js',
           //'themes/theme_folder/js/jquery-2.1.4.min.js',
           //'themes/theme_folder/asset/js/bootstrap.min.js'
   ];
   

4. Do not include core bootstrap css, bootstrap js and jquery js as these are core APIs that are provided by Yii2. I have commented them above.

5. Use the below code to reference theme resources (css, js, images etc) in your main.php layout file or other site pages:

       /images/margo.png
   

6. There is no need to include css or js files in layouts->main.php file :)